@media (max-width: 1024px) {
        .search-box {
            width: 35%;
        }
        .main-heading {
            font-size: 34px;
        }
        .sub-heading {
            font-size: 17px;
        }
        .hero-content h1 {
            font-size: 50px;
        }
        .hero-content p {
            font-size: 20px;
        }
        .offer-banner {
            flex-direction: column;
            text-align: center;
            padding: 40px 20px;
            gap: 30px;
        }
        .offer-banner-content {
            text-align: center;
        }
        .offer-banner-image {
            width: 80%;
            height: 200px;
        }
        .offer-banner-content h2 {
            font-size: 42px;
        }
        .offer-banner-content p {
            font-size: 19px;
        }
        .offer-banner-content .grab-deal-btn {
            padding: 12px 25px;
            font-size: 18px;
        }
        .about-us-section {
            flex-direction: column;
            padding: 60px 20px;
            gap: 30px;
        }
        .about-us-content {
            padding-right: 0;
            text-align: center;
        }
        .about-us-images {
            min-width: unset;
            width: 100%;
        }
    }


    @media (max-width: 768px) {
      header {
        flex-wrap: wrap;
        padding: 5px 20px;
      
      }

      .logo {
        font-size: 18px;
        margin-bottom: 10px;
      }
      .blink{
        font-size: 18px;
      }

      .search-box {
        order: 3; /* Move search below logo and menu */
        width: 100%;
        max-width: none;
        margin-top: -12px;
        padding: 8px 15px;
        height: 13px;
        margin-bottom: 10px;
      }

      .menu-icon {
        display: block; /* Show menu icon on mobile */
        
      }

      nav {
        max-height: 0;
        padding: 0;
        flex-direction: column;
        width: 100%;
        background-color: #444; /* Darker background for mobile nav */
        text-align: left;
      }

      nav.active {
        max-height: 350px; /* Adjust as needed */
        padding: 15px 20px;
      }

      nav a {
        display: block;
        margin: 5px 0;
        padding: 12px 0;
        border-bottom: 1px solid #555;
      }

      nav a:last-child {
        border-bottom: none;
      }

      nav a::after {
        bottom: 0px; /* Adjust underline position for mobile */
      }

      .hero-section {
          padding: 80px 20px;
          margin-bottom: 40px;
      }
      .hero-content h1 {
          font-size: 38px;
          animation: none; /* Disable on smaller screens if too much */
          transform: none;
          opacity: 1;
      }
      .hero-content p {
          font-size: 18px;
          animation: none;
          transform: none;
          opacity: 1;
      }
      .hero-buttons button {
          animation: none;
          opacity: 1;
          margin: 5px 10px;
          font-size: 15px;
          padding: 10px 18px;
      }

      .main-heading {
        font-size: 30px;
        margin-top: 40px;
      }

      .main-heading .fas {
        font-size: 28px;
      }

      .sub-heading {
        font-size: 16px;
        margin-bottom: 30px;
      }

      /* Force 2 cards per row on mobile for all relevant grids */
      .fast-food-grid,
      .drinks-soups-wrapper,
      .popular-items-grid,
      .why-choose-us-grid,
      .testimonial-cards-wrapper {
        grid-template-columns: repeat(2, 1fr); /* Explicitly set to 2 columns */
        gap: 20px; /* Slightly increased gap for better appearance */
        padding: 0 15px 40px;
      }

      .indian-meals-layout,
      .tandoori-row {
        grid-template-columns: 1fr; /* Main columns stack on mobile */
        gap: 25px;
        padding: 0 15px 40px;
      }

      /* Ensure nested small cards in Indian Meals and Tandoori also have 2 per row */
      .indian-meals-right-side {
        grid-template-columns: repeat(2, 1fr); /* Explicitly set to 2 columns */
        gap: 15px; /* Reduced gap */
      }

      .tandoori-small-row {
        grid-template-columns: repeat(2, minmax(140px, 1fr)); /* Adjusted min-width for wider tandoori small cards */
        gap: 15px; /* Reduced gap */
      }

      .indian-meal-small-card,
      .tandoori-small-card {
        flex-direction: column; /* Stack image and text for small cards */
      }

      /* Smaller image height for mobile cards */
      .card-image-base {
          height: 120px; /* Adjusted from 140px, even shorter */
      }

      .indian-meal-small-card .card-image-base,
      .tandoori-small-card .card-image-base {
        min-width: unset;
        width: 100%;
        height: 100px; /* Adjusted from 120px, even shorter for small cards */
        border-radius: 12px 12px 0 0; /* Rounded top corners */
      }

      .card-content-base {
          padding: 15px; /* Adjusted padding */
      }

      .card-content-base h3 {
          font-size: 17px; /* Adjusted from 18px */
          margin-bottom: 8px;
      }
      .card-content-base p {
          font-size: 12px; /* Adjusted from 13px */
          margin-bottom: 10px;
      }

      .indian-meal-small-card .card-content-base,
      .tandoori-small-card .card-content-base {
          padding: 12px; /* Adjusted padding */
      }
      .indian-meal-small-card h3,
      .tandoori-small-card h3 {
          font-size: 16px; /* Adjusted from 18px */
          margin-bottom: 5px;
      }

      .indian-meal-small-card p,
      .tandoori-small-card p {
          font-size: 11px; /* Adjusted from 13px */
          margin-bottom: 8px;
      }
      .view-more-btn {
          font-size: 13px;
          padding: 8px 15px;
          margin-top: 10px;
      }

      .discount-badge {
          top: 8px;
          right: 8px;
          padding: 3px 6px;
          font-size: 12px;
      }

      .offer-banner-content h2 {
          font-size: 36px;
      }
      .offer-banner-content p {
          font-size: 16px;
      }
      .offer-banner-content .grab-deal-btn {
          padding: 10px 20px;
          font-size: 16px;
      }
      .popular-item-card-image {
          height: 140px; /* Adjusted from 160px */
      }
      .popular-item-card-content h3 {
          font-size: 15px; /* Adjusted from 20px */
      }
      .popular-item-card-content .price {
          font-size: 10px; /* Adjusted from 18px */
          margin-bottom: 5px;
          grid-auto-columns: 2px;
          margin-top: -30px;
      }
      .popular-item-card-content .add-to-cart-btn {
          font-size: 13px;
          padding: 7px 10px;
          width: 100%;
          border-radius: 5px;
      }
      .about-us-content h2 {
          font-size: 40px;
      }
      .about-us-content p {
          font-size: 16px;
      }
      .about-us-images img {
          height: 120px; /* Adjusted from 140px */
      }
      .about-us-images img:nth-child(1) { height: 160px;} /* Adjusted from 180px */

      .testimonial-card img {
          width: 70px; /* Adjusted from 80px */
          height: 70px; /* Adjusted from 80px */
      }
      .testimonial-card p {
          font-size: 14px; /* Adjusted from 15px */
      }
      .testimonial-card .author {
          font-size: 15px; /* Adjusted from 16px */
      }

      .why-choose-card .icon {
          font-size: 40px;
          margin-bottom: 15px;
      }
      .why-choose-card h4 {
          font-size: 20px;
      }
      .why-choose-card p {
          font-size: 14px;
      }

      
      .social-icons {
        margin-top: 10px;
      }
      .social-icons a {
        margin-right: 10px;
      }
        .tandoori-grilled-wrapper{
            padding-right: 10px;
        }
    }

    @media (max-width: 480px) {
        /* Further adjustments for very small screens */
        .main-heading {
            font-size: 24px; /* Adjusted from 26px */
        }
        .main-heading .fas {
            font-size: 22px; /* Adjusted from 24px */
        }
        .sub-heading {
            font-size: 14px; /* Adjusted from 15px */
        }
        .view-more-btn {
            padding: 7px 12px;
            font-size: 13px;
        }
        .hero-content h1 {
            font-size: 32px;
        }
        .hero-content p {
            font-size: 16px;
        }

        .offer-banner-content h2 {
            font-size: 28px; /* Adjusted from 30px */
        }
        .about-us-content h2 {
            font-size: 30px; /* Adjusted from 35px */
        }
        .about-us-images {
            grid-template-columns: 1fr; /* Stack images on very small screens */
        }
        .about-us-images img:nth-child(1) { grid-column: auto; height: 150px;} /* Adjusted from 180px */
        .about-us-images img:nth-child(2) { grid-column: auto; }
        .about-us-images img:nth-child(3) { grid-column: auto; }

        .footer-content {
            grid-template-columns: 1fr; /* Stack footer columns on very small screens */
            text-align: center;
         display: flex;
        }
     
        .tandoori-grilled-wrapper{
          margin-left: -30px;


        }
         .indian-meal-large-card .card-image-base {
        height: 200px; /* Larger image for the big card */
         }
          .offer-banner-image {
        flex-shrink: 0;
        width: 350px;
        height: 250px;
        background-size: cover;
        background-position: center;
        border-radius: 12px;
        box-shadow: 0 0px 0px rgba(0,0,0,0.0);
        padding-bottom: 25px;
       
       
       
    }
    .social-container {
        margin-left: 70px;
        
    }
    .footer-legal-info{
        margin-left: 10px;
    }
    .footer-social{
        margin-left: -20px;
    }
    .logo img{
  width: 50px;
  height:50px;
  margin-left: -10px;
}
.location-info-bottom{
    margin-left: 40px;
}
    
   



    }
 @media (min-width: 769px) {
      .footer-top {
        flex-direction: row; /* Desktop par side-by-side columns */
        justify-content: space-between;
        gap: 40px;
      }

      .about-and-links-group {
        flex: 2 1 550px;
        flex-direction: row;
        justify-content: space-around;
        gap: 20px;
      }
      
      .footer-col {
        flex: 1 1 250px;
        min-width: 180px;
      }
    }