/* Mobile styles */
@media (max-width: 768px) {
    .popup-card {
        max-width: 500px;
    }
    .top-bar, .nav-menu {
        display: none;
    }

    h1.header-title {
        font-size: 2rem;
        margin: 1rem 0;
    }

    h1.logo-title {
        font-size: 2rem;
    }

    .wave {
        height: 300px;
        margin-top: -11rem;
    }

    .decoration-1 {
        top: -30%;
        left: 10%;
        animation: MoveDownUp 4s linear infinite;
        width: 90px;
    }

    .decoration-2 {
        transform: rotate(306deg);
        animation: MoveDownUp 4s linear infinite;
        width: 85px;
        top: 100%;
        right: 0;
    }

    .leaf-1 {
        top: -15%;
        right: 0;
        /* transform: rotate(30deg); */
        animation: MoveDownUp 4s linear infinite;
        width: 46px;
    }

    .leaf-2 {
        right: 25%;
        top: -25%;
        animation: MoveUpDown 4s linear infinite;
        width: 46px;
    }

    div#imageCarousel {
        margin-left: 0rem;
        margin-top: -3rem;
    }

    .carousel-item {
        margin-right: 0;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 225px;
    }

    .cilantro {
        display: none;
    }

    .onion {
        animation: MoveUpDown 4s linear infinite;
        /*transform: rotate(92deg) !important;*/
        width: 150px;
        left: -8%;
        bottom: 30%;
    }
    .mobile-onion {
        display: block;
        margin-left: 1rem;
    }
    .desk-onion {
        display: none;
    }
    .partner-container {
        width: 100%;
        margin: 0 auto;
    }

    .container-fluid.p-5.pt-0 {
        padding: 1rem !important;
    }

    .why-chennai {
        font-size: 1rem;
    }

    img.feature-icon {
        margin-top: 0rem;
        width: 115px;
    }

    h3.feature-title {
        font-size: 1.5rem;
    }

    .feature-text {
        font-weight: 400;
        font-size: 18px;
        color: var(--dark-blue);
        padding: 14%;
        margin-top: -3rem;
    }

    .hamburger {
        display: block;
        width: 30px;
        position: absolute;
        right: 0.5rem;
        top: 1rem;
        z-index: 1000;
    }

    .logo-container {
        height: 150px;
    }

        .logo-container img {
            margin-left: 0rem;
            width: 150px;
            /* margin-top: 1rem; */
        }


    .close-icon {
        display: block;
    }

    .contact-info {
        flex-direction: column;
        align-items: flex-end;
    }

    .nav-menu {
        justify-content: center;
        flex-wrap: wrap;
    }

    .tagline {
        font-size: 2rem;
        top: -15%;
        line-height: 4rem;
    }

    span.second-text {
        font-size: 2rem !important;
    }

    .tagline .of {
        font-size: 2rem;
    }


    .feature-container {
        aspect-ratio: auto;
        /*margin-bottom: 1.5rem;*/
    }

    .feature-circle {
        border-radius: 25px;
        padding: 1.5rem;
        background-position-x: center;
    }

    .main-content {
        flex-direction: column;
    }

    /*franchies section*/
    .logo {
        font-size: 32px;
        text-align: center;
    }

    .intro h2 {
        font-size: 20px;
    }

    .section-title {
        font-size: 26px;
    }

    .image-container {
        order: 2;
    }

    .features-container {
        order: 3;
    }

    .unique-offerings {
        order: 4;
        margin: 0;
        padding: 1rem;
    }

    /*MEnu styles*/
    .banner-text, .freshly-text {
        padding: 15px;
    }

    .big-no {
        font-size: 4rem;
    }

    .no-list {
        font-size: 1.2rem;
    }

    .freshly-text {
        font-size: 1.6rem;
    }


    .food-card {
        height: 100px;
        padding: 2rem 10px;
        border-radius: 30px;
        width: 100%;
        margin-bottom: 4rem;
    }

    .food-name {
        font-size: 0.9rem;
        margin-top: -0.3rem;
    }

    .food-desc {
        font-size: 0.9rem;
    }

    .food-card img {
        width: 80px;
        height: 80px;
        margin-top: -3rem;
    }

    .vision-mission-image {
        position: static;
    }

    .pani-puri-icon {
        display: none;
    }

    .footer-nav, .social-icons {
        margin-top: 1.5rem;
    }

    .copyright {
        /*text-align: center;*/
    }


    .popup-content {
        flex-direction: column;
    }

    .popup-form {
        order: 1;
    }

    .popup-image {
        order: 2;
        padding: 20px 0;
        display: none;
    }

        .popup-image img {
            max-height: 200px;
        }

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

    .features-container .section-title {
        margin-left: 0rem !important;
    }

    img.franchies-icon {
        left: 0;
    }

    li.feature-item div {
        text-indent: 3rem;
        font-family: 'Barlow' !important;
        font-size: 1.3rem;
        font-weight: normal;
        text-align: left;
    }

    .unique-offerings img.franchies-icon {
        left: -1rem;
    }

    .unique-offerings li.feature-item div {
        text-indent: 2rem;
        font-size: 1.3rem;
    }

    a#openPopupBtn {
        margin-left: 20%;
    }

    .hero-section {
        padding: 25px 0;
    }
    .body-content {
        text-align: left;
    }
    .feature-list {
        width: 95%;
    }
    .footer-contact {
        font-size: 1.3rem;
    }
}
@media (max-width: 360px) {
    .feature-list {
        width: 84%;
    }
    .food-name {
        font-size: 0.6rem;
        margin-top: -0.3rem;
    }

    .food-desc {
        font-size: 0.7rem;
    }
    .unique-offerings {
        margin-top: -1rem;
    }
}