/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1799px){
    .book-appointment-section-widget .img-block img{ width: 100%; }
    .book-appointment-section-widget{ margin-top: 50px;}
}

@media screen and (max-width: 1599px){
    .testmonials-section-widget .testimonials-slider .single-slide .img-wrapper{ height: 100%;}
}

@media screen and (max-width: 1299px){
    .stellarnav.dark a{ font-size: 15px; }
    .navbar-default .btn-group a{ font-size: 15px;}
    .navbar-default .btn-group { gap: 10px;}
}

@media screen and (max-width: 1199px){
    .stellarnav.dark a{ font-size: 16px; }
    .navbar-default .btn-group a{ font-size: 16px;}
    .navbar-default .btn-group { gap: 20px;}
    .navbar-default .logo-block{ width: 100%; display: flex; justify-content: center; padding-block: 20px 0;}
    .stellarnav > ul > li > a{ padding-block: 20px;}
    footer .bottom{ flex-direction: column; align-items: center;}
    footer .bottom p{ padding-top: 10px;}
}

@media screen and (max-width: 991px){
.banner-container .desc{ position: initial;  }
.stellarnav ul{ z-index: 999; background-color: var(--light-color) !important;}
.stellarnav.mobile li a{ border-bottom: 1px solid #00000011;}
.stellarnav.dark .menu-toggle span.bars span{ background-color: var(--primary-color) !important;}
.navbar-default .logo-block{ display: initial; width: initial; padding: 0;}
.stellarnav .menu-toggle { padding: 0;}
.stellarnav .menu-toggle span.bars{ margin: 0;}
.navbar-default{ padding-block: 20px;}
.stellarnav.mobile li a.primary-btn-solid{ border-radius: 0 ; color: #fff !important; text-align: left;}
.home-banner-section .video-block{ height: 300px;}
.about-us-section-widget .main-block > .row,
.home-banner-section .main-block > .row{--bs-gutter-y: clamp(21px, 1.563vw, 30px);}
.book-appointment-section-widget [class^="col-"] .img-block{ position: initial; transform: unset; max-width: 300px;}
.book-appointment-section-widget  .content-block{ text-align: center; padding-inline: clamp(21px, 1.563vw, 30px);}
.book-appointment-section-widget  .content-block .sub-title-green-live{ display: inline-block;}
.book-appointment-section-widget  .content-block p,
.book-appointment-section-widget  .content-block .title-2{ margin: 0 auto;}
.book-appointment-section-widget [class^="col-"]:has(.img-block){ order: 1; display: flex; justify-content: center;}
.testmonials-section-widget .testimonials-slider::before,
.testmonials-section-widget .testimonials-slider::after{ width: 10%;}
.book-appointment-section-widget{ margin-top: 0;}
.inner-banner-secton .navbar-default .btn-group a, .inner-banner-secton .navbar-default .btn-group span, .inner-banner-secton .navbar-default .stellarnav.dark li a{ color: #000 !important;}
.navbar-default .btn-group a.primary-btn-solid{ color: #fff !important;}
.about-us-section-widget .content-wrapper{ padding-left: 0;}
.our-approach-section-widget .row{ --bs-gutter-y: 30px; }
.our-approach-section-widget .right-box { display: flex; gap: clamp(15px, 1.563vw, 30px);}
.our-approach-section-widget .right-box  [class^="img-wrapper-"]{ position: initial; aspect-ratio: unset; width: 100%; height: 100%;}
.why-choose-us-section-widget .left-box .img-wrapper-1{ height: 300px;}
.why-choose-us-section-widget .row{ --bs-gutter-y: 30px;}
.our-benefits-section-widget .row{ --bs-gutter-y: 30px;}
.why-us-section-widget .row{ --bs-gutter-y: 30px;}
.inner-contact-page-contact-details-section .details-wrapper .row{ --bs-gutter-y: 24px;}
.frequently-asked-questions .content-block{ display: flex; flex-direction: column; align-items: center;}
.frequently-asked-questions .content-block h3 br{ display: none;}
.frequently-asked-questions .content-block h3{ text-align: center;}
.inner-faq-page-main-section .calls-wrapper{ display: flex; justify-content: center; align-items: center; gap: 20px;}
.inner-faq-page-main-section .calls-wrapper .img-block{ margin-bottom: 0;}
.inner-faq-page-main-section .calls-wrapper h3{ padding-bottom: 0;}
.inner-banner-secton .stellarnav.dark .menu-toggle span.bars span{ background-color: #fff !important;}
.inner-banner-secton .navbar-default .btn-group a, .inner-banner-secton .navbar-default .btn-group span, .inner-banner-secton .navbar-default .stellarnav.dark li a.primary-btn-solid{ color: #fff !important;}

}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
    .how-its-work-section .head-wrapper { text-align: center;}
    .how-its-work-section .head-wrapper .row{--bs-gutter-y:clamp(14px, 0.833vw, 16px);}
    .how-its-work-section .head-wrapper [class^="col-"]:has([class^="primary-btn-"]){ justify-content: center;}
    .how-its-work-section .box-container .box .row{ --bs-gutter-y:clamp(14px, 0.833vw, 16px);}
    .how-its-work-section .box-container .box .img-block{ height: auto;}
    .faq-section-widget .details-box{ width: 100%; margin-bottom: 20px;}
    .faq-section-widget .details-box .img-wrapper{ max-width: 150px; }
    .inner-contact-page-contact-details-section .details-wrapper .single-details .icon{ height: 45px;}
    .inner-faq-page-main-section .calls-wrapper{ flex-direction: column; gap: 10px;}
}

@media screen and (max-width:575px){
    footer{ text-align: center;}
    footer .top .left-box ul{ flex-direction: column; align-items: center; text-align: center; gap: 15px;}
    footer .top .left-box .logo-wrapper{ margin:  0 auto ; margin-bottom: clamp(20px, 2.083vw, 40px);}
    footer .top .right-box ul{ justify-content: center;}
    footer .top .left-box ul li h4{ padding-bottom: 0;}
    .home-banner-section .video-block{ height: 250px;}
    .testmonials-section-widget .testimonials-slider .single-slide .row{ --bs-gutter-y:clamp(14px, 0.833vw, 16px);}
    .cta-section-widget-style-2 .main-block{ flex-direction: column; text-align: center;}
    .cta-section-widget-style-3 .main-block{ flex-direction: column; align-items: center; text-align: center;}
    .cta-section-widget-style-3 .main-block .title-2{ padding-bottom: 15px;}
    

}

@media screen and (max-width:500px){
    .appointment-section-widget .main-block .bottom-block{ flex-direction: column; text-align: center;}
    .appointment-section-widget .main-block .bottom-block a{ margin-top: 10px;}
    .we-make-natural-medicine-simple-section-widget .box-container .box ul.horizontal{ flex-direction: column; gap: initial;}
    footer .bottom ul{ flex-wrap: wrap; justify-content: center;}
    
}

@media screen and (max-width:400px){
    .col-xsm-12{ width: 100%;}
    
}

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

}