@media (max-width: 767px) {
  .container {
    width: 448px;
    max-width: 448px;
  } 
  
  .hidden768{
    display: none;
  }

/*content start*/
  h1{
    font-size: 28px;
    padding-top: 39px;    
  }

  .content ul{
    line-height: 2.133;
    margin-top: -4px;
  }
/*content end*/

/*header start*/  
  .header-mobile{
    display: block;
    position: relative;
  }

  .header-mobile .phone{
    margin: 0 22px 0 10px;  
  }

  .header-mobile .header-icon.mail-icon{
    margin: 0;
  }
  
  .header-mobile .header-logo{
    margin: 0 33px;
    padding: 0 ;
  }
  
  .header-mobile .service-icon{
    background: url(../img/icon/dropdown.png) center no-repeat;
    position: relative;
  }

  .header-mobile .service-icon.active{
    background: url(../img/icon/dropdown-white.png) center no-repeat;
    background-color: rgb(107, 147, 36);
    transition: all .3s linear;
  }
  
  .header-mobile .service-icon.active .header-services-popup {
    transition: all .3s  linear;
  }

  .header-mobile .service-icon.active .header-services-popup {
    transition: all .3s linear;
    opacity: 1;
    min-height: 278px;  
    height: auto;      
  }

  .header-mobile .service-icon,
  .header-mobile .menu-icon{
    position: unset;
  }
                
  .header-mobile .header-services-popup,
  .header-mobile .menu-popup{
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 326px;
    opacity: 1;
    height: 0;
  }

  .header-mobile  .menu-icon{
    margin: 0 10px 0 22px !important;
  }
/*header end*/

/*header-inner start*/
  .header-inner .header-info{
    margin: 0;
    border-radius: 0;
    background-color: unset;
    box-shadow: none;
    height: 111px;
  }
  
  header.header-inner .header-icon.phone-icon{
    margin-right: 0;
  }
  
  header.header-inner .header-icon.menu-icon {
    margin-left: 22px;
    margin-right: 0;
  }
/*header-inner end*/


/*footer start*/
  footer {
    height: auto;
  }  
  
  .footer-line1{
    display: block;
    height: auto;
  }

  .footer-line1 .left-col,
  .footer-line1 .footer-nav,
  .footer-line1 .footer-connect{
    width: 100%;
  }

  .footer-line1 .footer-nav{
    padding-top: 20px;
  }
  
  .footer-line1 .footer-connect {
    padding: 21px;
  }  

  .footer-line2{
    margin-top: 20px;
  }

  .footer-copy {
    height: 80px;
  }
  
  .footer-copy a{
    display: block;
  }
/*footer end*/

/*modal start*/
  .modal-callback,
  .modal-application{
    width: 284px;
  }

  .modal h4{
  padding-bottom: 8px;
  }
  
  .modal-application .modal-desc{
    max-width: 232px;
  }

  .modal input[type=text], 
  .modal input[type=tel], 
  .modal input[type=email]{
    width: 254px;
  }

  .modal-writeus .footer-form{
    width: 410px;
  }
  .modal-writeus.modal input[type=text], 
  .modal-writeus.modal input[type=tel], 
  .modal-writeus.modal input[type=email],
  .modal-writeus .footer-form textarea {
    width: 270px;
  }
  
  .modal-writeus .footer-form .modal-desc{
    padding-bottom: 13px;  
  }
  

  .modal-writeus .footer-form .form-user-police label{
    width: 350px;
    margin: 0 auto;
    max-width: 100%;
  }
  
/*modal end*/

/*footer form start*/
  .footer-form{
    width: 362px;
  }

  h4.footer-form-h4 {
    font-size: 28px;
    padding-top: 42px;
  }

  .footer-form textarea.footer-form-textarea{
    width: 358px;
  }  

  .footer-form .form-user-police label{
    display: block;
    width: 112%;
    margin-left: -6%;  
  }
  
  .footer-form .footer-form-ok img{
      padding-top: 349px;
    }
    
  .footer-form .footer-form-ok .modal-desc{
    width: 110%;
    margin-left: -5%;
  }
/*footer form end*/

/*contact page start*/
  .content-contacts #map{
    width: 430px;
  }

  .contacts {
    width: 400px;
    padding-left: 0;
  }
/*contact page end*/

/*error page start*/
.content-error .content picture{
  margin-top: 2px;
}

.content-error .content h3{
  padding-top: 9px;
}
/*error page end*/

/*cookiePopup start*/
  #cookiePopup{
    width: 430px;
    height: 374px;
  }
  
  #cookiePopup h3{
    font-size: 28px;
    margin-top: 22px;
  }   
/*cookiePopup end*/


/*gallary start*/
  .gallary-list{
    width: 348px;
  }
  
  .gallary-list .rows{
    grid-template-columns: 1fr;
    column-gap:100px;
    
  }
  
  .gallary-list .gallary-list-item .title,
  .gallary-list .gallary-list-item span{
    padding-left: 0;
    text-align: center;
  }  
  .content-gallary h2{
    font-size: 26px;
    line-height: 1.538;
  }
  
  .gallary-inner .rows{
    width: 326px;
    column-gap: 0;
  }
/*gallary end*/

/*material start*/
  .material-list .rows{
    width: 348px;
    column-gap: 0px;
  }

  .material-list .material-list-item picture{
    width: 348px;
  }
  
  .material-slider, .material-picture{
    width: 430px;
  }
  
  .material-inner picture img{
    height: 294px;
  }
  
  .material-inner h2{
    font-size: 26px;
  }

  .material-inner h3{
    font-size: 24px;
  }

  .material-inner h4{
    font-size: 22px;
  }

  .material-inner h5{
    font-size: 20px;
  }
/*material end*/

/*service start*/
  .service-list .rows{
    display: block;
    width: 348px;
  }

  .service-list .rows .service-list-item{
    width: 348px;
    padding-bottom: 60px;
  }
/*service end*/

/*service inner start*/
.service-banner-img{
  width: 480px;
}

.service-banner-bg{
  width: 480px;
}
/*service inner end*/

/*reviews end*/
.reviews-item{
  display: block;
  padding-right: 0;
  
}

.reviews-item-image{
  width: 164px;
  margin: 0 auto;
}

.reviews-item-text{
  text-align: center;
  padding: 0 23px ;
}

.reviews-item-text .moreblock{
  text-align: left;
}

.reviews-item .reviews-item-text span{
  font-size: 20px;
  padding-top: 22px;
}
/*reviews start*/

/*faq start*/
  .faq-item-question {
    font-size: 20px;
    text-align: center;
    padding: 20px 29px 79px 30px;
  }
  
  .faq-item-question .faqmore{
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 23px ;  
    top: auto;
  }
/*faq end*/

/*about start*/
  .mission-block .title,
  .whatdoing-block .title,
  .whychooseus-block .title,
  .howwework-block .title,
  .galleryworks-block .title,
  .documents-block .title{
    font-size: 28px;  
  }

  .mission-slider,
  .whychooseus-slider{
    width: 350px;
    margin: 0 auto !important;
  }
  
  .mission-item,
  .whychooseus-item{
    margin: 0 ;
  }

  .mission-item .mission-item-title,
  .whychooseus-item .whychooseus-item-title{
    font-size: 20px;
  }
  
  .whatdoing-slider{
    width: 340px;
    padding-bottom: 40px;
  }

  .whatdoing-slider .slick-prev,
  .whatdoing-slider .slick-next{
    display: none !important;
  }

  .whatdoing-slider .slick-dots{
    display: block !important;
    bottom: -30px;
  }
  
  .howwework-list .howwework-item{
    display: block;
    text-align: center;
    padding-bottom: 24px;
    padding-left: 23px;
    padding-right: 23px;
  }
  
  .howwework-list .howwework-item .howwework-item-number{
    margin: 0 auto;
  }
  
  .howwework-list .howwework-item .howwework-item-text-block {
    max-width: 100%;
  }

  .howwework-list .howwework-item .howwework-item-title {
    font-size: 20px;
    padding-top: 32px;
  }

  .howwework-list .howwework-item .howwework-item-text{
    text-align: left;
  }
  
  .documents-slider.slick-dotted.slick-slider{
    margin-bottom: 26px;
    padding-bottom: 88px;
    }

  .documents-slider .slick-prev,
  .documents-slider .slick-next{
    display: none !important;
  }

  .documents-slider .slick-dots{
    display: block !important;
  }
/*about end*/

/*main start*/
  .main .title{
    font-size: 40px;
  }

  .main-banner h1 {
    font-size: 36px;
    margin-top: 50px;
    margin-bottom: 42px;
  }

  .main-banner-img{
    width: 480px;
  }

  .main-banner-text-block{
    max-width: 480px;
  }  

  
  .main-banner-img img{
    padding-top: 172px;
  }

  .mainabout-slider{
    width: 100%;
  }
  
  .mainabout-mobile .title{
    padding-top: 24px;
  }

  .mainservice-slider{
    width: 348px;
    margin: 0 auto;
  }

  .mainservice-slider .service-list-item{
      margin: 0;
  }
  

  .main .mainservice-slider .slick-prev, 
  .main .mainservice-slider .slick-next{
    display: none !important;
  }
  
  .mainservice-slider .slick-list{
    padding-bottom: 81px;
  }


  .mainwhychooseus-left-bg,
  .mainwhychooseus-right-bg{
    display: none;
  }

  .mainwhychooseus-slider{
//    width: 346px;
  }
  
  .mainwhychooseus-block .whychooseus-item-img{
//    padding: 0 ;
  }

  .mainwhychooseus-slider .whychooseus-item-img .whychooseus-item-icon{
    width: 100%;
  }

  .mainwhychooseus-slider .whychooseus-item-img .whychooseus-item-icon img{
    max-width: 100%;
  }

  .mainwhychooseus-block .whychooseus-item {
      margin-top: 30px;
      margin-bottom: 30px;
  }

  .mainreviews-block .mainabout-btn-block{
    display: block;
  }

  .mainreviews-block .mainabout-btn-block a{
    margin: 0 auto;
  }
  
  .mainreviews-block .mainabout-btn-block .mainabout-btn-text{
    display: none;
  }
  
  .action-block{
    width: 430px;
    height: 750px;
  }

  .action-block .title{
    padding-top: 67px;
    padding-bottom: 34px;
  }
  
  .action-block .title-icon{
    display: none;    
  }  
  .action-block .footer-form{
    width: 100%;
  }
  
  .action-block .footer-form-ok {
    width: 400px;
    height: 192px;
    margin: 110px auto 0; 
    padding: 15px 40px;  
  }  

  .action-block .footer-form .form-user-police label {
    width: 80%;
    margin: 0 auto;
    
    }

  .action-block .footer-form .footer-form-ok .modal-desc{
    margin-bottom: 22px;
  }
  
  .mainmaterial-slider{
    width: 368px;
    margin: 0 auto;
  }

  .maincontact-block #map{
    width: 430px;
  }
  
/*main end*/


}