:root {
    --primary: #FF0000;
    --light: #F1F8FF;
    --dark: #0F172B;
}

@media (min-width: 1400px) {
    .container-xxl {
        max-width: unset;
    }

    .navbar-nav {
        margin-left: calc(100*(150vw / 1320));
    }

    .navbar-dark .navbar-nav .nav-link{
        margin-left: calc(100*(20vw / 1320));
        padding: calc(100*(35vw / 1320)) 0;
        font-size: calc(100*(12vw / 1320));
    }

    .navbar-p {
        font-size: calc(1400 * (17px/1320));
        line-height: calc(1400 * (25px/1320));
    }

    .navbar-btn {
        border-radius: calc(1400 * (10px/1320));
        font-size: calc(1400 * (17px/1320));
    }

    .navbar-dark .navbar-brand img {
        width: calc(1400 * (150px/1320));
        max-width: calc(1400 * (250px/1320));;
    }

    .top-add-phn{
        width: calc(1400*(220px / 1320));
        font-size: calc(1400*(13px / 1320));
    }

    .banner {
        /*height: calc(1400 * (800px/1520));
        height: -webkit-calc(1400 * (800px/1520));
        height: -moz-calc(1400 * (800px/1520));*/
        height: 85vh;
    }

    .banner-content{
/*        bottom: calc(1400 * (150px/1520));*/
/*        bottom: 30vh;*/
    }

    .banner-logo {
        width: calc(1400 * (250px/1320));
    }

    .name_logo_banner{
        width: calc(1400 * (550px/1320));
    }

    .name_logo_top{
        width: calc(1400 * (250px/1320)) !important;
    }

    h1.banner-restaurant-name {
        font-size: calc(1400 * (80px/1320));
    }

    .banner-restaurant-p{
        font-size: calc(1400 * (20px/1320));
    }

    .banner-btn {
        font-size: calc(100*(20vw / 1320));
        line-height: calc(100*(25vw / 1320));
        min-width: calc(100*(170vw / 1320));
        padding: calc(100*(4vw / 1320)) 0 0 0;
        border-radius: calc(100*(30vw / 1320));
    }

    .top-btn {
        font-size: calc(100*(20vw / 1320));
        line-height: calc(100*(25vw / 1320));
        min-width: unset;
        padding: calc(100*(1vw / 1320)) calc(100*(12vw / 1320)) 0 calc(100*(12vw / 1320));
        border-radius: calc(100*(30vw / 1320));
    }

    .sub-btn {
        font-size: calc(100*(17vw / 1320)) !important;
        line-height: calc(100*(25vw / 1320)) !important;
        min-width: calc(100*(175vw / 1320)) !important;
        padding: calc(100*(2vw / 1320)) 0 0 0 !important;
    }

    .banner-btn-social img {
        width: calc(1400 * (45px/1320));
    }

    .subscribe-input{
        border-radius: calc(1400 * (10px/1320));
    }

    .subscribe-btn{
        border-radius: 0 calc(1400 * (10px/1320)) calc(1400 * (10px/1320)) 0;
    }

    .testimonial-block{
        min-height: calc(1400 * (170px/1320));
    }

    .testimonial-block .heading{
        font-size: calc(1400 * (20px/1320));
    }

    .testimonial-block .comment{
        font-size: calc(1400 * (15px/1320));
    }

    .testimonial-block .customer{
        font-size: calc(1400 * (15px/1320));
    }

    .ai_microphone {
        right: 2rem;
        bottom: 6rem;
        width: 8rem;
        height: 8rem;
        padding: 2.8rem;
    }

    .ai_microphone i {
      font-size: 3rem; 
    }

    .banner-offr-content{
        width: calc(1400 * (650px/1520));
        height: calc(1400 * (650px/1520));
        padding: calc(1400 * (30px/1520)) calc(1400 * (60px/1520));
        border-radius: calc(1400 * (30px/1520));
/*        bottom: 10%;*/
    }
    .banner-offr-content h1{
/*        font-size: calc(1400 * (65px/1520));*/
        height: calc(1400 * (240px/1520));
        max-height: 48%;
    }
    .banner-offr-content h1.ofr_title_small{
        font-size: calc(1400 * (45/1520)) !important;
    }
    .banner-offr-content h1.ofr_title_medium{
        font-size: calc(1400 * (55px/1520)) !important;
    }
    .banner-offr-content h1.ofr_title_large{
        font-size: calc(1400 * (65px/1520)) !important;
    }
    .banner-offr-content p{
        font-size: calc(1400 * (30px/1520));
        margin: calc(1400 * (30px/1520)) 0;
    }
    .banner-offr-content .banner-btn{
        bottom: calc(1400 * (10px/1520));
        font-size: calc(1400 * (25px/1320));
        min-width: calc(1400 * (275px/1320));
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-prev {
        left: -10%;
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-next {
        right: -10%;
    }

    .banner-offr-content .banner-offr-content-text .link-btn {
        bottom: 0;
        /* left: calc(100*(60vw / 1520)); */
        /*right: calc(100*(170vw / 1520));*/
    }
    .banner-offr-content .banner-offr-content-text .link-btn img {
        width: calc(100*(200vw / 1520));
    }

    .mod-banner{
        width: calc(100*(625vw / 1520));
        height: calc(100 * (610vw/1520));
    }
    .mod-pizza-box{
        top: calc(100*(-5vw / 1520));
    }
    .mod-pizza-img{
        height: calc(100*(470vw / 1320)) !important;
    }
    .mod-ellipse-box{
        top: calc(100*(244vw / 1520));
        left: calc(100*(21vw / 1520));
    }
    .mod-ellipse-img{
        height: calc(100*(150vw / 1320)) !important;
    }
    .mod-fifth-text-box{
        top: calc(100*(255vw / 1520));
        left: calc(100*(55vw / 1520));
    }
    .mod-fifth-text-box p.roboto{
        font-size: calc(100*(13vw / 1320));
        line-height: calc(100*(15vw / 1320));
    }
    .mod-fifth-text-box p.agrandir-small{
        font-size: calc(100*(13vw / 1320));
        line-height: calc(100*(15vw / 1320));
    }
    .mod-fifth-text-box p.agrandir{
        font-size: calc(100*(26vw / 1320));
        line-height: calc(100*(30vw / 1320));
    }
    .mod-fourth-text-box{
        bottom: calc(100*(55vw / 1520));
        left: calc(100*(30vw / 1520));
    }
    .mod-fourth-text-box p{
        font-size: calc(100*(13vw / 1320));
    }
    .mod-title-box{
        top: calc(100*(-18vw / 1520));
        left: calc(100*(165vw / 1520));
    }
    .mod-title-img{
        height: calc(100*(225vw / 1320)) !important;
    }
    .mod-bracket-left-box{
        top: calc(100*(200vw / 1520));
        left: calc(100*(195vw / 1520));
    }
    .mod-bracket-img{
        height: calc(100*(265vw / 1320)) !important;
    }
    .mod-bracket-right-box{
        top: calc(100*(212vw / 1520));
        left: calc(100*(470vw / 1520));
    }
    .mod-first-text-box{
        top: calc(100*(250vw / 1520));
        left: calc(100*(240vw / 1520));
    }
    .mod-first-text-box p{
        font-size: calc(100*(65vw / 1320));
        line-height: calc(100*(65vw / 1320));
    }
    .mod-first-text-box p.spl {
        font-size: calc(100*(45vw / 1320));
        line-height: calc(100*(50vw / 1320));
    }
    .mod-first-small-text-box {
        top: calc(100*(470vw / 1520));
        left: calc(100*(318vw / 1520));
    }
    .mod-first-small-text-box p {
        font-size: calc(100*(20vw / 1320));
        line-height: calc(100*(25vw / 1320));
    }
    .mod-second-text-box{
        top: calc(100*(370vw / 1520));
        left: calc(100*(320vw / 1520));
    }
    .mod-second-text-box p{
        font-size: calc(100*(15vw / 1320));
        line-height: calc(100*(19vw / 1320));
    }
    .mod-countdownt-box{
        top: calc(100*(410vw / 1520));
        left: calc(100*(230vw / 1520));
    }
    .banner-text-fifth-right{
        width: calc(100*(315vw / 1320));
        border-radius: calc(100*(10vw / 1320));
    }
    .banner-text-fifth-right .date-blocks{
        border-radius: calc(100*(10vw / 1320));
        padding: calc(100*(5vw / 1320));
    }
    .banner-text-fifth-right .date-blocks .date-blocks-up{
        font-size: calc(100*(35vw / 1320));
        line-height: calc(100*(45vw / 1320));
    }
    .banner-text-fifth-right .date-blocks .date-blocks-down{
        font-size: calc(100*(15vw / 1320));
        line-height: calc(100*(20vw / 1320));
    }
    .mod-third-text-box{
        top: calc(100*(515vw / 1520));
        left: calc(100*(270vw / 1520));
    }
    .mod-third-text-box p{
        font-size: calc(100*(14vw / 1320));
        line-height: calc(100*(19vw / 1320));
    }
    .mod-waitlist-box{
        top: calc(100*(515vw / 1520));
        left: calc(100*(230vw / 1520));
    }
    .promo-code .form-control {
        height: calc(100*(42vw / 1520)) !important;
        border-radius: calc(100*(8vw / 1520)) 0 0 calc(100*(8vw / 1520)) !important;
        font-size: calc(100*(22vw / 1520)) !important;
        line-height: calc(100*(27vw / 1320)) !important;
        padding: 0 calc(100*(25vw / 1520));
    }
    .promo-code .use-btn {
        height: calc(100*(42vw / 1520)) !important;
        padding: 0 calc(100*(30vw / 1520)) !important;
        font-size: calc(100*(22vw / 1520)) !important;
        line-height: calc(100*(27vw / 1320)) !important;
        border-radius: 0 calc(100*(8vw / 1520)) calc(100*(8vw / 1520)) 0 !important;
    }
    .promo-msg {
        font-size: calc(100*(17vw / 1520)) !important;
    }

    .wkh-accordion{
        width: 85%;
    }
    .about-p{
        font-size: calc(100*(20vw / 1320));
        line-height: calc(100*(25vw / 1320));
    }
}

@media (min-width: 1800px) {
    .section-title {
        font-size: 2.5rem;
    }
    .main-text{
        font-size: 2rem;
    }
    
    .banner-offr-content{
        width: calc(1400 * (800px/1520));
        height: calc(1400 * (750px/1520));
        padding: calc(1400 * (25px/1520)) calc(1400 * (60px/1520));
        border-radius: calc(1400 * (30px/1520));
/*        bottom: 10%;*/
    }
    .banner-offr-content h1{
/*        font-size: calc(1400 * (80px/1520));*/
        height: calc(1400 * (385px/1520));
        max-height: 65%;
/*        -webkit-line-clamp: 4;*/
    }
    .banner-offr-content h1.ofr_title_small{
        font-size: calc(1400 * (65/1520)) !important;
    }
    .banner-offr-content h1.ofr_title_medium{
        font-size: calc(1400 * (72px/1520)) !important;
    }
    .banner-offr-content h1.ofr_title_large{
        font-size: calc(1400 * (80px/1520)) !important;
    }
    .banner-offr-content p{
        font-size: calc(1400 * (30px/1520));
        margin: calc(1400 * (10px/1520)) 0;
    }
    .banner-offr-content .banner-btn{
        bottom: calc(1400 * (10px/1520));
        font-size: calc(1400 * (25px/1320));
        min-width: calc(1400 * (275px/1320));
    }

    .banner-offr-content .banner-offr-content-text .link-btn {
        /*bottom: calc(100*(44vw / 1520));
        left: calc(100*(55vw / 1520));*/
        /*right: calc(100*(110vw / 1520));*/
    }
    .banner-offr-content .banner-offr-content-text .link-btn img {
        width: calc(100*(200vw / 1520));
    }
    
    .top-add-phn {
        width: calc(1400*(300px / 1320));
        font-size: calc(1400*(17px / 1320));
    }

    .banner-btn {
        font-size: calc(100*(17vw / 1320));
        line-height: calc(100*(25vw / 1320));
        min-width: calc(100*(170vw / 1320));
        padding: calc(100*(4vw / 1320)) 0 0 0;
        border-radius: calc(100*(30vw / 1320));
    }

    .top-btn{
        font-size: calc(100*(17vw / 1320));
        line-height: calc(100*(25vw / 1320));
        border-radius: calc(100*(30vw / 1320));
        min-width: unset;
        padding: calc(100*(2vw / 1320)) calc(100*(15vw / 1320)) 0 calc(100*(15vw / 1320));
    }

    .sub-btn{
        font-size: calc(100*(17vw / 1320)) !important;
        line-height: calc(100*(25vw / 1320)) !important;
        min-width: calc(100*(175vw / 1320)) !important;
        padding: calc(100*(2vw / 1320)) 0 0 0 !important;
        /*height: calc(100*(30vw / 1320)) !important;
        min-width: calc(100*(150vw / 1320)) !important;*/
    }

    .mod-banner{
        width: calc(100*(625vw / 1520));
        height: calc(100 * (610vw/1520));
    }
    .mod-pizza-box{
        top: calc(100*(-12vw / 1520));
    }
    .mod-pizza-img{
        height: calc(100*(430vw / 1320)) !important;
    }
    .mod-ellipse-box{
        top: calc(100*(243vw / 1520));
        left: calc(100*(22vw / 1520));
    }
    .mod-ellipse-img{
        height: calc(100*(150vw / 1320)) !important;
    }
    .mod-fifth-text-box{
        top: calc(100*(255vw / 1520));
        left: calc(100*(55vw / 1520));
    }
    .mod-fifth-text-box p.roboto{
        font-size: calc(100*(13vw / 1320));
        line-height: calc(100*(15vw / 1320));
    }
    .mod-fifth-text-box p.agrandir-small{
        font-size: calc(100*(13vw / 1320));
        line-height: calc(100*(15vw / 1320));
    }
    .mod-fifth-text-box p.agrandir{
        font-size: calc(100*(26vw / 1320));
        line-height: calc(100*(30vw / 1320));
    }
    .mod-fourth-text-box{
        bottom: calc(100*(30vw / 1520));
        left: calc(100*(25vw / 1520));
    }
    .mod-fourth-text-box p{
        font-size: calc(100*(12vw / 1320));
    }
    .mod-title-box{
        top: calc(100*(-25vw / 1520));
        left: calc(100*(145vw / 1520));
    }
    .mod-title-img{
        height: calc(100*(225vw / 1320)) !important;
    }
    .mod-bracket-left-box{
        top: calc(100*(188vw / 1520));
        left: calc(100*(180vw / 1520));
    }
    .mod-bracket-img{
        height: calc(100*(220vw / 1320)) !important;
    }
    .mod-bracket-right-box{
        top: calc(100*(198vw / 1520));
        left: calc(100*(450vw / 1520));
    }
    .mod-first-text-box{
        top: calc(100*(225vw / 1520));
        left: calc(100*(230vw / 1520));
    }
    .mod-first-text-box p{
        font-size: calc(100*(60vw / 1320));
        line-height: calc(100*(55vw / 1320));
    }
    .mod-first-text-box p.spl {
        font-size: calc(100*(40vw / 1320));
        line-height: calc(100*(45vw / 1320));
    }
    .mod-first-small-text-box {
        top: calc(100*(408vw / 1520));
        left: calc(100*(288vw / 1520));
    }
    .mod-first-small-text-box p {
        font-size: calc(100*(20vw / 1320));
        line-height: calc(100*(25vw / 1320));
    }
    .mod-second-text-box{
        top: calc(100*(335vw / 1520));
        left: calc(100*(300vw / 1520));
    }
    .mod-second-text-box p{
        font-size: calc(100*(14vw / 1320));
        line-height: calc(100*(19vw / 1320));
    }
    .mod-countdownt-box{
        top: calc(100*(360vw / 1520));
        left: calc(100*(200vw / 1520));
    }
    .banner-text-fifth-right{
        width: calc(100*(315vw / 1320));
        border-radius: calc(100*(10vw / 1320));
    }
    .banner-text-fifth-right .date-blocks{
        border-radius: calc(100*(10vw / 1320));
        padding: calc(100*(5vw / 1320));
    }
    .banner-text-fifth-right .date-blocks .date-blocks-up{
        font-size: calc(100*(35vw / 1320));
        line-height: calc(100*(45vw / 1320));
    }
    .banner-text-fifth-right .date-blocks .date-blocks-down{
        font-size: calc(100*(15vw / 1320));
        line-height: calc(100*(20vw / 1320));
    }
    .mod-third-text-box{
        top: calc(100*(458vw / 1520));
        left: calc(100*(235vw / 1520));
    }
    .mod-third-text-box p{
        font-size: calc(100*(14vw / 1320));
        line-height: calc(100*(19vw / 1320));
    }
    .mod-waitlist-box{
        top: calc(100*(465vw / 1520));
        left: calc(100*(215vw / 1520));
    }
    .subs-btn {
        width: calc(100*(270vw / 1320));
        padding: calc(100*(8vw / 1320)) 0;
        border-radius: calc(100*(25vw / 1320));
        font-size: calc(100*(30vw / 1320));
        line-height: calc(100*(35vw / 1320));
    }
    .promo-code .form-control {
        height: calc(100*(42vw / 1520)) !important;
        border-radius: calc(100*(8vw / 1520)) 0 0 calc(100*(8vw / 1520)) !important;
        font-size: calc(100*(22vw / 1520)) !important;
        line-height: calc(100*(27vw / 1320)) !important;
        padding: 0 calc(100*(25vw / 1520));
    }
    .promo-code .use-btn {
        height: calc(100*(42vw / 1520)) !important;
        padding: 0 calc(100*(30vw / 1520)) !important;
        font-size: calc(100*(22vw / 1520)) !important;
        line-height: calc(100*(27vw / 1320)) !important;
        border-radius: 0 calc(100*(8vw / 1520)) calc(100*(8vw / 1520)) 0 !important;
    }
    .promo-msg {
        font-size: calc(100*(17vw / 1520)) !important;
    }

    .wkh-accordion{
        width: 75%;
    }
    .about-p{
        font-size: calc(100*(16vw / 1320));
        line-height: calc(100*(23vw / 1320));
    }
}

@media (min-width: 992px) {
    .navbar-dark {
/*        position: absolute;*/
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background: #000 !important;
    }
    
    .sticky-top.navbar-dark {
        position: fixed;
        background: var(--dark) !important;
    }
}

@media (max-width: 991.98px) {
    .sticky-menu-container{
        display: inline-flex;
    }
    .banner {
        height: 97vh;
    }

    .banner-img {
        object-fit: cover;
    }

    .banner-content{
        width: 100%;
        /* left: 15%;
        text-align: left !important;*/
    }

    .banner-logo{
/*        display: inline-flex !important;*/
        max-width: 200px;
        width: auto;
    }

    .name_logo_banner{
        max-width: 300px;
        width: auto;
    }

    .banner-restaurant-p{
/*        display: none;*/
    }

    /*.banner-btn-social-group{
        display: none;
    }*/

    .banner-btn-social img {
        width: 35px;
    }

    h1.banner-restaurant-name{
        font-size: 43px;
        line-height: 37px;
    }

    .banner-btn {
        border-radius: 10px;
        font-size: 17px;
        line-height: 30px;
        min-width: 200px;
    }

    .top-btn{
        border-radius: 10px;
        font-size: 17px;
        line-height: 30px;
        min-width: 200px;
    }

    .info-btn{
        display: block;
    }

    .menu-bar-btn{
        display: block;
    }

    
    .navbar {
        position: absolute;
        top: 0;
        z-index: 9;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
/*        display: none;*/
    }
    .navbar-toggler {
        position: absolute;
        top: 17px;
        right: 15px;
        z-index: 99;
        background: #000;
        /*padding: 0.25rem 0.4rem;*/
        padding: 0.50rem 0.8rem;
    }
    .navbar-nav{
        margin: 0;
        margin-top: 50px;
    }
    /*.navbar{
        display: none;
    }*/
    .navbar-brand{
        display: none;
    }

    .navbar-btn{
        border-radius: 10px;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .contact-btn{
        display: block;
    }

    .subscribe-input{
        border-radius: 10px;
    }

    .subscribe-btn{
        border-radius: 10px;
    }

    .mob{
        display: inline-block !important;
    }

    .sticky-top.navbar-dark {
        position: relative;
    }

    .navbar-dark .navbar-collapse {
        margin: 15px 0;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .navbar-dark .navbar-nav .nav-link,
    .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 20px 0;
        margin-left: 0;
        font-family: 'SF Pro Display Regular';
        font-size: 18px;
        text-align: center;
        border: solid #fff;
        /* margin: 0 15px 0 5px; */
        /* border-bottom: 1px; */
        border-left: none;
        border-right: none;
        border-top: none;
    }

    .navbar-dark .navbar-brand img {
        max-height: 45px;
    }

    .navbar-p{
        font-size: 15px;
        line-height: 20px;
    }

    .navbar-btn{
        border-radius: 10px;
        font-size: 17px;
        margin: 10px 0;
    }

    .top-add-phn{
        width: 95%;
        font-size: 17px;
        text-align: center;
        padding: 5px 0;
        margin: 0;
        margin-left: 10px;
        display: none;
    }

    .banner-content{
        width: 100%;
        /*left: 0 !important;
        bottom: 10%;*/
    }

    .banner-restaurant-p{
/*        display: none;*/
        font-size: 1rem;
    }

    h1.banner-restaurant-name{
        font-size: 43px;
        line-height: 37px;
        margin: 10px 0;
    }

    .contact-info{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .contact-btn{
        display: block;
    }

    .subscribe-input{
        border-radius: 10px;
    }

    .subscribe-btn{
        border-radius: 10px;
    }

    .testimonial-block{
        min-height: 170px;
    }

    .testimonial-block .heading{
        font-size: 20px;
    }

    .testimonial-block .comment{
        font-size: 15px;
    }

    .testimonial-block .customer{
        font-size: 15px;
    }

    .voice_ai_modal{
        bottom: 0;
    }

    .voice_ai_modal .modal-dialog {
        max-width: 100%;
        margin: 0;
    }
    .voice_ai_modal .modal-content .close {
        right: 5px;
        top: 5px;
    }
    .voice_ai_modal .modal-body .voice_ai_modal_iframe{
        height: 750px;
        border-radius: 20px 20px 0 0;
    }
    .voice_ai_modal .modal-body .close img{
      width: 45px;
    }

    .banner-offr-content{
        width: 100%;
        height: calc(100*(1340vw / 1520));
        left: 0;
        right: 0;
        top: unset;
        bottom: 0;
        transform: unset;
        padding: 30px 30px 70px 30px;
        border-radius: 15px 15px 0 0;
        border-bottom: 1px solid #dee2e6;
    }
    .banner-sub{
        height: calc(100*(1300vw / 1520)) !important;
        border-radius: calc(100*(100vw / 1520)) calc(100*(100vw / 1520)) 0 0 !important;
    }
    .banner-offr-content .banner-offr-content-text .link-btn {
        bottom: calc(100*(125vw / 1520));
        left: calc(100*(190vw / 1520));
        width: calc(100*(785vw / 1520));
        height: calc(100*(185vw / 1520));
        /*right: calc(100*(340vw / 1520));*/
    }
    .banner-offr-content .banner-offr-content-text .link-btn img {
        width: calc(100*(600vw / 1520));
    }

    .banner-offr-content h1{
        height: 165px;
/*        font-size: 44px;*/
    }
    .banner-offr-content h1.ofr_title_small{
        font-size: 25px !important;
    }
    .banner-offr-content h1.ofr_title_medium{
        font-size: 34px !important;
    }
    .banner-offr-content h1.ofr_title_large{
        font-size: 38px !important;
    }
    .banner-offr-content p{
        margin: 10px 0;
        font-size: 18px;
    }
    .banner-offr-content .banner-btn{
       /* position: relative;
        bottom: unset;
        width: 100%;
        margin-top: 20px;*/
        bottom: 0;
        width: 100%;
    }

    .banner-offr-logo-section{
        /*width: 100%;
        min-height: 200px;
        height: auto;
        left: 0;
        right: 0;
        bottom: 400px;*/
        width: 100%;
        min-height: 200px;
        height: auto;
        left: 0;
        right: 0;
        top: 16vh;
        bottom: unset;
    }

    .banner-offr-logo-section .banner-logo{
        display: inline-flex !important;
    }

    .banner-offr-logo-section .banner-restaurant-p{
        display: block;
    }

    .full-banner{
        height: 100vh !important;
    }

    .banner-offr-content .owl-theme .owl-nav [class*=owl-]{
        font-size: 35px !important;
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-prev {
        left: -2%;
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-next {
        right: -2%;
    }
    .bottom-button-sec{
        display: block;
        height: 80px;
    }
    .btn-top{
        display: block;
        /*margin: 0 21%;*/
        font-size: 35px;
        line-height: 45px;
        min-width: unset;
        width: 250px;
        top: 40px;
        left: 37%;
        transform: translate(-50%, -50%);
    }

    .sub-btn-mob{
        display: block;
        position: absolute;
        top: 15px;
        right: 55px;
        z-index: 99;
        font-size: calc(100*(40vw / 1320)) !important;
        border-radius: calc(100*(44vw / 1320)) !important;
        padding: calc(100*(20vw / 1320)) calc(100*(30vw / 1320)) calc(100*(15vw / 1320)) calc(100*(30vw / 1320)) !important;
        height: auto !important;
        min-width: auto;
    }

    .desk{
        display: none;
    }

    .pop-desk{
        display: none !important;
    }

    .pop-mob{
        display: block !important;
    }
}

@media screen and (max-width: 576px) {
    .banner {
        height: 92vh !important;
    }

    .banner-img {
        object-fit: cover;
    }

    .banner-content{
        width: 100%;
        /* left: 15%;
        text-align: left !important;*/
    }

    .banner-logo{
/*        display: inline-flex !important;*/
        max-width: 200px;
        width: auto;
    }

    .banner-restaurant-p{
/*        display: none;*/
    }

    /*.banner-btn-social-group{
        display: none;
    }*/

    .banner-btn-social img{
        width: 30px;
    }

    h1.banner-restaurant-name{
        font-size: 43px;
        line-height: 37px;
    }

    .info-btn{
        display: block;
    }

    .menu-bar-btn{
        display: block;
    }

    /*.navbar{
        display: none;
    }*/

    .navbar-btn{
        border-radius: 10px;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .section-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .main-text {
        font-size: 1.2rem;
    }

    .contact-btn{
        display: block;
    }

    .subscribe-input{
        border-radius: 10px;
    }

    .subscribe-btn{
        border-radius: 10px;
    }

    .mob{
        display: inline-block !important;
    }

    .ai_microphone {
        right: 1.2rem;
        bottom: 6rem;
        width: 4rem;
        height: 4rem;
        padding: 1.4rem;
    }

    .ai_microphone i {
      font-size: 1.7rem; 
    }

    .voice_ai_modal{
        bottom: 0;
    }    

    .voice_ai_modal .modal-body .voice_ai_modal_iframe{
      height: 620px;
    }
    .voice_ai_modal .modal-body .close img{
      width: 35px;
    }
    .banner-offr-content .owl-theme .owl-nav [class*=owl-]{
        font-size: 25px !important;
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-prev {
        left: -8% !important;
    }
    .banner-offr-content .owl-theme .owl-nav button.owl-next {
        right: -8% !important;
    }

    .banner-offr-logo-section{
        top: 18vh;
    }
    .bottom-button-sec {
        height: 60px;
    }

    .navbar-toggler{
        top: 15px;
        padding: 0.25rem 0.4rem;
    }

    .navbar-nav{
        margin-top: 30px;
    }

    .btn-top{
        /* margin: 2.5% 10% !important; */
        font-size: 25px;
        line-height: 35px;
        min-width: unset;
        width: 68% !important;
        top: 30px;
        left: 37%;
        transform: translate(-50%, -50%);
    }
    .sub-btn-mob{
        font-size: calc(100*(70vw / 1320)) !important;
        border-radius: calc(100*(44vw / 1320)) !important;
        padding: calc(100*(40vw / 1320)) calc(100*(30vw / 1320)) calc(100*(35vw / 1320)) calc(100*(30vw / 1320)) !important;
    }

    .banner-btn{
        width: 100%;
        font-size: 25px;
        line-height: 40px;
    }

    .top-btn{
        width: 100%;
        font-size: 25px;
        line-height: 40px;
    }

    .btn-bottom{
        text-align: center;
    }

    .mod-banner {
        width: 100%;
        height: calc(100*(1340vw / 1520));
    }
    .mod-pizza-box {
        width: 45%;
    }
    .mod-pizza-img {
        height: calc(100*(1050vw / 1320)) !important;
    }
    .mod-ellipse-box {
        top: calc(100*(537vw / 1520));
        left: calc(100*(45vw / 1520));
        width: 33%;
    }
    .mod-ellipse-img {
        height: calc(100*(400vw / 1320)) !important;
    }
    .mod-fifth-text-box {
        top: calc(100*(570vw / 1520));
        left: calc(100*(175vw / 1520));
        -webkit-transform: rotate(-22deg);
        -moz-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }
    .mod-fifth-text-box p.roboto {
        font-size: calc(100*(35vw / 1320));
        line-height: calc(100*(45vw / 1320));
    }
    .mod-fifth-text-box p.agrandir {
        font-size: calc(100*(65vw / 1320));
        line-height: calc(100*(75vw / 1320));
    }
    .mod-fifth-text-box p.agrandir-small {
        font-size: calc(100*(35vw / 1320));
        line-height: calc(100*(45vw / 1320));
    }
    .mod-title-box {
        left: calc(100*(460vw / 1520));
        width: 70%;
    }
    .mod-title-img {
        height: calc(100*(525vw / 1320)) !important;
    }
    .mod-bracket-left-box {
        top: calc(100*(490vw / 1520));
        left: calc(100*(550vw / 1520));
    }
    .mod-bracket-img {
        height: calc(100*(500vw / 1320)) !important;
    }
    .mod-bracket-right-box {
        top: calc(100*(515vw / 1520));
        left: calc(100*(1190vw / 1520));
    }
    .mod-first-small-text-box {
        top: calc(100*(990vw / 1520));
        left: calc(100*(800vw / 1520));
    }
    .mod-first-small-text-box p {
        font-size: calc(100*(50vw / 1320));
        line-height: calc(100*(55vw / 1320));
    }
    .mod-first-text-box {
        top: calc(100*(580vw / 1520));
        left: calc(100*(655vw / 1520));
    }
    .mod-first-text-box p {
        font-size: calc(100*(140vw / 1320));
        line-height: calc(100*(120vw / 1320));
    }
    .mod-first-text-box p.spl {
        font-size: calc(100*(95vw / 1320));
        line-height: calc(100*(100vw / 1320));
    }
    .mod-fourth-text-box {
        bottom: calc(100*(25vw / 1520));
        left: calc(100*(70vw / 1520));
    }
    .mod-fourth-text-box p{
        font-size: calc(100*(35vw / 1320));
    }
    .mod-waitlist-box {
        top: calc(100*(1100vw / 1520));
        left: calc(100*(630vw / 1520));
    }
    .subs-btn {
        width: calc(100*(650vw / 1320));
        padding: calc(100*(25vw / 1320)) 0;
        border-radius: calc(100*(65vw / 1320));
        font-size: calc(100*(75vw / 1320));
        line-height: calc(100*(80vw / 1320));
    }

    .map-box{
        height: 300px;
    }

    .wkh-accordion{
        width: 100%;
    }
    .wkh-btn{
        font-size: calc(100*(42vw / 1320));
        font-weight: 600;
    }
    .wkh-sec{
        font-size: calc(100*(36vw / 1320));
        font-weight: 500;
    }
    .wkh-item{
        font-size: calc(100*(42vw / 1320));
        font-weight: 600;
    }
    .about-p {
        font-size: calc(100*(55vw / 1320));
        line-height: calc(100*(70vw / 1320));
    }    
    .contact-p {
        font-size: calc(100*(42vw / 1320));
        line-height: calc(100*(55vw / 1320));
    }
}