/*==================================================
RESPONSIVE STYLESHEET
==================================================*/

/*==================================================
TABLET (>=768px)
==================================================*/
@media(min-width:768px){

    /* Topbar */
    .topbar-inner{
        justify-content:space-between;
    }

    .contact-main .deliver-box{
    flex-direction:row;
    align-items:center;
}

    /* Global Section Padding */
    .home-main .home-hero{
        padding:2rem 3rem;
    }

    /* Hero Section Start */
    .home-main .hero-title{
        max-width:480px;
    }

    /* Hero Section End */
    /* About Section Start */
    .home-main .about{
        padding:5rem 3rem;
    }

    .home-main .about-container,
.catering-main .about-container{
        flex-direction:row;
        align-items:center;
        gap:2rem;
    }

    .home-main .about-image,
.catering-main .about-image{
        flex:1;
    }

    .home-main .about-content,
.catering-main .about-content{
        flex:1;
        text-align:left;
    }

    .home-main .about-title,
.catering-main .about-title{
        font-size:40px;
    }

    .home-main .about::after{
        width:240px;
    }

    /* About Section End */
    /* About Page Start */
    .about-main .page-banner,
.contact-main .page-banner,
.gallery-main .page-banner,
.offers-main .page-banner,
.catering-main .page-banner{
        padding:4rem 3rem;
    }

    .about-main .banner-title,
.contact-main .banner-title,
.gallery-main .banner-title,
.offers-main .banner-title,
.catering-main .banner-title{
        font-size:72px;
    }

    .about-main .story{
        padding:2rem 3rem;
    }

    .about-main .story-container{
        flex-direction:row;
        align-items:center;
        gap:3rem;
    }

    .about-main .story-content,
.about-main .story-image{
        flex:1;
    }

    .about-main .values{
        padding:2rem 3rem;
    }

    .about-main .values-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    .about-main .cta,
.contact-main .cta,
.gallery-main .cta,
.offers-main .cta,
.catering-main .cta{
        padding:3.5rem 3rem;
    }

    .about-main .cta::before,
.contact-main .cta::before,
.gallery-main .cta::before,
.offers-main .cta::before,
.catering-main .cta::before,
.about-main .cta::after,
.contact-main .cta::after,
.gallery-main .cta::after,
.offers-main .cta::after,
.catering-main .cta::after{
        display:block;
    }

    /* About Page End */
    /* Contact Page Start */
    .contact-main .touch{
        padding:2rem 3rem;
    }

    .contact-main .touch-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    .contact-main .contact-lower{
        padding:2rem 3rem;
    }

    .contact-main .contact-lower-grid{
        flex-direction:row;
        align-items:flex-start;
    }

    .contact-main .form-row{
        flex-direction:row;
    }

    /* Contact Page End */
    /* Menu Page Start */
    .menu-main .menu{
        padding:2rem 3rem;
    }

    .menu-main .menu-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    .menu-main .menu-lists{
        grid-template-columns:repeat(3, 1fr);
    }

    .menu-main .menu-banner{
        min-height:400px;
    }

    .menu-main .mb-title{
        font-size:100px;
    }

    .menu-main .order-cta{
        padding:2rem 3rem;
    }

    .menu-main .order-cta-container{
        flex-direction:row;
        justify-content:space-between;
        text-align:left;
        gap:2rem;
    }

    /* Menu Page End */
    /* Gallery Page Start */
    .gallery-main .gallery-page{
        padding:3rem;
    }

    .gallery-main .gallery-page-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    /* Gallery Page End */
    /* Offers Page Start */
    .offers-main .offers-page{
        padding:3rem;
    }

    .offers-main .offers-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    /* Offers Page End */
    /* Catering Page Start */
    .catering-main .cater-intro,
.catering-main .cater-why,
.catering-main .cater-packages,
.catering-main .cater-steps,
.catering-main .cater-occasions{
        padding:3rem;
    }

    .catering-main .cater-why .why-grid{
        grid-template-columns:repeat(4, 1fr);
        gap:1.5rem;
    }

    .catering-main .packages-grid{
        grid-template-columns:repeat(3, 1fr);
        align-items:center;
    }

    .catering-main .package-card.featured{
        transform:scale(1.04);
    }

    .catering-main .steps-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    .catering-main .occasions-grid{
        grid-template-columns:repeat(4, 1fr);
    }

    /* Catering Page End */
    /* Popular Dishes Section Start */
    .home-main .dishes{
        padding:2rem 3rem;
    }

    .home-main .dishes-track .menu-card{
        flex:0 0 calc((100% - 2.5rem) / 3);
    }

    /* Popular Dishes Section End */
    /* Why Choose Us Section Start */
    .home-main .why{
        padding:2rem 3rem;
    }

    .home-main .why-grid,
.catering-main .why-grid{
        grid-template-columns:repeat(5, 1fr);
        gap:1rem;
    }

    .home-main .why-item:not(:first-child),
.catering-main .why-item:not(:first-child){
        border-left:1px solid rgba(92,15,19,0.25);
    }

    /* Why Choose Us Section End */
    /* Special Offer Section Start */
    .home-main .offer{
        padding:2rem 3rem;
    }

    .home-main .offer-photo{
        display:block;
    }

    .home-main .offer-container{
        flex-direction:row;
        justify-content:flex-start;
        text-align:left;
        align-items:center;
        gap:2.5rem;
    }

    .home-main .offer-content{
        align-items:flex-start;
    }

    .home-main .offer-title{
        font-size:82px;
    }

    /* Special Offer Section End */
    /* Gallery Section Start */
    .home-main .gallery{
        padding:2rem 3rem;
    }

    .home-main .gallery-grid{
        grid-template-columns:repeat(3, 1fr);
    }

    /* Gallery Section End */
    /* Reviews Section Start */
    .home-main .reviews{
        padding:2rem 3rem;
    }

    .home-main .review-card{
        flex:0 0 calc((100% - 1.5rem) / 2);
    }

    /* Reviews Section End */
    /* Footer */

    .footer-container{
        grid-template-columns:repeat(2, 1fr);
    }

}

/*==================================================
DESKTOP (>=1024px)
==================================================*/
@media(min-width:1024px){

    /* Global Typography */

    p,
    li,
    a,
    button{
        font-size:16px;
    }

    /* Reveal-on-scroll: fuller slide distance where side padding is ample */

    .reveal-left{
        transform:translateX(-40px);
    }

    .reveal-right{
        transform:translateX(40px);
    }

    h1{
        font-size:48px;
    }

    h2{
        font-size:34px;
    }

    h3{
        font-size:22px;
    }

    h4{
        font-size:18px;
    }

    h5{
        font-size:16px;
    }

    h6{
        font-size:15px;
    }
    
.topbar-address svg,
.topbar-contact svg{
    width:25px;
    height:25px;
   
}
.topbar-address ,.topbar-contact,.topbar-inner a{
    font-size:16px;
}
    /* Hero Section Start */
    .home-main .hero-title{
        max-width:580px;
    }

    .home-main .hero-tag{
        font-size:64px;
    }

    .home-main .hero-sub{
        font-size:64px;
    }

    .home-main .feature-title{
        font-size:26px;
    }

    .home-main .feature-text{
        font-size:13px;
    }

    .home-main .feature-icon svg{
        width:40px;
        height:40px;
    }

    /* Hero Section End */
    /* About Section Start */
    .home-main .about{
        padding:6rem 3rem 4rem;
    }

    .home-main .about-tag,
.catering-main .about-tag{
        font-size:36px;
    }

    .home-main .about-title,
.catering-main .about-title{
        font-size:46px;
    }

    /* About Section End */
    /* About Page Start */
    .about-main .page-banner,
.contact-main .page-banner,
.gallery-main .page-banner,
.offers-main .page-banner,
.catering-main .page-banner{
        padding:5rem 3rem;
    }

    .about-main .banner-title,
.contact-main .banner-title,
.gallery-main .banner-title,
.offers-main .banner-title,
.catering-main .banner-title{
        font-size:84px;
    }

    .about-main .story-title{
        font-size:42px;
    }

    .about-main .story-card{
        flex-direction:row;
        text-align:left;
        gap:1.2rem;
        width:64%;
        margin:-3.5rem 0 0 -10px;
    }

    .about-main .values-head,
.contact-main .values-head,
.gallery-main .values-head,
.offers-main .values-head,
.catering-main .values-head{
        font-size:28px;
    }

    .about-main .value-title{
        font-size:18px;
    }

    .about-main .values-grid{
        grid-template-columns:repeat(5, 1fr);
        gap:1rem;
    }

    .about-main .cta,
.contact-main .cta,
.gallery-main .cta,
.offers-main .cta,
.catering-main .cta{
        padding:4.5rem 3rem;
    }

    .about-main .cta-title,
.gallery-main .cta-title,
.offers-main .cta-title,
.catering-main .cta-title{
        font-size:44px;
    }

    /* About Page End */
    /* Contact Page Start */
    .contact-main .touch-title{
        font-size:16px;
    }

    .contact-main .touch-grid{
        grid-template-columns:repeat(5, 1fr);
        gap:1rem;
    }

    .contact-main .thanks-top{
        font-size:20px;
    }

    .contact-main .thanks-title{
        font-size:40px;
    }

    /* Contact Page End */
    /* Menu Page Start */
    .menu-main .menu-grid{
        grid-template-columns:repeat(5, 1fr);
        gap:1rem;
    }

    .menu-main .menu-lists{
        grid-template-columns:repeat(5, 1fr);
        gap:1rem;
    }

    .menu-main .mb-title{
        font-size:130px;
    }

    .menu-main .mb-script{
        font-size:46px;
    }

    .menu-main .menu-cat-title{
        font-size:22px;
    }

    .menu-main .list-title{
        font-size:17px;
    }

    .menu-card-body h3{
        font-size:17px;
    }

    .menu-main .oc-title{
        font-size:22px;
    }

    /* Menu Page End */
    /* Gallery Page Start */
    .gallery-main .gallery-page-grid{
        grid-template-columns:repeat(4, 1fr);
    }

    /* Gallery Page End */
    /* Offers Page Start */
    .offers-main .offer-card-title{
        font-size:20px;
    }

    /* Offers Page End */
    /* Catering Page Start */
    .catering-main .cater-intro .about-image,
.catering-main .cater-intro .about-content{
        flex:1;
    }

    .catering-main .step-text,
    .catering-main .occasion-card span{
        font-size:16px;
    }

    .catering-main .package-name{
        font-size:24px;
    }

    /* Catering Page End */
    /* Popular Dishes Section Start */
    .home-main .dishes-track .menu-card{
        flex:0 0 calc((100% - 3.75rem) / 4);
    }

    .home-main .section-title,
.catering-main .section-title{
        font-size:46px;
    }

    /* Popular Dishes Section End */
    /* Why Choose Us Section Start */
    .home-main .why-icon svg,
.catering-main .why-icon svg{
        width:64px;
        height:64px;
    }

    .home-main .why-title,
.catering-main .why-title{
        font-size:18px;
    }

    /* Why Choose Us Section End */
    /* Special Offer Section Start */
    .home-main .offer-title{
        font-size:96px;
    }

    .home-main .badge-big{
        font-size:52px;
    }

    /* Special Offer Section End */
    /* Gallery Section Start */
    .home-main .gallery-grid{
        grid-template-columns:repeat(5, 1fr);
    }

    /* Gallery Section End */
    /* Reviews Section Start */
    .home-main .review-card{
        flex:0 0 calc((100% - 3rem) / 3);
    }

    /* Reviews Section End */
    /* Header — full nav on desktop */

    .topbar{
        padding:0.55rem 3rem;
        font-size:13px;
    }

    .header{
        padding:0.8rem 3rem;
    }

    .nav-toggle{
        display:none;
    }

    .nav{
        position:static;
        max-height:none;
        overflow:visible;
        background:none;
        box-shadow:none;
    }

    .nav-list{
        flex-direction:row;
        align-items:center;
        gap:1.5rem;
        padding:0;
    }

    .nav-list li{
        border-top:none;
    }

    .nav-list a{
        padding:0.25rem 0;
    }

    .order-btn{
        display:inline-flex;
    }

    /* Footer */

    .footer-title{
        font-size:30px;
    }

    .footer-container{
        grid-template-columns:repeat(4, 1fr);
    }
    /* Footer end */

}

/*==================================================
LARGE DESKTOP (>=1200px)
==================================================*/
@media(min-width:1200px){

    /* Global Section Padding */
    .home-main .home-hero,
.home-main .dishes,
.home-main .why,
.home-main .offer,
.home-main .gallery,
.home-main .reviews{
        padding:4rem 0;
    }

}

/*==================================================
ACCESSIBILITY — REDUCED MOTION
==================================================*/
@media(prefers-reduced-motion: reduce){

    [data-reveal]{
        opacity:1 !important;
        transform:none !important;
    }

    .about-main .page-banner::before,
.contact-main .page-banner::before,
.gallery-main .page-banner::before,
.offers-main .page-banner::before,
.catering-main .page-banner::before,
.menu-main .menu-banner::before,
.home-main .home-hero::before,
.about-main .page-banner .banner-title,
.contact-main .page-banner .banner-title,
.gallery-main .page-banner .banner-title,
.offers-main .page-banner .banner-title,
.catering-main .page-banner .banner-title,
.about-main .page-banner .banner-tag,
.contact-main .page-banner .banner-tag,
.gallery-main .page-banner .banner-tag,
.offers-main .page-banner .banner-tag,
.catering-main .page-banner .banner-tag,
.about-main .page-banner .banner-sub,
.contact-main .page-banner .banner-sub,
.gallery-main .page-banner .banner-sub,
.offers-main .page-banner .banner-sub,
.catering-main .page-banner .banner-sub,
.about-main .page-banner .banner-note,
.contact-main .page-banner .banner-note,
.gallery-main .page-banner .banner-note,
.offers-main .page-banner .banner-note,
.catering-main .page-banner .banner-note,
.about-main .page-banner .banner-title::after,
.contact-main .page-banner .banner-title::after,
.gallery-main .page-banner .banner-title::after,
.offers-main .page-banner .banner-title::after,
.catering-main .page-banner .banner-title::after,
.about-main .page-banner .breadcrumb,
.contact-main .page-banner .breadcrumb,
.gallery-main .page-banner .breadcrumb,
.offers-main .page-banner .breadcrumb,
.catering-main .page-banner .breadcrumb,
.home-main .hero-title,
.menu-main .mb-title,
.menu-main .mb-title::after{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }

    .home-main .offer-photo,
.home-main .offer-badge,
.home-main .offer-badge::before,
.home-main .offer-tag i,
.home-main .quote-mark,
.party-box::after,
.whatsapp-float,
.home-main .hero-sub i,
.home-main .about-image img,
.catering-main .about-image img{
        animation:none !important;
    }

    .home-main .reviews-track,
.home-main .dishes-track{
        scroll-behavior:auto !important;
    }

}