A set of standard media queries for popular devices.

standard-media-queries.css

@media all and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*style all the things*/
}


@media all and (max-width : 320px) {
/*style all the things*/
}


@media all and (min-device-width : 768px) and (max-device-width : 1024px) {
/*style all the things*/
}


@media only screen  (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*style all the things*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/*style all the things*/
}

@media all and (min-width : 1200px) {
/*style all the things*/
}

@media all and (min-width : 1600px) {
/*style all the things*/
}