@media (max-width: 1300px) {}

@media (max-width: 1200px) and (min-width: 992px) {

  .service_section .img-clients {
    width:270px;
    margin-left: 70px;
  }

  .hero_bg_box {height: 95%;}
  .hero_area {min-height: 50vh;}
  .slider_section {padding-top: 215px;}
  .carousel-inner  {padding: 0 90px;}

  body.HebSite {
    .service_section .img-clients {
        margin-left: unset !important;
        margin-right: 70px;
    }
  }

  .gallery_video {

          display: flex;
          gap: 16px;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          padding-bottom: 10px;
        
        iframe {
          flex: 0 0 auto; 
          scroll-snap-align: start;
          border-radius: 12px;
        }

        ::-webkit-scrollbar {
          display: none;
        }
  }

  body.RuSite, body.EnSite {
    .custom_nav-container .navbar-nav .nav-item .nav-link {font-size: 14px;}
  }
}

@media (max-width: 992px) {

  .header_section {z-index: 2;}

  .layout_padding-bottom {padding-top: 55px;}

  .hero_area {
    min-height: 70vh;
  }

  .hero_bg_box {
    top:63px;
    height: 86%;
  }

  .header_top_container {
    padding: 0;
    .col-md-4 {padding: 0;}
    .col-md-8 {padding: 0;}
    .contact_nav {flex: unset !important; justify-content: unset;}
  
  }

 .navbar-brand {
        right: 7px !important;
        top: 6px;
        
        img {width: 60px;}
    }

  .slider_section {
    margin: 120px auto 68px auto;
    padding: 0;
  }

  .gallery-item {
    width: 100%;
    height: 200px;
  }

  .img-clients {
    width: 100% !important;
    align-items: center;
    margin: 30px auto 0 auto;
    justify-content: center;
    margin-inline-start: unset;
  }
   .service_section .heading_center {
      text-align: left;
      margin-left: 15px;
      margin-right: 15px;
      p {padding: 5px 0;}
  }

  .faq_section .img-box img {width: 100%;}

  .reviews_section .review {min-width: 100%;}

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
  }

  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .header_section .header_top .contact_nav a {margin-left:8px !important; margin-right: 0 !important;}
  .header_section .header_top .contact_nav a.call-link {margin-right: 0!important; padding:14px 20px;}
  .custom_nav-container .navbar-toggler {margin-left: 15px;}
  .header_bottom {
    top:52px;
    .container {padding: 0;}
  }

  .slider_section .detail-box h1 {
    font-size: 2rem;
    line-height: 38px;
  }

  .slider_section .detail-box .btn-box .btn1 {margin: 0 auto;}

  .navbar-brand {
        right: 10px !important;
        top: 0px !important;
        width: 40px !important;
        height: 40px !important;
        img { width: 40px !important;}
        .HebSite & {
          right: unset !important;
          left: 10px !important;
          top: 6px !important;
          position: absolute;
        }
    }

  body.HebSite {
    .service_section .heading_center {
      text-align: right;
    }
    .faq_section .detail-box p {text-align: right;}
    .heading_container h2 {text-align: center;}
    .custom_nav-container .navbar-nav {
      margin-left: 85px!important;
      margin-top: 20px!important;
      margin-right: unset!important;
    }
    .fa-angle-left:before {
      content: "\f105";
    }
    .fa-angle-right:before {
      content: "\f104";
    }
    .hero_bg_box {top: 75px !important;}
    .slider_section {
      margin-top: 155px;
    }

  }
}

@media (max-width: 767px) {

  .contact-container {
    max-width: 100%;
      .contact-item {
        width: 100%; 
      }
}

  .row {margin-right: auto !important; margin-left: auto !important;}

  .header_top, .header_bottom {width:100%; margin: 0 auto;}

  .header_bottom .col-md-12 {position: unset; padding: 0;}

  .navbar-brand {right: 31px;}

  .custom_nav-container .navbar-nav .nav-item .nav-link {padding: 0;}

  .custom_nav-container .navbar-nav {
        padding-top: 0px;
        width: 100%;
        flex-direction: column;
        padding-bottom: 20px;
        margin-left: 39px;
        justify-content: left;
        align-items: flex-start;
        text-align: center;
        display: flex;
    }

  .contact_nav {
    
    flex: unset; 
    justify-content: unset;

    a {margin: 0 !important;}
  
  }
 .header_bottom {z-index: 1;}
 .header_section .header_top .social_box {
    left: 85px;
    position: absolute;
    top: 71px;
    background-color: #fff;
    text-align: center;
    z-index: 1001;
    color: #fff;
    background-color: transparent;
    a {color: #fff;
      li, i {color: #fff;}
    
    }
  }

  .header_section .header_top .contact_nav a span {
    font-size: 15px;
  }


  .slider_section .carousel_btn-box {
    margin-top: 45px;
    justify-content: center;
  }

  .slider_section .carousel_btn-box a {
    position: unset;
    transform: none;
    opacity: 1;
    margin: 0 5px;
  }

  .about_section .img-box,
  .faq_section .detail-box {
    margin-bottom: 45px;
  }

  .call_section .img-box {
    margin-bottom: 30px;
  }

  
.service_section {
    .img-clients {
      margin-inline-start: unset !important;
      margin-top: 20px !important;
      display: flex;
      flex-direction: column;
    }
    .simple-slider {
    width: 100% !important;
    max-width: 100%;
    height: 440px !important;
    min-height: 200px !important;
    max-height: 440px;
    img {
    height: 440px !important;
    min-height: 200px !important;
    max-height: 440px;
    }
  }
}

.service_section.layout_padding-bottom {padding-bottom: 40px !important;}

  .contact_section .consent label {
    display: inline-block;
  }

.gallery_video {

          display: flex;
          gap: 16px;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;
          padding-bottom: 10px;
        
        iframe {
          flex: 0 0 auto; 
          scroll-snap-align: start;
          border-radius: 12px;
          width: 85vw;  
          height: 60vh;
        }

        ::-webkit-scrollbar {
          display: none;
        }
  }

  body.RuSite,  body.EnSite {
    .header_section .header_top .social_box {
      left: 100px;
      top: 65px;
    }
    h2 {
      font-size: 1.6rem;
      line-height: 1.9rem;
    }
    .about_section .heading_container {margin-bottom: 20px;}
  }

}

@media (max-width: 576px) {
  .header_section .header_top .contact_nav a span {
    display: none;
  }

  .header_section .header_top .contact_nav a.call-link span {
    display: inline-flex;
  }

  .call_section .detail-box h3 {
    font-size: 2.5rem;
  }
}

@media (max-width: 520px) {
  .blog_section .box {
    flex-direction: column;
  }

  .blog_section .box .img-box {
    width: 100%;
  }
}

@media (max-width: 480px) {}

@media (max-width: 420px) {}

@media (max-width: 376px) {}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}