@-ms-viewport{width:device-width;}
@media (min-width:1600px), (min-height:900px){body{font-size:16px;}
.nav-trigger{display:none;}
}
@media (min-width:1750px), (min-height:900px){body{font-size:17px;}
.nav-trigger{display:none;}
}
@media (max-width:1300px) and (min-width:768px), (max-height:700px) and (min-width:768px){}
@media (max-width:1200px) and (min-width:768px), (max-height:650px) and (min-width:768px){body{font-size:14px;}
.nav-trigger{display:none;}
.main-logo{transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);-o-transition:scale(0.9);}
.awards-list li,
.brands-list li{margin-bottom:10px;}
#form-contact input.text{height:51px;}
#form-contact textarea{height:150px;}
}
@media (max-width:1050px) and (min-width:768px), (max-height:550px) and (min-width:768px){body{font-size:12px;}
.main-logo{transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transition:scale(0.8);}
.main-quote{font-size:12px;}
#form-contact input.text{height:41px;}
#form-contact textarea{height:130px;}
}
@media (max-width:900px) and (min-width:768px), (max-height:450px) and (min-width:768px){body{font-size:11px;}
#who-text h1{}
#form-contact textarea{height:110px;}
}
@media (max-width:800px) and (min-width:768px){}
@media (max-width:767px){.arrow{display:none;}
body.index{overflow-y:visible;overflow-x:hidden;}
#site-holder{overflow:visible;}
#flip{left:0px !important;}
#mobile-nav,
#flip,
.site-header .nav-trigger,
#page.case{-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.show-sidebar #mobile-nav,
.show-sidebar #flip,
.show-sidebar #page.case{transform:translateX(122px);-ms-transform:translateX(122px);-webkit-transform:translateX(122px);-o-transition:translateX(122px);}
.site-header{position:relative;padding:18px 15px 0px;left:0;top:0;right:0;}
.site-header .site-menu{display:none;}
.site-header1 .nav-trigger:hover{background-color:#72C9B9;border-color:#72C9B9;}
.site-header1.green .nav-trigger:hover{background-color:#fff;border-color:#fff;}
.container .f-page,
.container .f-page:nth-child(2),
.container .f-page:nth-child(3),
.container .f-page:nth-child(4),
.container .f-page:nth-child(5),
.container .f-page:nth-child(6)
{left:0px;height:100%;position:relative;}
.g-screen{min-height:100%;}
.site-content.full-height{background:#f8f8f8;padding-bottom:1px;height:auto;}
.green-bkg .site-content.full-height{background:#ffa800;}
.button{width: 80%;}
.container .f-page{display:none;}
.container .f-page.active.no-mob-loader{display:none;}
.container .f-page.active,
.container .f-page.mob-active{display:block;}
.container .f-page.active.no-mob-loader.mob-active{display:block !important;}
.content-frame{overflow:visible;position:static;padding-top:30px;}
.footer{display:none;}
.col-sm-4{width:83%;}
.white_content{position:fixed;top:10px;height:86%;margin-left:10px;margin-right:10px;}
#content-loader{margin-top:-30px;}
#content-loader .tips,
#content-loader #bar2{display:none;}
.main-logo{padding-top:10px;}
.g-screen.fixed-screen{overflow:hidden;}
#who-text{position:static;margin:0px 15px 40px;padding-top:40px;width:auto;}
#who-text h1{margin:0px 0px 35px;font-size:55px;white-space:normal;}
.main-quote h1{font-size:200%;}
#who-image{position:relative;left:auto;margin:0px auto;width:260px;}
#who-image img{width:100%;}
ul.rig{padding:0px;}
#arrow{display:none;}
#screen-the-what .content-frame{padding-top:45px;}
.content-frame #content-frame-mask{display:none;}
.what-text h2{font-size:24px;line-height:30px;}
.what-row{margin:0px 15px 50px;left:0;width:auto;}
.what-row:first-child{margin-top:0px;}
.what-image{display:none;}
.what-image-mobile{display:block;}
.what-text,
.what-row.image-on-right .what-text{float:none;width:auto;}
#the-list-here{top:auto;position:relative;padding:0px 15px 1px;left:auto;width:auto;}
.content-the-list,
.content-the-list .awards-list,
.content-the-list .awards-list.second{float:none;width:auto;}
.content-the-list{margin-bottom:40px;padding-top:50px;}
#brands,
#awards{font-size:60px;line-height:66px;margin-bottom:20px;}
#form-contact{padding-left:15px;padding-right:15px;padding-top:45px;position:relative;top:auto;width:auto;left:auto;}
#hello{font-size:42px;line-height:54px;margin-bottom:40px;}
#form-contact .formfield .col,#form-contact .formfield .col1,
#form-contact .formfield .col.second{margin-bottom:30px;float:none;width:auto;margin-right:0px;}
#form-contact .formfield .col.second{margin-bottom:0px;}
#result{clear:both;display:block;padding-top:20px;padding-bottom:20px;float:none;}
#phones-area .phones{margin-right:3%;width:48.5%;}
#phones-area .phones:nth-child(2n){margin-right:0px;}
#case{margin-top:50px;margin-left:15px;margin-right:15px;width:auto;}
#content-browser{margin-top:-150px;left:10px;right:10px;margin-left:0px;width:auto;}
#content-browser h1{font-size:130px;line-height:130px;margin-bottom:12px;}
#content-browser button,
#content-browser a.button{margin-top:60px;width:220px;}
}
@media (max-width:499px){.screenshot,
#phones-area{margin-bottom:30px;}
#phones-area .phones,
#phones-area .phones:nth-child(2n),
#phones-area .phones:nth-child(4n){float:none;margin:0px auto 20px;max-width:250px;width:auto;}
}