Common Media Queries

MQ.phone.L.css

/* Media Query: Smartphones (landscape)  */
@media only screen 
and (min-width : 321px) {
	/* Your styles go here... */
}

MQ.phone.P.css

/* Media Query: Smartphones (portrait)  */
@media only screen 
and (max-width : 320px) {
	/* Your styles go here... */
}

MQ.phone.PL.css

/* Media Query: Smartphones (portrait and landscape)  */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	/* Your styles go here... */	
}

MQ.tablet.L.css

/* Media Query: iPads (landscape)  */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	/* Your styles go here... */	
}

MQ.tablet.P.css

/* Media Query: iPads (portrait)  */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	/* Your styles go here... */	
}

MQ.tablet.PL.css

/* Media Query: iPads (portrait and landscape)  */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	/* Your styles go here... */	
}