.nav-toggle-open {
    border: 0 !important;
    outline: 0 !important;
    color: var(--primary) !important;
    font-size: 35px !important;
}

.nav-toggle-close {
    background-color: transparent !important;
    color: var(--primary) !important;
    display: flex;
    border: 0;
    margin-left: auto;
    font-size: 35px !important;
}

.mob-display {
    display: none;
}

.navbar-collapse.show{
    background-color: var(--color-black) !important;
     border-radius: 20px;
      padding: 12px;
}

@media screen and (max-width:1200px){}
@media screen and (max-width:991px){
    .spm-book-btn{
               margin: 5px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
       
       
    }
    .spm-reservation-text,.spm-reservation-note{
        max-width: 100%;
    }
    .spm-deal-box{
        flex-direction: column;
    }
    .spm-deal-image, .spm-deal-content{
        width: 100%;
    }
    .spm-contact-title br{
        display: none;
    }
    .spm-contact-map{
        min-height: unset;
        height: 350px;
    }
    .category-nav {
        top: 67px;
    }
}
@media screen and (max-width:768px){
    .spm-topbar-right{
        display: none ;
    }
    .spm-title{
        font-size: 60px;
    }
    .spm-side-text{
        display: none;
    }
    .spm-story-image{
        min-height: unset;
        height: 400px !important;
    }
    .spm-favorites-title{
        font-size: 40px;
    }
    .spm-reservation-title{
        font-size: 50px;
    }
    .spm-deal-image{
        height: 350px;
    }
    .spm-deal-content{
        padding: 25px;
    }
}
@media screen and (max-width:567px){
    .spm-brand img{
        width: 180px;
    }
     .spm-title{
        font-size: 45px;
    }
    .spm-signature-title{
        font-size: 23px;
        line-height: 1.5;
    }
     .spm-story-image{
        min-height: unset;
        height: 330px !important;
    }
    .spm-story-title{
        font-size: 30px;
            line-height: 1.5;
    }
        .spm-favorites-title, .spm-deals-heading h2 {
        font-size: 30px;
        font-weight: 500;
    }
    .spm-favorites-title span, .spm-deals-heading h2 span{
        font-weight: inherit;
    }
    .spm-food-content h3{
        font-size: 22px;
    }
    .spm-reservation-title{
        font-size: 40px;
    }
    .spm-booking-card{
        padding: 20px;
        border-radius: 10px;
    }
    .spm-booking-heading h3{
        font-size: 26px;
    }
    .spm-deal-content h3{
        font-size: 25px;
    }
    .spm-deal-bottom{
        flex-direction: column;
        gap: 15px;
    padding-top: 0px;
    border-top:0;
    }
    .spm-contact-title{
        font-size: 26px;
    }
    .spm-contact-arrow{
        display: none;
    }
.spm-footer{
    padding-top: 30px;
}
.menu-title{
    font-size: 20px;
}
}
@media screen and (max-width:400px){
   
     .spm-title{
        font-size: 37px;
    }
}