Cacher is the code snippet organizer for pro developers

/* Mobile first queries */
/*   for bigger devices see: desktop.css */

@media only screen and (max-width: 480px) { /* smartphones - small/vertical*/
}
@media only screen and (min-width: 480px) { /* smartphones */
	/* iphone in landscape mode is width=480px */
	/* setting min-width: 480px, it's included here */
	/* otherwise, it takes only the max-width: 480px rules */
	/* it's up to you; btw yes, you can use min-width: 481px */
}
@media only screen and (min-width: 768px) { /* tablets */
}

/* Mobile first queries */
/*   for smaller devices see: mobile.css */

@media only screen and (min-width: 992px) { /* horizontal tablets & small desktops */
	/* we are the only one using this size, but we agreed it's good enough */
	/* if you are in doubts, use the min-width: 1030px */
}
@media only screen and (min-width: 1030px) { /* normal desktops */
}
@media only screen and (min-width: 1240px) { /* mega sized monitors */
}