/* only ipad 1024 and bigger screen landscape screen */

@media only screen and (min-width: 768px) {
}



/*==========================================================================================================*/

@media only screen and (max-width: 1023px) {
body { min-width: 320px; }
img { max-width: 100%; width: auto; height: auto; }
.wrap { width: auto; padding: 0 20px; }
.content { width: auto; padding: 76px 20px 0 }
.video-box video#bgvid { display: none; }
.video-box { background: #000 url(../images/bg_on.jpg) center center; background-size: cover }
#mainmenu > ul { padding: 35% 0 90px; }
.mirror .cols { margin: 0 -10px; }
.mirror .col { width: auto; padding: 0; margin-bottom: 10px; float:none }
.video-box iframe { display: none }
.mobile-show { position: absolute; left: 0; right: 0; margin: 0 auto; top: 65%; max-width: 180px; text-align: center; display: block }
#mobile-video { width: 100%; }
#footer { position:relative }

}



/*==========================================================================================================*/

@media only screen and (max-width: 767px) {
h1, h2 { font-size: 40px; }
#mainmenu > ul { padding: 45% 0 90px; }
.common-title h1 { margin-bottom: 25px; }
.mirror .col { width: 100%; }
}

/*==========================================================================================================*/

/* only iphone4 landscape & Potriat 300 by 480*/

@media only screen and (max-width: 567px) {
#logo { width: 200px; }
h1, h2 { font-size: 34px; }
#mainmenu > ul { padding: 60% 0 90px; }
#footer { position: relative; padding: 10px 0 }
.contact-info a { font-size: 16px; }
.popup { margin: 0; padding: 0; width: 100% !important; height: 100% !important; }
}

/*==========================================================================================================*/



/*==========================================================================================================*/

/* only iphone portrait 300 by 479*/

@media only screen and (max-width: 479px) {
#logo { width: 150px; }
#mainmenu { margin: 0 0 0; }
.banner-data h1 { font-size: 30px }
}

/*==========================================================================================================*/

/* Retina css */ 

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
 .sprites, .sp-after:after, .sp-before:before, .socials li a {
background-image:url(../images/bgi/sprites@2x.png);
 -moz-background-size:237px 207px;
-ms-background-size:237px 207px;
-o-background-size:237px 207px;
-webkit-background-size:237px 207px;
background-size:237px 207px;
}
}