/* Android ----------- */
/*@media only screen and (device-height: 320px){
	[os="android"].mobile #content {
		height: 320px;
		height: 315px;
	}
}
@media only screen and (device-height: 360px){
	[os="android"].mobile #content {
		height: 360px;
		height: 335px;
	}
}
@media only screen and (device-height: 384px){
	[os="android"].mobile #content {
		height: 384px;
		height: 359px;
	}
}
@media only screen and (device-height: 411px){
	[os="android"].mobile #content {
		height: 411px;
		height: 386px;
	}
}
@media only screen and (device-height: 480px){
	[os="android"].mobile #content {
		height: 480px;
		height: 455px;
	}
}
@media only screen and (device-height: 592px){
	[os="android"].landscape.no-mobile #container {
		height: 592px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 592px;
		height: 567px;
	}
}
@media only screen and (device-height: 600px){
	[os="android"].landscape.no-mobile #container {
		height: 600px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 600px;
		height: 575px;
	}
}
@media only screen and (device-height: 640px){
	[os="android"].landscape.no-mobile #container {
		height: 640px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 640px;
		height: 615px;
	}
}
@media only screen and (device-height: 731px){
	[os="android"].landscape.no-mobile #container {
		height: 731px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 731px;
		height: 706px;
	}
}
@media only screen and (device-height: 768px){
	[os="android"].landscape.no-mobile #container {
		height: 768px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 768px;
		height: 743px;
	}
}
@media only screen and (device-height: 800px){
	[os="android"].landscape.no-mobile #container {
		height: 800px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 800px;
		height: 775px;
	}
}
@media only screen and (device-height: 853px){
	[os="android"].landscape.no-mobile #container {
		height: 853px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 853px;
		height: 828px;
	}
}
@media only screen and (device-height: 960px){
	[os="android"].landscape.no-mobile #container {
		height: 960px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 960px;
		height: 935px;
	}
}
@media only screen and (device-height: 1024px){
	[os="android"].landscape.no-mobile #container {
		height: 1024px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 1024px;
		height: 999px;
	}
}
@media only screen and (device-height: 1280px){
	[os="android"].landscape.no-mobile #container {
		height: 1280px;
	}
	[os="android"].portrait #content,
	[os="android"].mobile #content {
		height: 1280px;
		height: 1265px;
	}
}*/


/* ipad ------------------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)
and (orientation: landscape){
	html[os="ios"].no-parent,
	html[os="ios"].no-parent body {
		height: 100% !important;
		min-height: 100% !important;
	}
	html[os="ios"].no-parent #container {
		position: fixed !important;
		height: 100% !important;
		min-height: 100% !important;
	}
}


/* windows-phone ----------- */
@media only screen and (device-height: 480px){
	[os="windows-phone"].mobile #content {
		height: 480px;
	}
}
@media only screen and (device-height: 800px){
	[os="windows-phone"].landscape.no-mobile #container {
		height: 800px;
	}
	[os="windows-phone"].mobile #content {
		height: 800px;
	}
}