IE7, IE8 support for css3 media query

@media screen and max-width 650px {}

@media screen and (max-width:650px) {}

@media only screen and (min-width: 500px) and (max-width: 1024px) {
   .buy {
     color: yellow;
   }
}

<style>@media all and (min-width:1px) {
    .mediatest {position:absolute}
}</style>

var d = document.createElement('div');
d.className = "mediatest";
document.body.appendChild(d);
if( window.getComputedStyle && window.getComputedStyle(d).position == "absolute") {
    // supports media queries!
}
document.body.removeChild(d);

@media only screen and (min-width: 1024px){ 
    /* css rules here will apply only if the size of the screen is greater than AND equal to 1024px */
}