@media screen and (min-width:1920px){
.home #logo{font-size:8em;}
}

@media screen and (min-width:1200px){
    h1, #page h1, .heading-1, .content, .pages-list.page-parent-4 .sub, .pages-list.page-parent-3 .sub, .header__navigation, .pages-5.page-parent-4 .sub{width:1200px;}
  .header__menu{flex: 1 1 100%;}
  .header__menu li{position:relative;font-size:2rem;background: #373751;}
  .header__menu li > .menu__link:hover, .header__menu li.selected > .menu__link, .header__menu li.selected-parent > .menu__link{background: var(--color-yellow);color: var(--color-white);}
  .header__menu li.only-mobile{display: none;}
  button.hamburger{display:none}


}


/*

@media screen and (min-width:1280px){
  .container{width:100%;margin: 0 auto;}
}




div.content .images-gallery{clear:none;}
@media screen and (min-width:960px){ .images-gallery li{flex:0 0 calc( 100% / 3 );} }


.images-10{height:700px;margin-top:0;width: 100vw;position: relative;margin-left: -50vw;margin-right: -50vw;left: 50%;right: 50%;z-index: 1;}
.images-10 li{height:100%;position:absolute;width:100%;}

@media screen and (min-width:960px){
.images-10{height:750px;}
}
@media screen and (min-width:1200px){
.images-10{height:900px;}
    .header__page .title{font-size: 7em;}
}
@media screen and (min-width:1920px){
.images-10{height:1100px;}
}



@media screen and (min-width:600px){
  .pages-gallery{ --cols: calc((100%/ 3 ) - 1rem);}
  .pages-gallery .page{flex:0 0 var(--cols);}
  .pages-gallery:before, .pages-gallery:after{content:"";flex:0 1 var(--cols);}
  .pages-gallery:before{order:99;}
}

*/


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

  .layer.mobile-hide{display: block;}
  .layer.layer-mobile{display: none;}
   
  .widget .pages-list.page-parent-2 .page{flex: 0 0 30%;}
  .widget .pages-list.page-parent-2 .page .product_image{max-height: 40px;}

  .pages-list.page-parent-2 .image{max-width: 100%;}
  .pages-list.page-parent-2 .more{width: 100% !important;}
  .pages-list.page-parent-2 .more:before, .pages-list.page-parent-2 .more:after{display: none !important;}
  .pages-list.page-parent-2 .more a, .pages-list.page-parent-2 .page:nth-child(1) .more a, .pages-list.page-parent-2 .page:nth-child(2) .more a, .widget .pages-list.page-parent-2 .page:nth-child(3) .more a{padding: 5px 5px 7px;}

  .header__page .description{font-size: 2.5rem;left: 60%;}
  .header__page .title{font-size: 10rem;}

  .pages-list.page-parent-2 .page:nth-child(1), .pages-list.page-parent-2 .page:nth-child(2){flex:0 0 49%;}
  .widget .pages-list.page-parent-2 .page:nth-child(1), .widget  .pages-list.page-parent-2 .page:nth-child(2){flex: 0 0 30%;}


  .pages-list.page-parent-2 .page{flex: 0 0 33%;}

  #page div.content{padding: 0;}
  #page h1, .heading-1{font-size:2.063rem;padding: 0;}

  .form-full fieldset{padding: 0;}
  .form-full dl{width:100%;float:left;}

  .header__page .container{min-height: 91px;}

  .is-parent-page-2 #page{display: block;}
  .is-parent-page-2 #page h1{float: right; width: 35%;}
  .is-parent-page-2 #ask-about-link{float: right;clear: both;text-align: center;margin-top: 1rem;}
  .is-parent-page-2 .images-1{float: left;width: 60%;margin: 0;}
  .is-parent-page-2 .content{clear: both;float: left;width: 45%;}
  .is-parent-page-2 .features{float: right;width: 45%;}
  .is-parent-page-2 .product_image{width: 35%;float: right;}

  .features {padding: 0;}
  .features .caption{}
  .home #content .widget.aboutUs.type-2 div.description h4 a{width:100%;}

}


@media screen and (min-width:1250px){
  #page{padding: 0;}

}

@media screen and (max-width:1200px){
.header__page .title{font-size: 5em;}
.widget.contactData{width:80%;}
.columns{columns:1;}
 .header__page, .widget.service, .contentList, .home #content .widget.aboutUs.type-2 div.description h2, h1, #page h1, .serviceList, .heading-1, .content, .pages-list.page-parent-4 .sub, .pages-list.page-parent-3 .sub,  .header__navigation, .pages-5.page-parent-4 .sub,  #page h1, .heading-1, #productBox, .justified-gallery, .images-12.justified-gallery, .images-13.justified-gallery, #foot footer,  .vimeo , .home #content .widget.aboutUs aside{width:100% !important;}
.form-full{width:80%;margin:0 auto;}
    .contact .header{height: 311px;}
    .header__page .description{bottom: 178px;}
}  
    
@media screen and (max-width:1024px){

}
@media screen and (max-width:800px){
.home #content .widget.aboutUs aside, .widget.service, .serviceList{display:flex;flex-direction:column}
.pages-6{flex-direction:column;width:100%;}
.pages-6 .page{width:100%;margin:0;}
.side-tab-widget{display:none;}
}

  @media screen and (max-width:768px){ 
      .paralax {display:none;}
      .widget.service .image img{width:60%;}
      .widget.service .head{text-align: center;font-size: 3em;width: 80%;margin: 0 auto;padding-bottom:2em;}
      .home #content .widget.aboutUs .image{display: flex;justify-content: center;margin-right: 22em;}
      .home #content .widget.aboutUs .title{margin-top: -8em;width: 169px;margin-left: 12em;margin-bottom: 4em;}
      #logo{font-size: 2.5em;display: block;padding: .3em;margin: 0 auto;left: 116px;top: 0em;}
      .home #logo{padding: 1rem;font-size: 4em;margin: 11% auto;}
      #ask-about-link{text-align:right;}
      #productBox{flex-direction:column;}
      #foot .container{display: flex;flex-direction: row;width: 70%;padding: 0em;margin: 0 auto;justify-content: center;}
      .announcement .description{padding: 5em 0 0em;}
      .features{float:left;}
      .contentList, #page div.content, #page h1{padding:0 2em;text-align:center;}
      .home #content .widget.aboutUs.type-2 div.description h4{font-size:1.6em;}
      .home #content .widget.aboutUs.type-2 div.description h2{font-size:2em;}
      .widget.announcement .title{position: absolute;z-index: 2;font-size: 2em;width: 144px;margin-left: 1em;margin-top: 3em;}
      .home #content .widget.aboutUs.type-2 div.description{padding:0;}
      .serviceListPage .image, .carsList .image{float:none;margin:0 auto}
      .announcement img {width:100%;}
      .image{display:flex;justify-content:center;}
      .serviceList .page{width:100%;}
      .description{padding: 0em 0 7em;}
  .header__page .container {right: 0;}
  .header__page .container div.description { width: 50%;top:10%;display:none;}
  .contact .header__page img{margin-left: -20%;}
   .vimeo{width: 566px;height: 300px;}
   .widgets-2{width: 100%;}
  
     .header__page .title{font-size: 3rem;}
     .contact #page h1{margin-bottom:2em;margin-top:3em;}
     #powered{padding:15px 3em;}
}
@media screen and (max-width:560px){
         .home #content .widget.aboutUs .image{display: flex;justify-content: center;margin-right: 14em;}
      .home #content .widget.aboutUs .title{margin-top: -8em;width: 169px;margin-left: 10em;margin-bottom: 4em;}
 
}


@media screen and (max-width:414px){
.home #logo{font-size: 3em;} 
#logo{left: 43px;}
.home #content .widget.aboutUs .image{display: flex;justify-content: center;margin-right: 14em;}
.home #content .widget.aboutUs .image img{height:100px;}
.home #content .widget.aboutUs .title{margin-top: -6em;    width: 169px;    margin-left: 5em;    margin-bottom: 4em;    font-size: 1em;}
.widget.service .head, .widget.announcement .head{font-size:2em;}
.widget.announcement aside{padding:0;}
.widget.announcement .title{position: relative;    z-index: 2;    font-size: 2em;    width: 256px;    margin-left: 1em;    margin-top: 0em;}
#foot .container{flex-direction:column;width:100%;}
.header__page img{    max-width: 100%;    margin-top: 2em;}
.commission .contentList .image img {width:100%;}
.commission .contentList .title{font-size: .8rem;}
.page .features{width:100%;}
.serviceListPage .description {padding: 0em 0 6em;}
.serviceListPage .price{    margin-top: 1em;padding-bottom: 60px;    width: 100%;text-align:center;}
.commission .price{margin-bottom:3em;}
.columns{text-align:left;}
.contact .header__page img{margin-left:0;width: 90%;}
.contact .header{height:294px;}
.contact .header__page .title{display:none;}
#slider-1 img{margin-left: -34%;max-width:170%;margin-top: 3em;}
.title{font-size:1rem;}
.page .description{text-align:justify;}
#productBox .price{margin-bottom:3em;}
.page .ask-about-link a{position:relative;}
}

@media screen and (max-width:390px){
.home #content .widget.aboutUs aside, .widget.service, .serviceList{display:flex;flex-direction:column;width:100%;}
.pages-6{flex-direction:column;width:100%;}
.pages-6 .page{width:100%;margin:0;}
.side-tab-widget{display:none;}
}
    
@media screen and (max-width:320px){
.home #content .widget.aboutUs aside, .widget.service, .serviceList{display:flex;flex-direction:column;width:100%;}
.pages-6{flex-direction:column;width:100%;}
.pages-6 .page{width:100%;margin:0;}
.side-tab-widget{display:none;}
.home #content .widget.aboutUs .title{margin-left:3em;}
.home #content .widget.aboutUs.type-2 div.description h4{font-size:1em;}
.home #content .widget.aboutUs.type-2 div.description h4 strong{    display: flex;}
.widget.announcement .title{margin-left:0;}
.page .ask-about-link a{right:61px;}
#logo{font-size:2em;}
}