@media screen and (min-width:1024px){
.home #logo{width:50%;margin-top:1em;}
    
}
@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%;position:relative;z-index:10;}
  .header__menu li{position:relative;font-size:1.7rem;}
  .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}
.home #logo{width:70%;}

}


@media screen and (min-width:1920px){
.home #logo{width:100%;}
}

/*

@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, .contentList, .home #content .widget.aboutUs.type-2 div.description h2, 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,  #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){
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color:#fff;}
}
@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){ 
      .songs{display:flex;flex-direction:column;}
      .mm-spn.mm-spn--navbar ul:before{border:none;}
      #slider-1 img{    max-width: 230%;    margin-left: -60%;}
      .paralax {display:none;}
     .breadcrumb{width:100%;text-align:center}
      .home #content .widget.aboutUs .image{display: flex;justify-content: center;margin-right: initial;}
      .home #content .widget.aboutUs .title{margin-top: 1em;width: 100%;margin-left: initial;margin-bottom: 1em;    text-align: center;}
      .home #content .widget.aboutUs{width:100%;margin:0 auto;padding: 3em;display:flex;flex-direction:column;}
      .home .widget.type-2 img{margin-right:initial;}
      .home #content .widget.albums{width: 100%;    margin: 0 auto;    display: flex;    flex-direction: column;}
      .home #content .widget.albums .pages-5, .home #content .widget.galleries .pages-gallery{width:100%; display: flex;    flex-direction: column;}
      .home #content .widget.galleries .head, .home #content .widget.galleries .more-sub-parent{width:100%; display: flex;    flex-direction: column;}
      #content .widget .head{text-align:center;padding:1em 1em 0;}
      #logo{font-size: 2.5em;display: block;padding: 0;margin: 0 auto;top: -.3em;width:150px;left:0;}
      .home #logo{padding: rem;font-size: 4em;margin: 0 auto;width:300px;}
      #ask-about-link{text-align:right;}
      #productBox{flex-direction:column;}
      #foot .container{display: flex;flex-direction: column;width: 100%;padding: 0em;margin: 0 auto;justify-content: center;}
      .announcement .description{padding: 5em 0 0em;}
      .features{display:flex;flex-direction:column;margin:0 auto;}
      .features ul{display:flex;flex-direction:column;}
      .contentList, #page div.content, #page h1{padding:1em 3em;text-align:center;}
       .home #page div.content{padding:0}
      .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;text-align: 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, .youtube{width: 100%;    height: 258px;}
   .widgets-2{width: 100%;}
  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{justify-content: center;display:flex;flex-direction:column;}
     .header__page .title{font-size: 3rem;}
     .contact #page h1{margin-bottom:2em;margin-top:3em;}
     #powered{padding:15px 3em;}
     .articles .pages-list, .articlesPages , .articlesPages .pages-list {width:100%;display:flex;flex-direction:column;padding:0 1em;}
.articles .pages-list .page{width:100%;display:flex;padding:0 2em;}
#page div.content > ul, #page div.content > ol{padding:0;}
#ask-about-link{text-align:center;margin:1em}

}
@media screen and (max-width:560px){

 
}


@media screen and (max-width:414px){

}

@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;}
.images-10 li{height:844px;}
 .aboutUs img.jarallax-img{width:752px !important;}
 .pages-6 .page .image img{width:60%;}
 .vimeo, .youtube{width: 100%;    height: 185px;}
}
    
@media screen and (max-width:320px){

}