
@media screen and (min-width:1921px){
#slider-1 ul li, .parallax-window{height:1100px !important;}
.slick-slide .description { margin: 490px auto 0;}
.slick-slide .description img{ width: 300px; padding-bottom:10px;}
.slick-slide .description strong{font-size:7em;}

}

@media screen and (max-width:1920px){
#slider-1 ul li, .parallax-window{height:1100px !important;}
.slick-slide .description { margin: 390px auto 0;}
.slick-slide .description strong{font-size:5em;}
.slick-slide .description img{ width: 200px; padding-bottom:100px;}
}

@media screen and (max-width:1600px){
#slider-1 ul li, .parallax-window{height:700px !important;}
.slick-slide .description { margin: 300px auto 0;}
.slick-slide .description strong{font-size:4em;}
}

@media screen and (max-width:1359px){
.slick-slide .description { margin: 300px auto 0;}
.slick-slide .description img{ width: 200px; padding-bottom:10px;}
#slider-1 ul li, .parallax-window{height:600px !important;}

.slick-slide .description strong{font-size:4em;}
}
@media screen and (max-width:1199px){
#slider-1 ul li{height:600px !important;}
.parallax-window{height:1100px !important;}
.slick-slide .description { margin: 300px auto 0;}
.slick-slide .description img{ width: 200px; padding-bottom:10px;}
  #container, #head1 .container, #page .container, .pages-6, .widgets-3, .container, .pages-20{width:100%;}
  #page .breadcrumb.container{padding: 20px 2.5%;}
  #page .breadcrumb.container span{margin-right:0;}

  .menu-1, .menu-0, .menu-2{display:none;}

  #hamburger-menu{display:block;margin-top:30px;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color:#fff;}
  .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background-color:#333333;}

  #menus{width:30%;}
  #logo{padding:0;width:70%;}

  #widget-2{}
  #widget-2 .menu-1{display:block;}

  .widget.arkoFoot img{max-width:none !important;}

  .services #page .container.header{width:100%;}
  .pages-30 .container{width:100% !important;}
  .services .pages-30 li h2{margin:20px 0;}
  .services .pages-30 li .description{width:83%;}

  .pages-list li{}
  .pages-list li .image{width:100%;text-align:center;}
  .pages-list li .containerContent{width:100%;min-height:auto;}

  .about-us #page .container.header h1{margin-left:10px;}
  #page .container.header h1{height:auto;}
  .pages-30 li h2{line-height: 2em;}
  .pages-30 li .more{margin-right:2.5%;}

  .about-us #page div.contentFull{width:100%;padding:0 2.5%;}
  .pages-30 > li{padding: 30px 2.5%;}

  .contact-us #page div.contentFull{width:100%}
  .contact-us .widget .head::before{display:none;}
  .contact-us #page .container.header{width:100%;padding:0 2.5%;}

  .widgets-70{clear:both;float:left;width:100%;}
  .contact-panel{padding:0 2.5%;}
  #page div.contentFull{width:100%;}

  .images-slider-51{width:40%;}
  #features{}

  .widget.ourOffer .head span{margin-right:10px;}
  #page div.contentFull{padding-left:2em;padding-right:2em;}
}

@media screen and (max-width:1100px){
.slick-slide .description { margin: 250px auto 0;font-size:1.3em;}
.slick-slide .description img{ width: 150px; padding-bottom:10px;}
  .widget.ourOffer{width:100%;}
  .widget.ourOffer .pages-30::before{display:none;}
  .widget.arko{width:100%;}

  #widgetsContentBefore{width:100%;}

  .widget.type-27{width:100%;}
  .widget .pages-slider .image{}
  .images-61{width:82%;}
}


@media screen and (max-width:1050px){

  .pages-30 .containerContent{width:100%;}
  #page.advice .pages-3 li .image{width:20%;}
}

@media screen and (max-width:1000px){
  #widgetsBottom .widget{width:100%;margin:0;padding: 25px 2.5%;text-align:center;}
  #foot{padding-top:25px;}

#slider-1 ul li, .parallax-window{height:500px !important;}
.slick-slide .description { margin: 190px auto 0;font-size:1.2em;padding:0 5%;}
.slick-slide .description img { width:150px;margin:0}

  .widget.arko{padding: 2em 3em 5em;}
  .widget.arko .image{width:100%;text-align:center;padding:20px 0;}

  .widget.type-27{width:100%;}
  .widget.type-27 .head{width:400px;}

  .widget.cooperate{width:100%;padding:5em 3em 8em;}
}

@media screen and (max-width:900px){
#slider-1 ul li, .parallax-window{height:500px !important;}
.slick-slide .description { margin: 250px auto 0;font-size:1.2em;padding:0 5%;}
.slick-slide .description img { width:100px;}
  #left{width:100%;}
  #page.product #productDescription{width:100%;padding:0 2.5% 50px;}
  .images-slider-51{width:100%;margin:10px 0;padding:0 2.5%;}
  #features{width:90%;margin:40px auto 10px;padding:0 2.5%;}
  #addLinkTo{width:90%;margin:40px auto 0;}

  .images-50 li.topStatic{height:450px;}
}

@media screen and (max-width:800px){
.slick-slide .description { margin: 250px auto 0;font-size:1em;padding:0 5%;}
  #page .container.header h1{width:100%;padding:30px 2.5%;height:auto;}
  .container.header{max-height:none;}
  #page .container.header div.content{height:auto;clear:both;background:#fff;color:#000;font-weight:bold;padding:1em 2em 0; }
  .pages-6 li{padding:30px 2em 100px;}
  .pages-20 > li{padding:30px 2.5% 100px;}
  .side-tab-widget{display:none;}

  .contact-us #content .widget.type-1{width:90% !important;margin:10px 5em;}

  .contact-panel .block{width:100%;}
  .our-offer #page .container.header h1{margin-left:10px;}

  #widgetsContentBefore{width:100%;}
  .widget.innovation{width:100%;margin:25px 0;padding: 1em 2em;}
  .widget.sliderGallery{width:100%;margin:0;}

  .widget.cooperate .image{width:100%;margin:20px 0;}

  #page.advice .container.header h1{width:auto;}
  #page.advice .pages-3 li .containerContent{padding-left:5%;}  
  #page.advice .pages-3 li .containerContent.noImg{padding-left:0%;}  
  
 .widget.ourOffer .pages-30{display:flex;flex-direction:column;flex-wrap:wrap;}
  .widget.ourOffer .pages-30 .container{flex-direction:row;width:100%;}
  .widget.ourOffer .pages-30 li{width:100%}
 .widget.ourOffer .pages-30 li .image{margin:1em;width:120px;}
.widget.ourOffer .pages-30 li h2, .pages-30 li h2{font-size:1.5em;}
 .widget.ourOffer .head, .widget.innovation .head{display:flex;flex-direction:column;text-align: left;font-size:1.3em;line-height:2em;padding-left:3em;}
 .widget.sliderGallery .slick-dots{bottom:0;text-align:center;}
 .widgets-5 .widget.type-19.left{display:none;}
  .widget.type-27 .head{width:100%;margin: 43px 4.5% 1em;}


 .pages-6 li .features tr{display:flex;flex-direction:column;padding:.5em 0;font-size:1em;}
 .pages-6 li .features th{font-size:1.5em;padding:0 0 .2em;}
 #head1{position:fixed;top:0;z-index:200;}
 #head1 .container{height:70px;}
 #logo #title img{height:65px;margin:0;}
 #menus::before{border-bottom: 70px solid;border-left: 70px solid transparent;}
 #hamburger-menu{margin-top:10px;}
 #slider-1,  #page{margin-top:70px;}

 #features{width:100%;display:flex;flex-direction:column;}
 #features tr{flex-direction: column;display: flex;}
 #page div.content{padding: 20px 2em;}
 .images-slider-1 .images-1{width:70%;}
 .images-3 li, .images-4 li{width:100%;}
.widget.type-10.location-3{width:80%;margin:auto;left:auto;right:auto;}
#foot .copy{display: flex;flex-direction: column;text-align: center;}
#page .container {margin-bottom:3em;}
.pages-list h2{font-size:1em;}
#page div.content > p{padding-bottom:1em;padding-top:1em;}

#page .breadcrumb.container span.infoline{width: 100%;text-align: center;color: #000;padding-top: 1em;margin-right:auto;}
#page .breadcrumb.container nav{float:left;line-height:1.7em;display: flex;justify-content: center;width: 100%;}
.our-offer #page .container.breadcrumb{width:100%;}
.our-offer .pages-30 > li.page:nth-child(8n+2) .container{display:flex;flex-direction:column;}
.pages-30 li .more{margin-left:3em;margin: 2em 3em 0;text-align: right;}
.pages-30 > li .container{display:flex;flex-direction:column;}
.pages-30 li .image {margin:0 auto;}
.pages-31 .container{width:100% !important;display:flex;flex-direction:column;padding:0 3em;}
.pages-31 li h2, .pages-31 li .description {width:100%;}
.images-61{width:82%;}
.services #page .container.breadcrumb{width:100%;}
.widget.type-27 .head{font-size:1.5em;line-height:2em;}
.widget.cooperate{padding:1.7em;}
.widget.type-2 div.name{font-size:1.6em !important;line-height:2em;}
#page.product #productDescription h1, #page .container.header h1{font-size: 2em;    padding: 0 1em;line-height:2em;}
.pages-list div.description, .pages-6 li .description{padding: 0 2em;}

.pages-30 li ul li::before{left: -7px;}
}

@media screen and (max-width:640px){
.slick-slide .description { margin: 150px 10px 0;font-size:1em;padding:0 2%;}
.slick-slide .description img { margin: 0 10px 0 0;width:40%;padding:0;}
  .pages-6 li, .pages-20 > li{width:100%;height:auto;padding-bottom:100px;background-image:none;}
  .pages-6 li .description, .pages-20 > li .description{max-height:none;}
  .pages-6 > li:nth-child(2n), .pages-20 > li:nth-child(2n){background:#f5f5f5}
  .pages-6 > li:nth-child(2n+1), .pages-20 > li:nth-child(2n+1){background:#fff}
  .pages-6 li h2, .pages-20 > li h2{text-align:left;padding:0 1em;}
  .pages-30 h2 a{font-size:0.75em;}
  .pages-6 li .image, .pages-20 > li .image{text-align:center;}

  #page .breadcrumb.container span{font-size:1em;line-height:1.7em;}

  .widget.ourOffer .head span{display:none;}
  .widget.ourOffer .head{margin:20px 0;}
  
  #page.advice .container.header h1{font-size:2em;width:100%;text-align:center;}
  #page.advice time{width:100%;margin:0 0 25px;}
}


@media screen and (max-width:480px){
.slick-slide .description { margin: 150px 10px 0;font-size:0.8em;padding:0 2%;}
.slick-slide .description img { margin: 0 10px 0 0;width:50%;padding:0;}

  .widget.type-27 .head{width:100%;margin: 43px 4.5% 1em;}
  .widget.type-27 .slick-slider{margin:20px 0;}
  #menus{width:20%;}
  #logo{padding:0;width:80%;}


}

@media screen and (max-width:430px){
  .widget.type-28 .next-prev{margin-top:10px;}
}

@media screen and (max-width:360px){
  #head1 .container{background:none;}
  #menus::before{display:none;}
}