html5-respond.js not rendering CSS3 properties in IE7 and IE8
IE8 doesn't work on @import'ed stylesheets. but you can write query by this way

@ Media screen and (min-width: 980px)
{

  / * CSS Document * /

}


and also you must include css3-mediaqueries js 

&lt;! - Css3-mediaqueries.js for IE less than 9 -&gt;
 &lt;! - [If lt IE 9]&gt;
 &lt;script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"&gt; &lt;/ script&gt;
 &lt;! [Endif] -&gt;


see this http://westilian.com/ie7-and-ie8-support-for-css3-media-query/