@media (max-width: 1600px) {
      .container {
        max-width: 1200px;
        padding: 0 20px;
    }
       .services-block{
        gap: 15px;
    }
    .banner-wrap{
        margin-top: -180px;
    }
     #totop, .call{
        right: 20px;
     }
	.banner-label1{
        top: 26%;
      }
}
@media (max-width: 1200px) {
     .container {
        max-width: 992px;
    }
    .header, .front-page .header{
        background: #F1FCFD;
        padding: 15px 0;
    }
    .header-logo{
        max-width: 180px;
    }
    .heder-nav{
        gap: 18px;
    }
    .header-btn{
        font-size: 14px;
    }
    .banner-content{
        margin-top: 40px;
    }
    .banner{
        margin-top: -50px;
        padding-top: 20px;
    }
    .banner-wrap{
        margin-top: -160px;
    }
    .banner-label1{
        left: 0;
    }
    .footer-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .footer-contact a{
    font-size: 34px;
}
.footer h5{
    font-size: 18px;
}
.doc-item svg{
    width: auto;
    max-width: 100%;
}
.doc-block {
    grid-template-columns: 1fr 250px 1fr;
}
.doc-el{
    height: 360px;
    width: 360px;
    margin-left: -50px;
}
 .doc-col_1 .doc-item h4{
    padding-right: 50px;
   }
   .doc-col_2 .doc-item h4{
    padding-left: 50px;
   }
      h2{
        font-size: 36px;
     }
      #totop, .call{
        right: 5px;
     }
}
@media (max-width: 992px) {
    .container {
        max-width: 100%;
    }
     .section {
        margin-bottom: 40px;
    }
     .banner-wrap{
        margin-top: -120px;
    }
    .heder-nav{
        display: none;
    }
    .header .header-btn{
        display: none;
    }
    .burger-trig{
        display: flex;
    }
    h1{
        font-size: 60px;
    }
    h2{
        font-size: 30px;
     }
     h4{
        font-size: 20px;
     }
    h5{
        font-size: 18px;
    }

    .clients-wrap{
        display: flex;
        flex-direction: column-reverse;
    }
    .clients-block{
        margin-bottom: 100px;
    }
    .services-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }
    .banner-label1{
        position: relative;
        transform: none;
    }
    .banner-content{
        gap: 20px;
    }
    .banner-info ul li{
        font-size: 16px;
    }
    .doc-block {
        grid-template-columns: 1fr 150px 1fr;
    }
    .doc-el{
        height: 300px;
        width: 300px;
        margin-left: -65px;
    }
     .doc-col_1 .doc-item h4{
    padding-right: 70px;
   }
   .doc-col_2 .doc-item h4{
    padding-left: 70px;
   }
    .bg-section{
        background-image: url('..//img/led-mob.png');
        padding-bottom: 80px;
		padding-top: 80px;
        min-height: 0;
    }
    .footer-wrap{
        grid-template-columns: 1fr 1fr;
    }
    .footer-rec{
        font-size: 16px;
    }
    .f3{
        order: 2;
    }
    .f2{
        order: 3;
    }
     .f4{
        order: 5;
    }
     .f5{
        order: 4;
    }
     .f6{
        order: 6;
    }
    .section-feedback{
        margin-bottom: -40px;
    }
}
@media (max-width: 768px) {
    h5{
        font-size: 16px;
    }
        .banner-adv1{
        flex-direction: column;
    }
    .banner-adv__item{
        justify-content: center;
    }
    .work-item{
        grid-template-columns: 1fr 75px 1fr;
        padding-bottom: 44px;
    }
    .work-item__num{
        margin: 0 10px;
    }
    .services-block{
        grid-template-columns: repeat(2, 1fr);
    }
    .work-item__num {
    width: 48px;
    height: 48px;
    }
    .work-item__num span {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}
.feedback-form{
    width: 80%;
}
.faq-card{
    grid-template-columns: 1fr 3fr 30px;
}
.c-block, .adv-cards{
    gap: 5px;
}
.adv-card{
    background-size: 19px 40px;
    padding: 10px;
    padding-right: 0;
    height: 200px;
}
.clients-block {
    margin-bottom: 60px;
}
.why-card{
    grid-template-columns: 1fr;
    position: relative;
}
.why-card svg{
    position: absolute;
    right: 10px;
    top: 10px;
}
 h1{
        font-size: 42px;
    }
 .banner-label1 span:nth-child(2){
    font-size: 30px;
 }
 .banner-label1 span {
    font-size: 12px;
}
 .banner-label1{
    height: 112px;
    width: 112px;
    border-width: 3px;
 }
 .banner-wrap{
    display: flex;
    flex-direction: column;
    margin-top: 0;
    margin-top: -40px;
}
.banner-geo{
    margin: 0 auto;
    z-index: -1;
}
.proj-slider__photo{
    flex-direction: column;
    gap: 5px;
}
.slick-track{
    gap: 5px;
    padding: 5px 0;
}
.proj-slider-nav .slick-list{
    overflow: visible;
}
    .footer-wrap {
        grid-template-columns: 1fr;
    }
    .f3{
        position: absolute;
        right: 20px;
    }
    .f6, .f4{
        justify-content: center;
        text-align: center;
        align-items: center;
    }
    .f6{
        margin-top: -60px;
    }
    .f1{
        max-width: 50%;
    }
    .doc-block{
        grid-template-columns: 1fr;
    }
    .doc-item svg{
        display: none;
    }
     .doc-col_1 .doc-item h4{
        padding-right: 0;
    }
    .doc-col_2 .doc-item h4{
        padding-left: 0;
    }
    .doc-el{
        margin: 0 auto;
        margin-bottom: 30px;
        order: 1;
        height: 341px;
        width: 341px;
    }
    .doc-col_1{
        order: 2;
    }
    .doc-col_2{
        order: 3;
        text-align: left;
    }
    .doc-item::after, .doc-col_1 .doc-item:nth-child(1):before{
        content: '';
        display: block;
        width: 100%;
        height: 20px;
        background: url('/assets/img/doc-line.svg') no-repeat;
        background-size: 100% auto ;
        background-position: center;
        margin: 20px 0;
    }
    
}
@media (max-width: 576px){
    h1{
        font-size: 31px;
    }
    .c-block, .adv-cards{
        grid-template-columns: 1fr;
    }
    .adv-card, .c-card{
        height: 160px;
    }
    .services-block{
        gap: 5px;
    }
    .services-card{
        height: 180px;
        padding: 10px;
        padding-right: 0;
    }
    .services-card__descr{
        font-size: 13px;
    }
    .noborder{
        padding: 0;
    }
    .work-item__num{
        order: 1;
    }
    .work-item h5{
        order: 2;
    }
    .work-item_emp{
        display: none;
    }
    .work-item {
        grid-template-columns: 75px 1fr;
    }
    .work-item:nth-child(2n) {
        text-align: left;
    }
    .faq-card{
        grid-template-columns: 1fr;
        position: relative;
    }
    .faq-card svg{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .sos{
        width: 140%;
    }
    .feedback-form {
        width: 100%;
    }
        .banner-info ul li {
        font-size: 14px;
    }
    .proj-slider__photo-item{
        height: 300px;
    }
    .proj-slider-nav .slick-slide{
    max-height: 80px;
    max-width: 80px;
    min-height: 80px;
    min-width: 80px;
}
    .footer-contact a {
        font-size: 30px;
    }
    .footer-rec{
        font-size: 14px;
    }
    .footer h5{
    font-size: 16px;
}
.footer-wrap{
    gap: 40px;
}
.f6{
    margin-top: -50px;
    }
}
@media (max-width: 480px){
      .doc-el{
        height: 280px;
        width: 280px;
    }
    .doc-item::after, .doc-col_1 .doc-item:nth-child(1):before{
        height: 14px;
    }
    .f1{
        max-width: 166px;
    }
     .services-card{
        height: 180px;
        padding: 5px;
        padding-right: 0;
    }
    .noborder{
        padding: 0;
    }
    .sos{
    width: 180%;
}
 .btn{
    font-size: 14px;
    padding: 20px 50px;
}
 .header-btn{
    padding: 8px 15px;
  }
   .proj-slider__photo-item{
        height: 250px;
    }
        .footer-contact a {
        font-size: 26px;
    }
}
.mob-menu_active{
    display: block;
}