<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* http://sampleweb.ru/articles/usloviya-css-dlya-ekrana/ */

/* iPad in portrait &amp; landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
/*****************************/
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*****************************/}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/*****************************/
}

/* Retina iPad in portrait &amp; landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

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

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPad 1 &amp; 2 in portrait &amp; landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 &amp; 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad 1 &amp; 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/*@media only screen and (max-width: 1100px) { */
@media only screen and (max-width: 768px) {
		#search, .content-wrapper-b2, .services_for_desktop { display: none; }
		.wrapper { width: 100%; }
		#middle { width: 100%; }
		body { min-width: 100%; }
		.img_w800 { width: 100% !important; max-width: 800px !important; height: auto !important; }
		#headerbar { padding: 0; }
		#headerbar .custom img { width: 100%; }
		.content-wrapper-t2, .content-wrapper-2 { padding: 0 !important; }
		.services_for_media { display: block; }
		#middle { font-size: 14px; }
		#middle a { text-decoration: underline; }
		#middle ul li { padding-bottom: 10px; }
}</pre></body></html>