@media (max-width: 1440px) { }

@media (max-width: 1300px) { }
@media (max-width: 1200px) { 
    .mainHeader .navbar-nav .nav-link {font-size: 12px !important; margin: 0 10px;}
    .mainHeader .btn-enroll {font-size: 12px;}
   .hero_content_box h1 {font-size: 52px;}
   .subtitle {font-size: 24px;} 
   .descriptionText {font-size: 20px;}
   .btn-enroll {font-size: 16px;}
   .btn-outline {font-size: 16px;}

   .wellnessList {width: 90%; margin-left: 5%;}
   .mainHeader .navbar-brand span {font-size: 15px;}
}
@media (max-width: 991px) {
    .mainHeader .main-nav { position: absolute; left: 0; top: -10px; z-index: -1; text-align: center; width: 100%; }
    .mainHeader .main-nav:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; background:linear-gradient(to bottom right, #ffffff 0%, #f0fdf4 50%, #ffffff 100%); height: 100vh; z-index: -1; }
    .navbar-nav {margin-top: 90px;}
    .mainHeader .navbar-nav .nav-link {font-size: 16px !important; margin: 10px 0;}
 }
@media (max-width: 837px) {
    .mainHeader .navbar-brand span {font-size: 17px;}
    .closingGap h2 {font-size: 38px;}
    .descriptionText {font-size: 17px;}
    .descriptionText br {display: none;}
    .genderList ul li {width: calc(50% - 30px);}
    .dr-anna-title {font-size: 40px !important;}
    .approachBox h2 {font-size: 38px;}
    .approachList ul li {width: calc(50% - 30px);}

    .module_content_box h2 {font-size: 38px;}
    .moduleList ul li h3 {font-size: 16px;}
    .moduleList ul li p {font-size: 14px;}

    .perkContent h2 {font-size: 38px;}
    .perkList ul li {width: calc(50% - 30px);}

    .exclusiveContent h2 {font-size: 38px;}
    .exclusiveList ul li {width: calc(50% - 30px);}

    .wellnessContent h2 {font-size: 38px;}

    .faqContent h2 {font-size: 38px;}
    .wellnessList ul li p {font-size: 15px;}

    .topFooter h2 {font-size: 28px;}
    .topFooter p {font-size: 16px;}

    .bottomLeft {font-size: 15px;}
    .bottomLeft p a {font-size: 15px;}
    .bottomFooter ul li {font-size: 15px;}
    .bottomFooter ul li a {font-size: 15px;}
    .courseStart {font-size: 13px;}
    .testimonial_slider .slick-prev {left: -45px !important;}
    .testimonial_slider .slick-next {right: -50px !important;}
}
@media (max-width: 767px) {
    .hero_content_box h1 {font-size: 45px;}
    .subtitle {font-size: 20px; text-align: center; line-height: 1.4;}
    .info-icons {font-size: 14px;}
    .btn-enroll {font-size: 14px; padding: 12px 25px;}
    .btn-outline {font-size: 14px; padding: 10px 25px;}
    .offer-badge {font-size: 13px;}
    .closingGap h2 {font-size: 30px;}
    .descriptionText {font-size: 15px;}
    .genderList ul li h3 {font-size: 14px;}
    .genderList ul li p {font-size: 14px;}
    .dr-anna-title {font-size: 35px !important;}
    .bio-section p {font-size: 16px; line-height: 1.4;}
    .bio-section h3 {font-size: 18px;}
    .bio-section ul li {font-size: 15px;}
    .quote {font-size: 16px; line-height: 1.5; padding: 20px;}
    .approachBox h2 {font-size: 30px;}
    .approachList ul li h3 {font-size: 14px;}
    .approachList ul li p {font-size: 14px;}
    .module_content_box h2 {font-size: 30px; text-align: center;}
    .moduleList ul li h3 {font-size: 14px;}
    .moduleList ul li p {font-size: 14px;}
    .perkContent h2 {font-size: 30px;}
    .perkList ul li h3 {font-size: 15px;}
    .perkList ul li p {font-size: 15px;}
    .exclusiveContent h2 {font-size: 30px;}
    .discountBox ul li {font-size: 14px;}
    .brand-name {font-size: 12px;}
    .product-title {font-size: 14px;}
    .product-desc {font-size: 12px;}
    .shop-button {font-size: 14px;}
    .wellnessContent h2 {font-size: 30px;}
    .wellnessList ul li p {font-size: 14px;}
    .faqContent h2 {font-size: 30px;}
    .wellnessList {width: 84%; margin-left: 8%;}
    .accordion-button {font-size: 14px;}
    .accordion-body {font-size: 14px;}
    .topFooter {padding: 30px 20px;}
    .topFooter h2 {font-size: 24px;}
    .topFooter p {font-size: 14px;}
    .topFooter p br {display: none;}
    .bottomLeft {font-size: 14px;}
    .bottomLeft p a {font-size: 14px;}
    .bottomFooter ul li {font-size: 14px;}
    .bottomFooter ul li a {font-size: 14px;}
    .courseStart {font-size: 12px;}
    
 }

@media (max-width: 600px) { }

@media (max-width: 540px) {
    .hero-banner {height: 100%; padding: 80px 0;}
    .hero_content_box {text-align: center;}
    .btn-outline {margin-top: 20px;}
    .hero_content_box h1 {font-size: 35px;}
    .subtitle {font-size: 18px;}
    .info-icons {font-size: 12px;}
    .closingGap h2 {font-size: 25px;}
    .genderList ul li {width: 100%;}
    .genderList ul li h3 {font-size: 15px;}
    .genderList ul li p {font-size: 15px;}
    .dr-anna-title {font-size: 30px !important;}
    .bio-section p {font-size: 15px;}
    .bio-section h3 {font-size: 16px;}
    .approachBox h2 {font-size: 25px;}
    .approachList ul li {width: 100%;}
    .approachList ul li h3 {font-size: 15px;}
    .approachList ul li p {font-size: 15px;}
    .module_content_box h2 {font-size: 25px;}
    .moduleList ul li {width: 100%;}
    .moduleList ul li h3 {font-size: 15px;}
    .moduleList ul li p {font-size: 15px;}

    .perkContent h2 {font-size: 25px;}
    .perkList ul li {width: 100%;}
    .exclusiveContent h2 {font-size: 25px;}
    .exclusiveList ul li {width: 100%;}
    .product-title {font-size: 16px;}

    .wellnessContent h2 {font-size: 25px;}
    .testimonial_slider .slick-prev {left: -35px !important;}
    .testimonial_slider .slick-next {right: -40px !important;}

    .faqContent h2 {font-size: 25px;}
    .topFooter h2 {font-size: 20px; line-height: 1.4;}
    .courseStart {line-height: 1.4;}
    .bottomFooter ul li {margin: 10px 0;}
    
 }