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

}
@media only screen and (min-width: 1140px) and (max-width: 1366px) {


 }

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
   #banner, #banner .banner-item, #banner .banner-item .video-wrap{
      max-height1: 960px;
   }
}
@media only screen and (min-width: 1381px) and (max-width: 1440px) {



}

@media only screen and (min-width: 992px) and (max-width: 1380px) {


}



@media only screen and (min-width: 992px) and (max-width: 1280px) {


}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

}


@media only screen and (min-width: 768px) and (max-width: 992px) {

}
@media (max-width: 1024px) {
#treatment-block #sync1 .item .link-data .data-inner{overflow-y: scroll;}
   #inner-banner{max-height: 250px;}
   #inner-banner .container{top:auto; bottom: 1rem;}
}

@media (max-width: 991px) {
   .menu-wrapper .tab-content>.tab-pane {
        display:block;
        opacity: 1
   }

   .header.active{background-color: rgb(var(--color_white));
      background-image: none;
   }
   .header.active .language-link-mob{color: rgb(var(--color_base));}
   .header.active .navbar .navbar-toggler{filter: none;}

   .header .navbar-brand{max-width: 125px; }


.navbar-collapse{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


   .header{padding: 12px 0;}
   .menu-icon .dropdown-toggle::after{display: inline-block;}

   #main-menu .language-link{display: none;}

   #banner, #banner .item{height: 64vh; max-height: inherit; height: 64svh;}
   #banner .home-container{left: 0; transform: none; }
   #banner .banner-content{padding-left: 0; width: 100%; max-width: 340px;}
   #banner .owl-carousel .owl-dots{top:auto; transform: none; bottom: 0; width: 100%; text-align: center;}
   #banner .owl-carousel button.owl-dot span{margin: 5px;}


   .slider-item .slide-data::before {inset: 40px 30px;}

   .banner-bg-section{padding: 0; background-image: none !important; min-height: auto;}
   .banner-bg-content{padding-left: 0; padding-right: 0; padding: 40px 0 0; min-height: auto;}

   #advanced-technology{background-position: 80% top;}

   .gallery-slider{padding: 135px 0 150px;}
   .gallery-slider .owl-item.center .pic-wrap{transform: scale(2.4);}
   .language-link-mob{display: block; margin-left: 12px; min-width: 54px;}

   .pic-wrap-outer.center {display: none;}

   .left-column::after{content: "";
    background: #E0E4E0;
    height: 100%;
    width: 300px;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
   }
   .right-column::after{content: "";
      background: rgb(var(--color_base));
    height: 100%;
    width: 300px;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
   }
   .left-column,.right-column{padding-left: 0; padding-right: 0;}
   h2.title br, h2 br{display: none;}

}

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

   .header .container{padding: 0;}
   .header .navbar-brand{max-width: 125px; }
   .about .about-pic .shape{display: none;}

   #banner, #banner .item{height: 52vh; max-height: inherit; height: 52svh; background-position: 70% center;}
   #banner .home-container{left: 0; top: auto; bottom: 50px; transform: none; width: calc(100% - 160px);}
   #banner .banner-content{padding-left: 0; width: 100%;}
   #banner .owl-carousel .owl-dots{top:auto; transform: none; bottom: 0; width: 100%; text-align: center;}
   #banner .owl-carousel button.owl-dot span{margin: 5px;}

   .padding{padding: 40px 0;}


   .about .about-pic{overflow: hidden;}

   #advanced-technology{background-image: none; background-position: center bottom; background-image: url('../images/adv-bg-img-mob.jpg') !important;
      padding-bottom: 450px;
      background-size: contain;
      background-color: #715e33;
   }

   .mb-5{margin-bottom: 2.5rem !important;}

   #team h2.title{text-align: center;}
   #team .slider{margin-bottom: 5rem;}
   #team .slider.style01 .owl-nav{bottom: -4rem; left: 0; margin: 0 auto; top: auto;}
   #treatment-block-mob .item .link-data .data-wrapper{padding: 1rem;}
   #treatment-block-mob .item .link-data .data-inner{padding: 28px 20px 20px;}
   #treatment-block-mob .item .link-data .close-icon {right: 34px; top: 34px;}


    .gallery-slider {
        padding: 80px 0 110px;
    }
    .gallery-slider .owl-item.center .pic-wrap {
        transform: scale(2.5);
    }

    .gallery-slider .owl-item .pic-wrap::before{transform: none !important; width: 30px; height: 30px;}
    .tagline br{display: none;}


   #blog .blog-slider .owl-nav{position: relative; right: 0; width: 220px;
      display: flex;
      justify-content: center;
      gap: 150px;
      left: 0;
      margin: 0 auto;
      bottom: -20px;

   }

   #blog .blog-slider .owl-nav::after {
      content: "";
      height: 1px;
      background-color: #B6BBBE;
      width: 140px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
   }

   #blog .blog-slider .owl-nav .owl-prev,#blog .blog-slider .owl-nav .owl-next {
      position: relative;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: transparent;
      border: 1px solid rgb(var(--color_base));
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      transition: all 0.3s ease;

   }
   #blog .blog-slider .owl-nav .owl-prev i,#blog .blog-slider .owl-nav .owl-next i{
      background-image: url('../images/arrow.png');
      background-repeat: no-repeat;
      background-position: center center;
      width: 7px;
      height: 12px;
   }
   #blog .blog-slider .owl-nav .owl-next i{
      transform: rotate(180deg);
   }
   #blog .blog-slider .owl-nav button:hover{
      background-color: rgb(var(--color_base));
   }
   #blog .blog-slider .owl-nav button:hover i{
      filter: invert(1) grayscale(1) !important;
   }



    .footer{padding-top: 40px;}
    .footer-logo{max-width: 150px;}

    .footer .bottom{text-align: center;}
    .whatsapp {justify-content: center;}
   .footer-bottom {text-align: center;}

   .left-column{padding-right: 12px;}
   .right-column{padding-left: 12px;}
   .card-border{padding: 40px;}

   #inner-banner{max-height: 220px;}
   #inner-banner .container{top:auto; bottom: 0.5rem;}


   .team-item .card .card-header{padding-top: 40px;}

   .address-panel{overflow: hidden;}

   #banner .owl-carousel .owl-dots{right: 0 !important;}
   .about-content h3,.content h3{font-size: 18px !important;}

}



@media only screen and (max-width:767px) and (orientation: landscape) {



}



@media only screen and (min-width:320px) and (max-width:480px){



}