Mobile MediaQuery from Skeleton CSS Framework

mediaquery.css

/* All Desktop  */
@media only screen and (min-width: 767px) {
21body { border: solid 10px #00ffff; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	body { border: solid 10px #555555; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body { border: solid 10px #0000ff; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body { border: solid 10px #00ff00; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { border: solid 10px #ffff00; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body { border: solid 10px #ff0000; }
}