Changing Field Sizes

I use the following code in Contact Form 7 to make a 4 field line on my form .. (actually I have six rows of them on the form) and the code works fine.

<div class=”flex_column av_one_fourth first”> <label> Quantity [number Q1 min:0 max:100] </div> </label>

<div class=”flex_column av_one_fourth”> <label> Fabric [select F1 “Select” “08 Navy With Stars (Medium Only)”
“09 Wash Your Hands” “10 New York” “13 Biker” “14 Vertical Stripes” “15 Air Mail” “16 Purple Polka Dots” “18 Pen Pal ” “20 Green Grass (Medium Only)” “22 Navy Small Stars” “24 Moon Night” “25 Bead Flowers” “26 Green Leaf” “27 Pink Cotton” “28 Gray Cotton” “29 Dotted Stars on Red” “30 White With Gray Stars” “31 Stars on Red” “34 Blue Foil” “35 Red White Stripes” “36 Multi Stars” “37 Navy With Stars and Swirls” “38 Striped Stars on Wood” “39 Mini Stars” “40 Textured Stripe” “41 White With Random Stars” “43 Navy with Little Stars” “44 Blue Marble” “45 Flowered Lilac” “46 Dark Green With Stars” “47 Flowered Tan” “99 Use Your Own Fabric”] </div> </label>

<div class=”flex_column av_one_fourth”> <label> Size [select S1 ” ” “Large” “Medium” “Child”] </div> </label>

<div class=”flex_column av_one_fourth”> <label> Elastic [select E1 ” ” “White” “Black”] </div> </label>

The problem is the four fields widths are displayed in the same small size and much too small for what they are displaying even though I have plenty of room for them to display larger.

How do I get them to display so that the choices display with sufficient field width?

The page I need help with: [log in to see the link]