@media only screen and (max-width:1366px) {
    /* .home-bannerss .bnt-imgss img {
        height: 100vh;
    } */
     .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
 max-width: 1230px;
}

}
@media only screen and (max-width:1024px) {
    .appointment-section .appointment-content{
            grid-template-columns: 10% 65%;
    }
    header .cal-icons a{
        display: none;
    }

    header .navbar-brand{
            max-width: 118px;
    }
}
@media only screen and (max-width:768px) {
.navbar-toggler {
    position: absolute;
    right: 42px;
    top: 21px;
    filter: invert(1);
}
.home-bannerss .bnt-main-conts{
    bottom: 14px;
}
}
/* .appointment-section .appointment-content */
@media only screen and (max-width:576px) {

    .home-bannerss .bnt-imgss img {
        height: 100vh;
    }

    header .top-bar{
        display: none;
    }

    header .cal-icons{
        display: none;
    }
    .home-bannerss .bnt-main-conts .banner-inner-boxx h2{
            font-size: 20px;
    }
     .home-bannerss .bnt-main-conts {
        bottom: unset;
       top: 197px;
        transform: translateY(-46%);
    }
    header .navbar-brand{
        max-width: 93px;
        margin-top: 5px;
    }
    .right-img{
        margin-top: 1.5rem;
    }
    .common-space {
    padding: 4rem 0;
    }
    .process-section{
        background-color: var(--theme-color2);
    }
    .appointment-section{
            padding: 80px 0.5rem;
    }
    .about-section .about-wrapper img{
        margin-bottom: 1.5rem;
    }
    .about-section .main-heading{
        font-size: 25px;
    }
    .medical-treatment-section h2{
        font-size: 25px;
    }
    .process-section .left-prcess h2{
         font-size: 25px;
    }
    .process-section .left-prcess{
        padding-right: 0;
    }
    .left-prcess.common-space {
    padding-bottom: 0;
    }
    .process-section{
        padding-bottom: 4.5rem;
    }
    .common-space {
    padding: 4rem 0;
    }
    .common-heading{
        font-size: 30px;
        line-height: 40px;
    }
    .appointment-section .appointment-content {
        grid-template-columns: 100%;
        text-align: center;
    }
    .appointment-section .appointment-button {

        margin-left: auto;
        margin-right: auto;
    }
        /* button.navbar-toggler {
            filter: brightness(0) invert(1);
        } */
        header #navbarSupportedContent {
        margin-top: 21px;
        background-color: #024d29;
        border-radius: 5px;
        padding: 15px 0 5px;
    }
    header nav .navbar-nav .nav-item {
    margin-bottom: 9px;
    }
    .bredcumb h1{
        font-size: 40px;
    }
    .appointment-section .text .common-heading{
        font-size: 27px;
    }
    header.sticky {
        box-shadow: 0 0 21px -8px #000;
    }
    .bredcumb{
            padding: 160px 0 50px 0px;
    }
    header.sticky .navbar-brand {
    max-width: 62px;
    margin-bottom: 15px;
    margin-top: 39px;
    }
    .treatment-single .booking-box{
        margin-top: 15px;
    }

  .mobile{
    display: block;
  }
  .desktop{
    display: none;
  }

  .patanjali-logo{
    display: block;
  }
.patanjali-logo img {
    max-width: 184px;
}
    button.navbar-toggler {
        position: absolute;
        right: 17px;
        top: 43px;
        filter: brightness(1);
    }

    header.sticky button.navbar-toggler {
            filter: brightness(0) invert(1);
        }

    .patanjali-logo {
        display: block;
        position: absolute;
        right: 115px;
        top: 31px;
    }
      header.sticky .patanjali-logo img {

        background-color: #fff;
        border-radius: 5px;
        padding: 5px;
    }
    header.sticky .navbar-brand {
        max-width: 62px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
     header.sticky .patanjali-logo {
       
        top: 18px;
    }
       header.sticky button.navbar-toggler {
      
        right: 17px;
        top: 33px;
    }
    header nav .navbar-nav .nav-item .nav-link{
        color: #ffffff;
    }
.home-bannerss .text-up-logo img {
    max-height: 97px;
    width: fit-content;
}
.home-bannerss .bnt-main-conts .common-btn{
    margin-top: 1rem;
}
  .home-bannerss .bnt-main-conts .banner-inner-boxx .btn-wrapper{
        display: none !important;
    }
    .home-bannerss .owl-carousel .owl-nav{
            top: 48%;
    }
    .patanjali-logo{
        right: 84px;
        top: 31px;
    }
        .patanjali-logo img {
        max-width: 159px;
    }


   header.inner-head .patanjali-logo {
        right: 84px;
        top: 31px;
        background-color: #fff;
        padding: 5px;
        border-radius: 5px;
    }
    header.inner-head button.navbar-toggler{
            filter: brightness(1) invert(1) !important;
    }
      header.inner-head.sticky .patanjali-logo{
        top: 16px;
      }
}