@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1160px;
    }
}
@media (min-width: 1340px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1280px;
    }
}
@media (min-width: 767.98px) {
    .header .location-select{
        width: 240px;
    }
}

@media (max-width: 1200px) {
    .header{
        background-color: #1E0906;
        .navbar-brand img{
            height: 80px;
        }

    }
    
    .header .navbar-expand-xl .navbar-nav .nav-link {
        margin-right: 0px;
        margin-bottom: 24px;
    }
       
    .menu-card .card-title{
        font-size: 24px;
        height: 72px;
    }
    .section-title{
        line-height: 1;
    }
    .map-select, .map-input .form-control{
        height: 64px;
        font-size: 24px;
    }
    .btns {
        padding: 16px 36px;
        font-size: 24px;
    }
    .hero-banner {
        background-position: center right 0px;
    }
    .footer-contact{
        min-height: 750px;
        background-position: bottom;
    }
    .navbar-collapse{
        position: fixed;
        top: 90px;
        width: 100%;
        /* max-width: 475px; */
        height: calc(100vh - 70px);
        right: 0px;
        transform: translateX(100%);
        padding: 0px 20px;
        background: rgb(0, 0, 0);
        transition: 0.3s ease-in-out;
        &.show{
            transform: none;
        }
    }
    .location-card{
        .btns{
            width: 100%;
        }
    }
}
@media (max-width: 992px) {
    .section-90{
        padding: 70px 0px;
    }
    .section-title{
        font-size: 60px;
    }
    .map-select, .map-input .form-control {
        font-size: 20px;
    }
    .making-burger {
        min-height: 1050px;
        background-position: bottom;
    }
    .footer-contact{
        background-position: bottom -200px right 0px;
    }
    .menu-slider .menu-tab-card{
        padding: 12px;
        border-radius: 20px;
        .f-24{
            font-size: 20px;
        }
    }
    .menu-slider .menu-tab-card .img-bx{
        height: 90px;
    }
    .about-founder .para {
    font-size: 20px;
}
.location-card{
    .f-20{
        font-size: 16px;
    }
}
.part-bx{
    h5{
        font-size: 28px;
        font-weight: bold;
    }
}
.franchise-how-to{
.f-48{
    font-size: 28px;
}
.f-28 {
    font-size: 20px;
}
.f-18 {
    font-size: 16px;
}
}
.three-solution{
    .section-title{
        text-align: center;
    }
}
.soln-bx{
     max-width: 80%;
     margin: auto;
     text-align: center;
 .f-48{
     font-size: 28px;
 }


}
.cart-bx{
        display: inline-flex;
        align-items: center;
        justify-content: center;
}
}
@media (max-width: 767.98px) {
    .header {
        .navbar-brand img {
            height: 60px;
        }
        &.scrolled{
            .navbar-brand img {
                height: 60px;
            }
        }
        .location-select, .order-now-btn{
            font-size: 10px;
            padding: 8px 8px 5px 8px;
            border-radius: 8px;
            img{
                max-height: 12px;
            }
        }
    }
    .navbar-collapse{
        top: 70px;
    }
    .btns {
        padding: 12px 24px;
        font-size: 20px;
    }
    .section-title {
        font-size: 40px;
    }
    .hero-banner h1{
        font-size: 60px;
        text-align: center;
    }
    .btn-banner{
        margin: auto;
        display: block;
        font-size: 20px;
        max-width: max-content;
    }
    .hero-banner {
    background-image: unset;
    &.subpage-banner{
        background-image: unset !important;
        height: 100dvh;
    }
}

.hero-banner .text-scroll span{
    font-size: 36px;
}
.menu-card {
    border-radius: 20px;
    padding: 16px 20px 16px 16px;
}
.menu-card .menu-img-bx {
    height: 80px;
}
.menu-card .card-title {
    font-size: 14px;
    height: 42px;
}
.location-banner{
    .container{
        margin-top: 80px;
        margin-bottom: auto;
    }
}
.location-box{
    iframe{
        height: 320px;
    }
    .footer {
    padding: 16px 24px;
}
}
.testimonial, .location{
    background-position: bottom;
} 
.footer-contact {
    background-position: bottom right 0px;
    padding-bottom: 170px;
    background-image: url('../assets/images/contact-banner-mobile.png');
}
.footer-links {
    font-size: 16px;
    flex-wrap: wrap;
}
.navbar-brand{
    margin-right: 0px;
}
.menu-slider .menu-tab-card{
        padding: 12px;
        border-radius: 20px;
        .f-24{
            font-size: 16px;
        }
    }
    .menu-slider .menu-tab-card .img-bx{
        height: 76px;
    }
    .gallary-tab .nav-link {
    font-size: 18px;
    padding: 16px 20px 12px 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 1;
}
.f-60 {
    font-size: 40px;
}
.about-founder .para {
    font-size: 16px;
}
.feature-card {
    padding: 16px;
    border-radius: 24px;
}
.feature-card .title {
    font-size: 18px;
    min-height: unset;
}
.feature-card .para {
    font-size: 14px;
}
.making-burger {
        min-height: 1250px;
        background-position: bottom;
    }
    .menu-card.veg::after {
    width: 32px;
    height: 32px;
    top: 8px;
    left: 8px;
    background-size: cover;
}
}

@media (max-width: 575px) {
    .menu-slider .menu-tab-card{
        .f-24{
            font-size: 12px;
        }
    }
    .menu-slide .slick-slide {
    margin: 0 4px;
}
.modal-theme{
    &.modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translate(0, -10px);
    }
    &.modal.show .modal-dialog {
        transform: none;
    }
    .modal-dialog{
        height: calc(100%);
        margin: 0px;
    }
    .modal-dialog-scrollable{
        height: calc(100%);
        margin: 0px;
    }
    .modal-dialog-centered{
        align-items: end;
    }
}
#signInModal{
     .modal-footer .btns{
        width: 100%;
    }
}

}
@media (max-width: 370px) {
.zoom-mob-8{
    zoom: 0.8;
}
.location{
    .btns{
        width: 100%;
    }
}
}