css - Input fields are longer than grid in IE and Mozilla -

i cannot find class collidating contact form. form in bootstrap fields extend grid in mozilla , ie.

what issue?

    <section>     <div class="container">         <div class="row">             <div class="col-md-6 col-sm-12">              </div>                   <div class="col-md-6 col-sm-12">                                 <h2>formularz kontaktowy</h2>                         <?php echo do_shortcode ('[contact-form-7 id="81" title="kontakt"]'); ?>             </div>               </div>     </div>     </section> 

size="s": defines number of characters “s” appear in text box. more text can typed, not appear @ once in text box.

note: in cases, size="40" should provide more adequate space text box.

so fix issue there work around. in case can give width input field.

input.wpcf7-text[type="text"]{width:30%; color:red;}