/* Desktop */

/*

	1280 * 720

*/

/* iPad  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPad landscape";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPad portrait";
	}
}

/* Retina iPad  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2){
	#mediaRules:before{
		content: "Retina landscape ";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2){
	#mediaRules:before{
		content: "Retina iPad portrait";
	}
}

/* iPad mini  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1){
	#mediaRules:before{
		content: "iPad mini landscape";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1){
	#mediaRules:before{
		content: "iPad mini portrait";
	}
}

/* iPhone 2G-4S  */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 2G-4S landscape";
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 2G-4S portrait";
	}
}

/* iPhone 5 & 5S */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 5 & 5S landscape";
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 5 & 5S portrait";
	}
}

/* iPhone 6 Plus */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 6 Plus landscape";
	}
}

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 6 Plus portrait";
	}
}