@media only screen and (max-width: 1399px) {
   .main-header a.logo img {
      width: 90px;
   }

   .hero-section {
      min-height: 600px;
      padding-top: 70px;
   }

   .hero-wrapper {
      gap: 30px;
   }

   .text-slider-column {
      width: 45%;
   }

   .text-slider-column .slide-content p {
      margin: 0;
   }

   .video-column {
      width: 55%;
   }

   .video-column video {
      height: 450px;
      object-fit: cover;
   }

   .banner-title {
      font-size: 42px;
      line-height: 1.3;
   }

   .slide-content .des {
      font-size: 16px;
      margin: 15px 0;
   }
}

@media only screen and (max-width: 1199px) {
   body {
      font-size: 14px;
   }

   .main-header a.logo img {
      width: 85px;
   }

   .main-banner .owl-carousel h1.banner-title {
      font-size: 60px;
   }
}
@media only screen and (max-width: 1199px) {
   body {
      font-size: 14px;
   }

   .main-banner .owl-carousel h1.banner-title {
      font-size: 60px;
   }

   .main-header a.logo img {
      width: 78px;
   }

   .heading h2 {
      font-size: 38px;
      line-height: 1.3;
   }

   .heading .heading-label {
      font-size: 28px;
   }

   .contactForm-wrap .title {
      font-size: 26px;
   }
}

@media only screen and (max-width: 1023px) {
   .section {
      padding: 20px 0;
   }

   .main-banner .owl-carousel h1.banner-title {
      font-size: 40px;
   }

   .main-banner .left .phone-btn {
      margin-top: 30px;
   }

   .main-header a.logo img {
      width: 64px;
   }

   main-banner {
      font-size: 22px;
   }

   .heading h2 {
      font-size: 32px;
   }

   .service-card {
      padding: 24px 24px;
   }

   .service-card .service-content h4 {
      font-size: 20px;
   }

   .about-section .about-img {
      margin-top: 0;
   }

   .whyus-card .whyus-content h4 {
      font-size: 18px;
   }

   .foodplan-card {
      padding: 28px 24px;
   }

   .foodplan-card h4 {
      font-size: 20px;
   }

   .foodplan-card .price-wrap p.tagline {
      font-size: 24px;
   }

   .foodplan-card .price-wrap p.price {
      font-size: 32px;
   }

   .contactForm-wrap {
      padding: 40px 32px;
   }
}

@media only screen and (max-width: 991px) {
   .heading {
      margin-bottom: 26px;
   }

   .heading p {
      margin-top: 10px;
   }

   .main-banner .owl-carousel h1.banner-title {
      font-size: 36px;
   }

   .heading h2 {
      font-size: 28px;
   }

   .heading .heading-label {
      font-size: 24px;
   }

   .footer-contact .whatsapp {
      font-size: 20px;
   }

   .social-icons a {
      font-size: 24px;
   }
}

@media only screen and (max-width: 767px) {
   .main-banner{
      height: 100vh;
   }
   .ctm-list .hilite {
      font-size: 14px;
  }
   .primary-button {
      font-size: 14px;
      padding: 5px 10px;
      height: 38px;
      width: auto;
   }

   a.primary-button .icon,
   button.primary-button .icon {
      margin-right: 8px;
      width: 20px;
   }

   .heading h2 {
      font-size: 24px;
   }

   .main-banner .owl-carousel h1.banner-title {
      font-size: 30px;
   }

   .main-banner .left .phone-btn {
      margin-top: 18px;
   }

   .service-card .service-content p {
      min-height: inherit;
   }

   .footer-services li {
      margin-bottom: 14px;
   }

   .footer-heading {
      margin-bottom: 20px;
   }

   .copyright-wrap {
      margin-top: 20px;
   }

   .main-header .phone-number {
      display: none;
   }

   .main-header a.logo img {
      width: 50px;
   }

   .main-header.scrolled a.logo img {
      width: 50px;
   }

   .main-banner .owl-carousel .banner-content {
      padding-top: 100px;
      padding-bottom: 60px;
   }

   .about-content .heading {
      text-align: center;
   }

   .contactForm-wrap .title {
      font-size: 26px;
   }

   .contactForm-wrap {
      padding: 26px 16px;
   }

   .footer-logo img {
      width: 150px;
   }
}

@media only screen and (max-width: 599px) {
   .main-banner .owl-carousel h1.banner-title {
      font-size: 22px;
   }

   .main-banner .owl-carousel .item .right {
      padding-left: 16px;
   }

   .main-banner .owl-carousel .banner-content {
      flex-wrap: wrap-reverse;
   }

   .main-banner .owl-carousel .banner-content .left {
      width: 100%;
      text-align: center;
   }

   .main-banner .owl-carousel .banner-content .right {
      width: 100%;
      padding-left: 0;
      margin-bottom: 26px;
   }

   .main-banner .owl-carousel .banner-content .right .banner-img img {
      width: 236px;
      margin: 0 auto;
   }

   .main-banner .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 30px;
   }
}

/* Mobile First Styles for Hero Section */
.hero-wrapper {
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
    min-height: auto;
}

  
.video-column {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    order: -1; /* Moves video to top on mobile */
}

.video-column video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.text-slider-column {
    width: 100%;
    padding: 0px 0;
    text-align: center;
}

/* Tablet (768px and up) */
@media (min-width: 768px) {
    .hero-wrapper {
        flex-direction: row;
        min-height: calc(100vh - 80px);
        align-items: center;
        padding: 40px 0;
    }

    .video-column {
        width: 40%;
        height: 85vh;
        order: 2; /* Reset order for desktop */
    }

    .text-slider-column {
        width: 60%;
        padding-right: 30px;
        text-align: left;
    }
}

/* Desktop (992px and up) */
@media (min-width: 992px) {
    .video-column {
        height: 85vh;
    }
}
@media (min-width: 1280px) and (max-width: 1920px){
   .main-banner {
      height: 95vh;
  }
   .video-column video {
      height: 80%;
  }
}