Css on cross browsing

[newcoder1010]

Hi,

   @media only screen and (max-width: 768px){

	.views-field-field-main-image img {width:100%; height:200px;}

}

  @media (min-width: 768px) and (max-width: 992px){ 

	.views-field-field-main-image img {width:100% !important; height:200px;}

}

When you go to above http://godrupal.info/xpressauto, I like to see the images under vehicles inventory to be 100% width. It works on chrome but not on IE.

 

If you could help please.

 

Thanks.