@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: 991px) {
   .tab-content .submenu.half-list li{
      width: 100%;
   }
   .offcanvas-header{padding-top: 45px;}
   .tab-content .submenu li a{padding: 0.5rem 0;}
   .header .top-right-links a{font-size: 14px;}
   #menuTabs .accordion-button, #menuTabs .accordion-button:not(.collapsed){padding-right: 0;}
   .banner-bg-section{padding: 0; background-image: none !important;}
   .banner-bg-content{padding-left: 0; padding-right: 0;}

}

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

   .header{padding: 12px 0;}

   #banner, #banner .item{height: 52vh; max-height: inherit; height: 52svh; background-position: 70% center;}
   #banner .home-container{left: 0; top: 50%; transform: translate(0, 10%); width: calc(100% - 200px);}
   #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-position: 0 0;}

   #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: 40px 0 70px;
    }
    .gallery-slider .owl-item.center .pic-wrap {
        transform: scale(1.75);
    }

    .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;}
   .banner-bg-content{padding: 40px 0;}
}



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



}



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



}