css3 - css responsive not working and overwriting my inline style -

i have wordpress site , using bootstrap css popup. please check page here: http://aboutpubliseek.staging.wpengine.com/test-page/

when reduce width of browser less 770px text box email reduces in height. found no way solve it. used inline css input element, used media query !important tag, tried removing other css bootstratp.css. same result. think issue bootstrap.css. thing overwriting css when reduce width less 770px.

please check following code used test:

@media screen , (min-width:481px) , (max-width:770px){     #gform_fields_2 {         input[type='email'] {             background-color:#eee;             padding:5px 10px !important;             min-height: 30px !important;         }     } } 

here background color works padding. can please me sort out this.

thanks.

add

min-height: 42px !important;  

to this

#gform_fields_2 input[type='email'] {  } 

so becomes

#gform_fields_2 input[type='email'] { /*..css defs there */ min-height: 42px !important; } 

this in commander_less.css file