@media (max-width: 1024px) {
    
    .menu-toggle { display: flex;  }
    #nav, .desktop-get-started { display: none;  }
    .header-inner {  width: 94%;  }
    
    .banner-box span {  font-size: 26px;  }
    .banner-btn {  padding: 8px 12px;  font-size: 14px; }
    .choose-text {   width: 100%;  }
    .choose-grid .col-md-4 {    flex: 0 0 calc(50% - 20px);   }
}


@media (max-width: 768px) {
    
    header nav {    display: none;     }
    .header-inner {  width: 92%; }
    .mobile-get-started {   position: absolute;   right: 12%;  }
    .choose-grid .col-md-4 {    flex: 0 0 100%;    max-width: 100%;  }
    #sliderRow {    flex-direction: unset;  }
    .stick .menu-toggle span {  background-color: #000;}
    nav {    position:absolute;    top:0px;    left:0;    right:0;    background:#fff;    display:none;    flex-direction:column;    align-items:center;    gap:10px;    padding:20px 0;
    border-top:1px solid #ddd;    z-index:100;    }
    .mobile-menu-active #nav ul {  text-align: left;  padding-left: 15px;}
     .mobile-menu-active #nav {    background: #fff;  }
     header nav ul li a {  color: #191919;}
    .menu-toggle {    display: flex;     }
    .close-icon {    display: block;   }  
    .mobile-get-started {    display: none;    }
    .desktop-get-started {    display: none;  } 
    header nav ul li .dropdown-arrow {    display: inline-block;    margin-left: 5px;    }
    .mobile-menu-active header nav ul li .submenu-active .dropdown-arrow {    transform: rotate(180deg);    }
    .mobile-menu-active header nav ul li .submenu {    position: static;    display: none;    width: 100%;  }
    .mobile-menu-active header nav ul li .submenu-active {  display: block;   }
    .mobile-menu-active header nav ul li .submenu-active .dropdown-arrow {    transform: rotate(180deg);  } 
    .feature-grid {   grid-template-columns: 1fr;   }
    .feature-box {    flex-direction: column;   }
    .feature-image,  .feature-content {    width: 100%;    margin: 0 0 10px 0;   }
    .benefits-wrapper {   flex-direction: column;   }
    .course-table,   .course-table tr,  .course-table td {    display: block; width: 100%;   }
    .course-table tr {    margin-bottom: 15px;    border-radius: 10px;    box-shadow: 0 2px 10px rgba(0,0,0,0.05);    }
    .course-table tr td:first-child {    border-right: none;    border-bottom: 1px solid #eee;    background: #fdf1e7;    }
    .review-cards {  flex: 0 0 95%;  }  .testimonial-slider {    flex-wrap: nowrap;  }
    .banner-box {  padding: 20px 20px; right: 8%; left: 8%;bottom: 5%;  }
    .banner-box span { font-size: 17px;  }
    .button-group {  gap: 4px;  }
    .banner-btn {  padding: 10px 10px;  font-size: 12px;  }
    .why-choose-section2 img {  width: 100%;  }
    .video-card {  width: 100%;}
    .video-reviews-container {  flex-direction: column;   }

.mobile-sticky-footer {  position: fixed;bottom: 0;left: 0;right: 0;background: #ffffff;padding: 12px 15px; box-shadow: 0 -2px 10px rgba(0,0,0,0.1);z-index: 9999;display: flex;
justify-content: space-between; align-items: center;border-top: 1px solid #e0e0e0;            }
            
    .enroll-button { background-color: #f88379; color: #fff; padding: 8px 14px;border-radius: 5px;text-decoration: none;font-weight: bold;font-size: 16px;text-align: center;margin-right: 4px;}
            
    .contact-icons {display: flex;align-items: center;}
            
    .whatsapp-icon, .call-icon {color: #555;font-size: 16px; margin-left: 1px;text-decoration: none;}
    .call-icon {color: #fff;background: #f88379;
    padding: 8px 14px;
    border-radius: 5px;}
            
    .whatsapp-icon {  background: #25D366;  padding: 8px 8px;  font-size: 18px;  border-radius: 5px;  color: #fff;}
    .separator {color: #ccc; margin: 0 5px;}
    .mobile-sticky-footer {  display: block;}
    .popup-content {    width: 95%;    margin: 10% auto;    padding: 20px;   }
    .form-group {    width: 100% !important;    flex: 0 0 100%;    max-width: 100%;   }
    .form-input input,  .form-input select,  .form-input textarea {    font-size: 16px;    }
    .close-btn {    top: 10px;    right: 15px;    font-size: 28px;   }

}




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

    .header-inner {     padding: 14px 30px 14px 0px;  }
    .retreat-heading h4 {  font-size: 22px;   }
    .contaner2 {  width: 90%;  }
    .breadcrumb {  margin-bottom: 10px;  }
    .ac-cer .col-btm {display: flex;flex-direction: column;  }
    .our-fac .flex {  display: flex;   flex-direction: column;  }
    .yogi-box {  flex-direction: column;   }
    .cerfimg.left, .yogi-box .yogi-content { width: 100%;  }
    .why-choo .flex {  display: flex;   flex-direction: column;  }
    .bread-content-wrap.bg .heading {  font-size: 22px;  }
    .yogi-box .yogi-gallery {  width: 100%;  }
    .curriculum-schedule .columns {  flex-direction: column;   }
    div#CourseSchedule {  width: 100%;  }
    .blog-button {  padding: 8px 20px;   font-size: 14px;  }
    .card-bg {  padding: 0px 10px 40px 10px;  }
    .card a { font-weight: 400;   padding: 6px 12px;  }
    .b-policy li {  font-size: 14px;  }
    .cta-sec .theme-btn { justify-content: center;  display: flex;    flex-wrap: wrap;    flex-direction: row;  }
    .overview-table th {  font-size: 14px;  }
    .what-included {  padding-top: 0;  }
    .payment-refund-section {  padding-top: 0;  }
    .style-block h3 {  font-size: 16px;  }
    .style-block {  padding: 16px 20px;  }
    .yoga-content {  padding: 30px 20px;  }
    .yoga-content h3 {  font-size: 16px;     margin-top: 20px;  }
    
    .mycard .card {   flex-direction: column-reverse;  }
    .mycard .mycard-cnt, .mycard .mycardimg {  width: 100%;  }
    .teachings-section h2 {margin-bottom: 10px;  }
    .card4 { width: 44%;  }
    .teachings-list {  margin-bottom: 0px;}
	.found-mrit .heading-line {  margin-bottom: 0px;}
    .main-head {  font-size: 20px !important;   }    
    .logos img {  width: 20%; }
    .container { width: 92%; }
    .home-gall .container, footer .container {    flex-wrap: wrap;  }
    .teacher-card {   width: 31%;  }
    .teachers-container {  justify-content: flex-start;  }
    
    .foo-col-3, .foo-col-3:first-child { width: 44%; }
    .blog-card {  width: 30%; }
    .retreat-card {   width: 47%; }
    .amennities li { font-size: 14px; }
    section {  padding: 2rem 0px;  }
    .teacher-card img { height: auto; object-fit: contain; }
    .theme-btn a { padding: 8px 18px;    font-size: 14px;   }
    .col-md-6 {  width: 47%;  }
    .blog-content {   padding: 16px 12px;    bottom: 20px;     width: 90%;  }
    .blog-button-wrapper {   margin-top: 30px;  }
    .reach-sec iframe {    width: 100%;    max-height: 300px;  }
    .faq-contact-label {    font-size: 16px;  }
    .faq-question {   padding: 10px 14px;  font-size: 14px;  }
    .faq-contact-number {  font-size: 20px;  }
    .benefit-box h3 {    font-size: 18px; }
    .hero-content h1 {    font-size: 26px;   }
    .hero-content p {   font-size: 16px;  max-width: 90%;  }
    .buttons .btn {    padding: 8px 18px;    font-size: 14px;  }
    
    .submit-btn {    padding: 10px 26px 10px 26px;    font-size: 14px;  margin-top: 0;  }
    .apply-fom form {   padding-top: 20px;  }
    .form-input input, .form-input select, .form-input textarea {    padding: 10px 10px;    border-radius: 4px;    font-size: 14px;  }
    .apply-fom {    padding: 40px 0;  }
    .subfooter .container {    display: flex;    justify-content: space-between;    flex-direction: column;    align-items: center;  }
    footer li a, .sublink li, p {   font-size: 14px;  }
    .subfooter {  padding-top: 20px;  }
    footer {  padding: 2rem 0;  }
    #rishikesh-reach {  padding-top: 50px;  padding-bottom: 40px;  }
    .features-box {  padding: 40px 30px;  }
    #testimonials .theme-btn {  display: block;  }
    .slider-controls button {   padding: 4px 8px;  }
    .testimonial-wrapper {   margin-bottom: 30px;   }
    .banner-box p {  font-size: 14px;  }
    
    .teachersec1 .col-md-8, .founder-flex2 {   padding: 30px 16px;  }
    
    .founder-flex {  padding: 30px 20px;   }
    .teachersec1 .col-md-8, .teachersec1 .col-md-4 {  width: 100%;  }
    .t-rev {    flex-direction: column-reverse;  }
    .teachersec1 p, li {  font-size: 14px;  }
    .main-heading {    font-size: 20px;  }
    .breadcrumb-heading {   font-size: 24px;  }
    .breadcrumb-heading, breadcrumb  {    margin-bottom: 10px;   }
    .common-hero p {  padding-bottom: 1rem;  }
    .foo-col-3:last-child {   width: 46%;  }

    .info-box h2 {  font-size: 24px;  }
    
}




@media screen and (max-device-width: 991px) and (orientation: landscape) {

    .timeline-item.right::before {  left: -62px;  }
    .timeline-item.left::before {  right: -52px;  }

    .common-hero {     height: 100vh !important;     }
    ul.conact-icons {  flex-wrap: wrap;  }
    .conact-icons li {  width: 47%; min-height: 186px;   }
    .teacher-card { width: 48%;   }
    .vox-1, .vox-2, .vox-3, .vox-4 {  width: 30%;  }
    .menu-toggle { display: flex;  }
    #nav, .desktop-get-started { display: none;  }
    .common-hero .comm-banner {    padding: 30px;     padding-top: 9rem;  }
    .heal-list-beniftes li {   width: 48% !important;  }
	
    
}




@media screen and (max-device-width: 767px) and (orientation: portrait) {  


    .common-hero .comm-banner {  padding-bottom: 0;  }
    .rishikesh-intro-section .highlight-point {    padding-top: 0px;  }
    .schedule-table .row {  flex-direction: row;   }
    
    .blog-single-content .article-content {  width: 100%;}
	.blog-single-content .signle-sidebar { width: 100%;}
	.blog-single-content h1 {font-size: 24px;}
    .highlight-point .b-policy li, .heal-list-beniftes li, .diet-benefits li, .upcoming-steps .step {   width: 100% !important;  }
    .highlight-point.pnt2.flex {  flex-direction: column-reverse;  }
    .highlight-point br {  display: none;  }
    #testimonials-ycb .theme-btn {  align-items: center;    }
    .diet-benefits .benefits-list,.upcoming-steps {  flex-direction: column;  }
    .cert-top { flex-direction: column;}
    .yoga-benefits .yoga-image {  width: 100%;  }
    .timeline-item.right {  left: 0;  }
    .timeline-item.left::before, .timeline-item.right::before {   display: none;  }
    .timeline-container::before {  display: none;  }
    .timeline-item.left {   text-align: left;  }
    .timeline-container {    gap: 30px;    display: flex;    flex-direction: column;  }

    .mycard .card {   flex-direction: column-reverse;  }
    .mycard .mycard-cnt, .mycard .mycardimg {  width: 100%;  }
    .sitemap {  display: block;}
    .container {  width: 90%;  }
    .common-hero {    height: 70vh;  }
    .retreat-slider .retreat-cards{flex-direction: unset;}
    .retreat-cards, .journey .container, .blog-grid, .faq-container, footer .container, .highlight-cards, .home-gall .container,
    .yoga-schedule-container, ul.conact-icons {  flex-direction: column;  }
    .text-box {  padding: 1rem;}
    .retreat-card, .foo-col-3, .foo-col-3:first-child, .blog-card, .choose-text, .choose-image {    width: 100%;  }
    .subfooter .container {    flex-direction: column-reverse;   }
    .sublink ul {    display: flex;    gap: 14px;    flex-wrap: wrap;    justify-content: center;  }
    .retreat-card {  height: 445px;}
    .card-back {  padding: 12px;}
    .card-back .table-container {    padding: 0px;  }
    .subcopy p {    text-align: center;  }
    .logos {    flex-wrap: wrap; gap:20px; }
    .logos img {    width: 44%;  }
    .schedule-table tr { display: flex;  }    
    .curriculum h4, .schedule h4 {  font-size: 22px;  }
    .card-header .btn {  font-size: 14px;}
    .skill-yoga .col-right img {  width: 100%;}
    .batch-grid .tab-buttons li {  padding: 10px 10px;  font-size: 14px;}
    .yogi-box .yogi-gallery, .yogi-box .yogi-content {  width: 100%;}
    .card4 { width: 47%;}
    .con-inqury .col-right img { width: 100%;}
    .curriculum, .schedule {  padding: 6px;}
    .batch-table {  font-size: 14px;}
    .batch-table tbody td {  white-space: nowrap;}
    .comnty-slide {  flex-direction: column;}
    .mobile-menu-active #nav {  background: #fff;}
    header nav ul li .submenu {  border: none;}
    .home-gall {  padding: 20px 0;  overflow: hidden;  }
    .home-gall .container {  display: flex;  flex-wrap: wrap;  gap: 15px;   max-width: 100%;  overflow: hidden;  }
    .home-gall .vox-1,.home-gall .vox-2,.home-gall .vox-3,.home-gall .vox-4 {  flex: 1 1 100%;  box-sizing: border-box;  }
    .home-gall .vox-3 .img-btm {  display: flex;  gap: 10px; }
    .gal-img {  width: 100%;  height: auto;  display: block;  object-fit: cover;   max-width: 100%;  }
    .circle-dots {    width: 230px;  }
    .top-bar-left span {  margin-right: 20px;  float: left;}
    .top-bar-right {  width: 40%;}
    .top-bar-right a {  margin-left: 8px;}
    .training-banner .col-7 {  display:none;flex: 0 0 100%;padding:0px;}
     .training-banner .col-5 {  display:none;}
    .breadcrumb-heading { font-size: 20px;  }
    .training-banner .col-5 { flex: 0 0 100%;}
    .custom-menu img {  display: none;}
	.capabilities {  flex-direction: column;}
    .mycardyoga {  gap: 18px;}
	#testimonials .slider-controls {  display: block;}
    #Course_nav a {  font-size: 11px;}
    .flex { flex-direction: column;}
    .timeline-item .icon img {  padding-left: 5px;}
    .timeline-item {  padding-top: 10px;  padding-bottom: 10px;width: 100%;}
    .col-md-6 {  width: 100%;}
    .yogi-content {  min-width: 100%;}
	.subfooter { margin-bottom: 50px;  }
	.arrow-top {  bottom: 154px;  right: 5px;}
    .inst-yoga .teacher-card {  width: 100%;text-align: center;}
    .spec-item {  min-height: 35px;  }
    .mfp-content .mfp-img {  height: 400;}
    .banner-box {  display: none;}
    .teachers-grid, .all-boxs, .cnt-2 .container, .rive-raf .col-btm, .excursions-grid, .style-blks, .acco-fac ul {  flex-direction: column;  }
    section.reach-sec iframe {   width: 200px;  }
    .excursion-box, .style-block, .acco-fac li, .rive-raf .item, section.reach-sec iframe {  width: 100%;  }
    .retreat-slider {   padding: 30px 0px;}
    .highlights {  top: 0;   width: 100%;      position: relative;  }
    .feature-item {  width: 100%;   }
    .certi-yoga .col-right .flex {  flex-direction: column;}
    .table-container {  width: 100%;  max-height: 600px;  overflow-y: auto;  overflow-x: auto;  background: #f9f9f9;  padding: 20px;  border-radius: 8px;  
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  scrollbar-width: thin;  scrollbar-color: #8abdbc #f1f1f1;  margin-top: 18px;  }
    .reverse {  flex-direction: column-reverse;}
    .schedule-table .row .cell:last-child {  width: 66%;  }
    .schedule-table .cell {  /* flex: 1; */  width: 30%;  }
    .four-image-grid {  flex-direction: column;  }
    .four-image-grid img {  width: 100%;   }
    .custom-retreat-section p.desc {text-align: center; }
    .theme-btn {    display: flex;    flex-direction: column;    gap: 20px;  }
    .form-container {   padding: 30px 20px;  }
    .acomd-img img {width: 46%;  }
    .form-container .col-md-6 {  width: 46%; }
    .form-container .row {  gap: 20px;  }
    .teachcnt {  align-content: center;}
    .row {   flex-direction: column;   }
    .col-md-4 {   width: 100%;  }
    .gallery .image-container {    flex-direction: column;   }
    .gallery .controls .buttons {    padding: 2px 14px;    font-size: 14px;    margin: 10px 3px;  }
    .banner img {  min-height: 430px;    object-fit: cover;    object-position: 18% 50%;  }
    /*.teachers-container {  flex-direction: column;  }*/
    .teacher-card {  width: 100%;  text-align: center;max-width: 100%; }
    .abt .teacher-card {  width: 100%;  max-width: 100%;text-align: center;}
    .meet-founder img {  width: 100%;}
	.cerfimg.left img {  width: 100%;}
    .img-2 {  display: none;}
    * {    box-sizing: border-box;   }
    .home-gall {    width: 100%;    overflow: hidden;    }
    .home-gall .container {    width: 100%;    padding: 0 15px;    margin: 0 auto;    display: flex;    flex-direction: column;    gap: 15px;    }
    .vox-1,  .vox-2,  .vox-3,  .vox-4,  .vox-3 .img-btm {    display: flex;    flex-direction: column;    gap: 10px;    width: 100%;  }
    .gal-img {    width: 100%;    max-width: 100%;    height: auto;    display: block;    object-fit: cover;    border-radius: 6px;    }
    
    .founder-flex, .founder-flex2 {   flex-direction: column;  }
    .founder-flex .teach-left, .founder-flex .teach-right, .founder-flex2 .teach-left, .founder-flex2 .teach-right {  width: 100%;  }
    
    .yoga-layout {  flex-direction: column;  }
    .card-inner.flip {
  transform: rotateY(180deg);
}
.card-inner:hover {    transform: none;   }
  .retreat-card .read-more-btn {   display: inline-block;    margin-top: 0px;    padding: 6px 12px;    color: #f88379;    border: none;    border-radius: 4px;    cursor: pointer;    background: transparent;  }
  .retreat-card .read-more-btn {  display: block;margin: 10px auto;}
    
}



@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation:portrait){  
    
    .four-image-grid img {  width: 47%;  }
    .four-image-grid {   margin: 40px 0px 30px 0px;   }
    .style-block, .diet-benefits li {   width: 47%;  }
    .acomd-img img {  width: 31%; }
    .feature-item {  width: 31%;    font-size: 14px;  }
    
    ul.conact-icons {  flex-wrap: wrap;  }
    .conact-icons li {  width: 47%; min-height: 186px;   }
    .form-container {   padding: 30px 20px;    display: flex;   flex-direction: column;     justify-content: center;  }
    .form-container .row {  gap: 20px;  }
    .form-container .col-md-6 {   width: 46%;  }
    .teacher-card { width: 48%;   }
    .vox-1, .vox-2, .vox-3, .vox-4 {  width: 30%;  }
    .vox-4 {  display: none;  }
    .card-bg {   max-width: 90%;  }
    .card-bg h3 {   font-size: 16px;  }
    .journey .col-left {  display: none;  }
    .features-box li {    font-size: 14px;    margin-bottom: 12px;  padding-bottom: 12px;  }
    .choose-text p {  font-size: 14px;  }
    .choose-image {   width: 100%;  }
    .why-choose-section2 .choose-text {   display: none;   }
    .button-control .theme-btn {  margin-top: 0px;  }
    .banner-box {   max-width: 400px;  }
    
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){  
    
    .common-hero {   height: 60vh;  }
    .inst-yoga .teacher-card {   width: 48%;  }
    .foo-col-3:last-child {  width: 44%;  }
    .heal-list-beniftes li {   width: 48% ;  }
    .timeline-item.right::before {left: -54px;}
    .timeline-item.left::before {right: -46px;}
    
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){  
    
    
    .card-bg {  max-width: 90%;  padding: 0px 8px 40px 8px;  }
    .card-bg h3 {  font-size: 18px;  }
    .journey .col-left { display: none; }
    .choose-text {  width: 100%;  }
    .choose-container {    flex-direction: column;  }
    .abt2s .abt-cenr {  display: none;  }
    
    .meet-founder .col-left {  width: 48%;  }
    .meet-founder .col-right {  width: 48%;  }


    .logos img { width: 22%; }
    .container {  width: 92%;  }
    .subfooter .container {    display: flex;    justify-content: space-between;    flex-direction: column;    align-items: center;   padding-top: 10px;  }
    footer .container {   flex-wrap: wrap;  }
    .foo-col-3 {  width: 46% !important;  }
    .why-choose-section2 .choose-text {  display: none;  }
    .vox-3 {  display: none;  }
    .why-choose-section .choose-image {    display: none;  }
    .choose-image {  width: 100%;  }
    .button-control .theme-btn {  margin-top: 10px;  }
    
    ul.conact-icons {  flex-wrap: wrap;  }
    .conact-icons li {  width: 47%; min-height: 186px;   }
    .course-container {   display: flex;   }
    .course-card {   width: 47%;  }
    header nav ul li a {  font-size: 12px;   padding: 10px 2px;  }
    .get-started-btn {   padding: 8px 10px; font-size: 14px;  }
    header nav ul {   gap: 10px;  }
    .header-inner {   width: 94%;  }
    .banner-box span {    font-size: 24px;   }
    .banner-btn {   padding: 8px 12px;    font-size: 14px;  }
    .common-hero {   height: 80vh;  }
    
}


@media (min-width: 1200px) and (max-width: 1500px) {

    .retreat-card {   height: 500px;  }

}

     @media (max-width: 768px) {
            .media-track {
                height: 400px;
            }
        }
        
        @media (max-width: 480px) {
            .media-track {
                height: 300px;
            }
            
            .nav-btn {
                width: 40px;
                height: 40px;
            }
            
            .slide-content h3 {
                font-size: 1.2rem;
            }
            
            .slide-content p {
                font-size: 0.9rem;
            }
        }