.search_radio_btn-new:hover div {
    color:red;
}
/* arrow */
.product_detail_label{
    /* width: 176px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.banner-top{
                
height:388px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.botton-below-div{
    width:120%;
    background: white;
    padding: 0 20px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.popup-offer-img{
height: 317px;
}
.company-info,.side-checkout-container,.modal-body,#res_info,#ratings,.time-rating{
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-app-region: no-drag;
}
.time-box{
width:15rem;
}
.free-drink-offer{
display:none;

}
.phone-num-btm{
cursor: pointer;
color: black;
margin-left: 0.5rem;
display: inline-block;
font-size:0.8rem;
}
.res_phone1,.res_phone2{display:none;}
.active.nav-item{
border-bottom:2px solid #FFAC2D;
background: #d9d1d18a;
}

.info-amount{
text-align:right;
}
.carttotalsec2{
display: flow-root;
box-shadow: 0 2px 8px 0 rgb(0 0 0 / 61%);
margin: 5px 10px;
padding: 15px 15px;
border-radius: 10px;
background: white;
width: 100%;
color: white;
}
.leaflet-control {
display: none;
}
.info-wrapper{
display:flex;
}
.info-box{
padding: 5px 0;
border-top: 2px solid #cdc6c6eb;
border-bottom: 2px solid #cdc6c6eb;
/* margin: 1rem 0; */
font-weight: bold;
font-size: 1.1rem;
}
.info-heading{
color: #f8ff00;
font-weight: bold;
margin-bottom:0;
}

.font-des{
font-family: mdesign;
font-size: 1.3rem;
-webkit-text-fill-color: #f8ff00;
font-weight: 500;
letter-spacing: 1px;
text-align:center;
padding-bottom:5px;

}
.info-time-span {
padding-right: 1rem;
padding-bottom: 0.5rem;
font-weight:bold;
}
.Open-info{
background: #3ecf8e;
color: #fff;
padding: 1px 6px;
border-radius: 2px;
cursor: pointer;
text-align: center;
white-space: nowrap;
font-size: 0.9rem;
text-align: center;
height: min-content;
}
.Closed-info{
background: #e35d5d;
color: #fff;
padding: 1px 6px;
border-radius: 2px;
cursor: pointer;
text-align: center;
white-space: nowrap;
font-size: 0.9rem;
text-align: center;
height: min-content;
}





.wrapper {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.wrapper svg {
width: 32px;
height: auto;
cursor: pointer;
overflow: visible;
}
.wrapper svg polygon,
.wrapper svg path {
transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.wrapper svg:hover polygon, .wrapper svg:hover path {
transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
fill: #ff4136;
}
.wrapper svg:hover .arrow {
animation: arrow-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
.wrapper svg:hover .arrow-fixed {
animation: arrow-fixed-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

@keyframes arrow-anim {
0% {
opacity: 1;
transform: translateX(0);
}
5% {
transform: translateX(-0.1rem);
}
100% {
transform: translateX(1rem);
opacity: 0;
}
}
@keyframes arrow-fixed-anim {
5% {
opacity: 0;
}
20% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
        
                .banner-top .left-logo{
                    display: flex;
                    align-items: center;
                    height: 125px;
                    width: 450px;
                    margin-left: 8%;
                    margin-bottom: 2%;
                }
                .banner-top .left-logo img{
                    height: 150px;
                    width:auto;                      
                    position: fixed;
                    top: 0;
                    z-index: 200;
                    left: 8rem;

                }
                .logo a img {
                    display: none;
                }
                .banner-top .left-logo .company-info{
                    font-size: 0.8rem;
                padding-left: 13px;
                color: white;
                }

                .banner-top .special-offer{
                    background-image: url(../images/free-offer.png);
                    position: absolute;
                    top: 14px;
                    left: 1px;
                    width: 167px;
                    height: 130px;
                    background-size: contain;
                    background-repeat: no-repeat;
                }
                .banner-top .special-offer .special{
                        transform: rotate(-45deg);
                    display: inline-block;
                    font-weight: bold;
                    color: white;
                    text-transform: uppercase;
                    margin-left: 0px;
                    margin-top: 13px;
                    }
                .banner-top .special-offer .offer{
                    transform: rotate(-45deg);
                    display: inline-block;
                    font-weight: bold;
                    color: white;
                    text-transform: uppercase;
                    margin-left: -11px;
                    margin-top: -14px;
                    font-size: 2.4rem;
                }
                .banner-top .left-logo .company-info .offer2{
                    background-color: red;
                    width: 60%;
                    text-align: center;
                }
        
                .menu-bar{
                    
                    height: 50px;
                        }
                .navigation-list{
                    
                    float:left;

                }
                .navigation-list ul {
                    font-size: 1em;
                    margin-left: -2rem;
                    height: 34px;
                }
                .navigation-list ul li{
                    padding: 8px 5px;
                    color: black;
                    display: inline-block;
                }
                .navigation-list ul li a{
                    color: black !important;
                }
                .navigation-list ul li:hover{
                    background-color: #0000000d;
                    color: #FFAC2D;
                    border-bottom: 2px solid #FFAC2D;
                }
                .time-rating{
                    padding:0.5%;
                    display: flex;
                    font-size: 1em;
                    text-align: center;
                    color: white;
                    line-height: 19px;
                    justify-content: flex-end;
                    padding-top: 1rem;
                }
                
                .time-rating .offer1{
                    
                    height:20px;
                    margin-left:2%;
                    background-color:#FFAC2D;
                    color: black;
                    font-weight: 600;
                    padding: 0 10px;
                }
                .star{
                    color: white;
                    text-align: center;
                    background: linear-gradient(135deg, #ff089c 1%,#fe792b);
                    border-radius: 18px;
                    padding: 3px 10px;
                    margin: 0px 0px 11px 6px;
                    
                    line-height: 12px;
                }

                .rating{
                color: black;
                    text-align: center;
                    margin-bottom: 9px;
                    font-weight: bold;
                    padding: 0 10px;
                }
        
                .food-item{
                    z-index: 1;
                    overflow: hidden;
                    background-color: white;
                    height: 70px;
                    
                    margin: 0 4rem 0 2rem;
                    padding-top: 1rem;

                }
                .food-item .food-item_arrows{    
                    /* font-size: 1.3rem; */
                    /* line-height: 38px; */
                    /* color: #FFAC2D; */
                    cursor: pointer;
                    
                }
            #food-item_left-button{
                    right:-15px;
                }
        
                .food-item_menu{
                    margin-left: -3rem;
                }
                
                .food-item #food-item_outer{
                overflow: hidden;
                white-space: nowrap;

                }
                

                .food-item ul li{
                    display: inline-block;
                    padding: 10px 0 0 16px;
                    text-transform: uppercase;
                    font-size: 0.9em;
                    white-space: nowrap;
                    padding-bottom: 27px;
                    
                }
                .food-item ul li:hover{
                    cursor:pointer;
                }
                .food-item ul li:nth-child(1){
                    padding-left: 0;
                }
                .food-name{
                    display: flex;
                
                }
                .food-list .food-item-description .food-name .discount-offer-main{
                    margin-top: -3px;
                    width: 133px;
                    left: 1%;
                    position: relative;
                }
                .food-list .food-item-description .food-name .discount-offer-main-text{
                    left: -115px;
                    color: white;
                    position: relative;
                    z-index: 1;
                    font-size: 1.3rem;
                    font-weight: bold;
                    top:12px;
                }
                .food-list .food-item-description .food-name span{
                    margin-left: 230px;
                    z-index: 0;
                    line-height: 20px;
                    margin-top: 16px;
                    color: white;
                    font-weight: 500;
                }

            

                .food-item-description ul{
                    width: 98%;
                }

                .food-item-description ul li .disc-per{
                    text-align: right;
                    font-size:0.8em;
                    color:  #FFAC2D;
                }
            
            .cart-add-total-new {width: 100%;font-size: 12px;}
                .cart-add-total-new-res { width: 100%;
                    background-color: #4687c5;
                    border-radius: 8px;
                    margin: 0px 0;
                    border: none;
                    padding: 5px 0;}
                    .cart-add-total-new-res:hover{
                        background-color: #1060a5;
                    }
                .cart-order-title{
                    text-align: center;
                    font-size: 1.3rem;
                    font-weight: bold;
                    margin-bottom: 1rem;
                }



                .food-list .food-item-description .food-name .discount-offer-main{
            margin-top: -3px;
            width: 133px;
            left: 1%;
            position: relative;
        }
        .food-list .food-item-description .food-name .discount-offer-main-text{
            left: -115px;
            color: white;
            position: relative;
            z-index: 1;
            font-size: 1.3rem;
            font-weight: bold;
            top:12px;
        }
        .food-list .food-item-description .food-name span{
            margin-left: 230px;
            z-index: 0;
            line-height: 20px;
            margin-top: 16px;
            color: white;
            font-weight: 500;
            }
            .food-item ul li a{
            color: #000;
            text-decoration: none;
            padding-bottom: 26px;
        }

        .food-item ul li a:hover, .food-item ul li a.current{
            font-weight:bold;
            bottom: 100%;
            border-bottom: 3px solid #FFAC2D;
            padding-bottom: 26px;
            
        }

        .food-item-description ul{
            width: 98%;
        }

        .food-item-description ul li .disc-per{
            text-align: right;
            font-size:0.8em;
            color:  #FFAC2D;
        }


        
        .restaurant-discount-offer{
            grid-area: restaurant-discount-offer;
            height: 30px;
            box-shadow: -15px 7px 28px 0 rgba(0,0,0,0.12);
            height: 80px;
            height: auto;
            overflow: hidden;
            z-index: 2;
            border-radius: 0px 5px 5px 0px;
            padding-left: 5%;
            width: 88%;
            background-color: #fffbce;
            margin: 20px;
            position: sticky;
            top: 99px;
        }
        .restaurant-discount-offer ul#restaurant-discount-offer_menu{
            float: left;
            margin-right: 5%;
        }
        .restaurant-discount-offer ul#restaurant-discount-offer_menu li img{    
            margin-top: 1.6vw;
        }
        .restaurant-discount-offer ul li a img {
            width: 158px;
            height: 85px;
        }
        .restaurant-discount-offer img{
            border-radius: 5px;
        }

        .restaurant-discount-offer ul  li{
            display: inline-block;
            text-transform: uppercase;
            font-size: 0.9em;
            
        }
        
        .restaurant-discount-offer ul li a{
            color: #000;
            text-decoration: none;
            padding-bottom: 0.4vw;
        }



        .restaurant-discount-offer-description ul{
            margin-top: 8vh;
            width: 98%;
        }

        .restaurant-discount-offer-description ul li .disc-per{
            text-align: right;
            font-size:0.8em;
            color:  #FFAC2D;
        }
        .restaurant-discount-offer ul li span{
            position: absolute;
            display: block;
            color: red;
            width: 2px;
            height: 100%;
        }
        .restaurant-discount-offer ul li span:nth-child{
            bottom: 100%;
            left:0;
            width: 2px;
            height: 100%;
        
        }


        .restaurant-discount-offer ul li a img{
            width: 135px;
            height: 80px;
            transition: transform .4s;
        }


    

        .right-part span.right-part-close-btn{    
            float: left;
            padding: 5px 10px;
            position: absolute;
            left: 1vw;
            top: 0;
            font-size: 24px;
            background: #fff;
            cursor: pointer;
            display: none;
        }

        body.right-part-open{    
            overflow: hidden;
        }



        .restaurant-discount-offer header{
            margin-bottom: 0px;
            padding-top: 8px;
            font-size: 0.8rem;
        }

        .discount{
            color: #fff;
            border-radius: 5px;
            padding: 5px 13px;
            position: relative;
            width: 62px;
            top: -10px;
            left: 16%;
            background-image: linear-gradient(#ef0600, #f2c110);
            font-weight: bold
        }
        .food-span{
            
            border-radius: 5px;
            position: relative;
            top: -1px;
            left: -14px;
            text-align: center;
            font-weight: bold;
        }
        .regular{
            top: -30px;
        }

        .regular div{
            text-align: center;
        }
        .regular div a {
            text-decoration: none;
            
            text-transform: uppercase;
        }





        .food-list{
        display: grid;
        grid-template-columns: 50% 50%;
        /* margin:0 2rem 0 2rem; */
        } 

        .food-list-header{
            grid-column: 1/3;
            box-shadow: none !important;
            margin-bottom: 5px !important;
        }

        .food-item-description{
            background-color: #fff;
            padding-left: 75px;
            padding-top: 19px;
            padding-bottom: 19px;

            margin-top: 3vh;
        }

        

        .food-item-description ul li .food-description{
            font-size: 14px;
            color: #707070;
            padding: 5px 0px;
        }    


        .food-item-description ul li .food-price{
            font-weight: bold;
            width: 100%;
        }


        .food-item-description ul li .food-price i{
            color: #4273ff;
            float: right;
        }
        .food-item-description ul li .disc-per {
            text-align: right;
            font-size: 0.8em;
            color: #fff;
            background: url("../images/discount-banner.png") no-repeat;
                background-position-x: 0%;
                background-position-y: 0%;
                background-size: auto;
            background-size: contain;
            background-position-y: 55%;
            background-position-x: 55%;
            float: right;
            padding: 0 19px;
        }
        .category-head-section {
            width: 100%;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }


            .new-design-container,.food-item-head,.food-item-head-descriptiom,.product__detail-category{
                font-family: "opensans" !important;

            }
            .new-design-container{
                margin-left: 0;
                margin-right: 0;
            }
            .food-item-head{
                padding: 0;
                margin-bottom:1rem;
            }
            .food-item-head-descriptiom{
                margin-left: 0;
                margin-bottom: 1rem;
                font-size: 14px;
                line-height: 1.28;
                font-weight: 300;
                color:black;
            }
            .heading_bottom_new {
            font-size: 24px;
            font-weight: 700;
            color: black;
            }
            .food-item-head-descriptiom {
            border-bottom: none;
            color: #665;
            font-weight: bold;
            }
            .food-item-border {
            border-top: none;
            }
            .sample {
            margin-bottom: 1.5rem;
            width:97%;
            /* box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08); */
            cursor: pointer;
            -webkit-user-select: none;
            -webkit-user-drag: none;
            -webkit-app-region: no-drag;
            transition: box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;
            border-radius: 5px;
                }
            /* .food-list-items:hover {
                
                    background: #04eaf412;
                    margin-right: 0;
                    margin-left: 0;
                    padding:0 10px;
                } */
                .add_product {
            padding: 0;
            background: none;
            border: 0;
            color: #0b75b5;
            height: 40px;
            font: 14px GothamRounded_Book;
            }
            .add-btn-icon{
                cursor: pointer;
                float: right;
            }
            .product__detail-category{
                padding: 0.15rem 0;
            }
            .grid-container {
                display: grid;
                grid-template-columns: auto auto auto;
                }
                .food-item-head-descriptiom {
            padding: 0px 1px 14px 1px;
                }
                #food-item_right-button{
                    left: 0;
                }
                .side-checkout-container{
                    position: sticky;
                    top:4rem;
                    box-shadow: 0 2px 28px 0 rgba(0,0,0,.12);
                    height:100vh;
                    margin-bottom: 1rem;
                    padding: 0;
                    /* max-height: 79rem; */

                }
                
                #food-item_menu{
                    padding: 0;
                }
                
                .food-item-list{
                    padding:15px 0px 15px 15px;
                }
                .food-item-border{
                    padding: 0;
                }
                .food-item-name {
                        font-family: "opensans";
                        font-size: 1.3rem;
                        font-weight: 700;
                        line-height: 1.25;
                        text-transform: capitalize;
                        display: flex;
                        align-items: flex-end;
                    }
                    .product__detail-category {
            padding: 0.15rem 0;
            line-height: 1.28571;
            margin-top: 4px;
            margin-bottom: 5px;
            overflow: hidden;
            font-size: 1rem;
            font-weight: 300;
            text-overflow: ellipsis;
            
            /* max-width: 70%; */
        }
        .product_detail_description{
            /* min-height: 4rem; */
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
                display: -webkit-box;
            }
        .food-item-container{
            position: -webkit-sticky;
            position: -moz-sticky;
            position: -o-sticky;
            position: -ms-sticky;
            position: sticky;
        top: 115px;
        background: white;
        z-index: 3;
        box-shadow: 1px 8px 8px 0 rgba(0,0,0,.05);
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        }
        .menu-item-container{
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        position: sticky;
        top: 64px;
        background: white;
        z-index: 3;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding:0 1rem;
        display: block;
        }
        .free-drinks-container{
            color: #065b95;
            font-weight: bold;
        }
        .hoverEffect{
            font-weight: bold;
            border-bottom: 3px solid #FFAC2D;
            color:#0067a0 !important;
        }
        .offer-list{
            display: none;
}

.cart-grp{
padding-bottom: 0.4rem;
}
.cart-res-size-padd{
box-shadow: 0px 12px 3px -14px #333133;
padding-bottom: 5px;
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-app-region: no-drag;
}
#new_cart_update{
    /* position: relative;
    height: 100vh; */
}
.cart-overflow{
/* max-height: 35vh; */
/* max-height: calc(85vh - 390px); */
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #0b75b5 transparent;
cursor: pointer;
flex: 1;

}

.cart-icons{
padding: 3px 7px;
border-radius: 5px;
}
.cart-icons:hover{
box-shadow: 0 2px 28px 0 rgba(0,0,0,.12);
cursor: pointer;
}
.quantitycount{
margin-top: -3px;
}
.cart-overflow::-webkit-scrollbar {
height: 5px;
width: 5px;
}
.cart-overflow:hover{
scrollbar-color:transparent;
}

.cart-add-total-new{
background: none;
}
.modal-scroll-container{
/* overflow-y:auto; max-height:35vh; scrollbar-width:thin; scrollbar-color:#286090 transparent;display: block; */
display: block;
}
.modal-scroll-container::-webkit-scrollbar {
height: 5px;
width: 13px;
}
.modal-scroll-container:hover{
scrollbar-color:#286090 transparent;
}
.modal-scroll-container::-webkit-scrollbar-thumb {
background: #286090;
-moz-appearance: none !important;
}


.rest-name-header{
display: none;
}
.carttotalsec{
    /* display: flow-root; */
    box-shadow: 0px 0px 0px 1px rgb(0 0 0);
    margin: 5px 10px;
    padding: 0 10px;
    border-radius: 10px;
    background: white;
    /* position: absolute; */
    /* bottom: 15px; */
    text-align: left;
}
.cart-add-total-new{
padding: 0;
}
.info-vat i{
color: green;
padding-right: 0.5rem;
font-size: 1.4rem;
position: absolute;

} 
.info-vat {
font-size: 0.8rem;
position: relative;
/* padding-top: 5px; */
}
.info-details {
/* padding-left: 22px; */
font-size: 12px;
}
.offerSection{
padding:0 0.3rem !important;
}
.offer-btn{
background: linear-gradient(to bottom,red,#b00404c9,red);
width: max-content;
padding: 1px 20px;
border-radius: 20px;
color: white;
    }
    .offer-btn-container{
        background: linear-gradient(to right,#49a476,#05184f, #c4dce0);
        width: max-content;
        padding: 2px;
        border-radius: 20px;
        margin-top: 3px;
    }
    .offer-btn:hover{
        background:linear-gradient(to bottom,red,#df4f4fc9,red);
        cursor:pointer;
    }
    .offer-img-container{
        border-radius: 6px;
    }
    .offer-notification{
        color: white;
        padding: 2px;
        width: max-content;
        position: absolute;
        top: 0px;
        right: 24px;
        background-color: #bf3737;
        border-radius: 8px;
        font-size: 0.9rem;
    }

.offer-column{
margin-bottom: 20px;
}
.offer-column:nth-child(1){
max-height: 0;
}
.product_select_size:hover{
background: none !important;
}

.offer_menu_bg{
/* -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.49) !important; */
padding: 0;
}


.normalOfferAddons,.normalCokeAddons {
padding: 0 5px;
}
.normalOfferAddons span,.normalCokeAddons span{
font-size:0.8rem;
}
.normalOfferAddons button,.normalCokeAddons button{
height: 30px !important;
}
.left-wrap-check.checkbox.checkbox-inline {
margin-bottom: 6px;
}


.new-design-container{
display: flex;
flex-direction: row;
margin-top:37px;
}
.left-menu-container {
width: calc(100% - 352px);
}
.side-checkout-container{
width: 352px;
}
.shopping-cart-btm{
padding-bottom: 1rem;
}
.shopping-cart-btm i{
color:white;
}
.checkout-btn-btm {
padding-top: 1rem;
font-size: 1.5rem;
}
.total-val-btm {
padding-top: 1.1rem;
}

.checkout-btn-bottom{
position: fixed;
bottom: env(safe-area-inset-bottom);
width: 100%;
background-color:white;
/* padding:5px  15px; */
text-align: center;
border: none;
color: #fff;
/* font-style: arial; */
/* font-weight: 24px; */
cursor: pointer;
outline: none;
z-index: 5;
display: none;
box-shadow: 0 .188rem 1.25rem rgba(0, 0, 0, .1);
}
.checkout-btn-inner{
    padding: 5px 15px;
    margin: 16px;
    border-radius: 10px;
    background: #157ad1;
    height: 64px;
    align-items: center;
    box-shadow: 0px 7px 20px 1px #00000030;
}
.right-part-close-btn{    
    float: left;
padding: 0px 6px;
position: absolute;
right: 8%;
top: 1%;
font-size: 30px;
background: #e14646;
cursor: pointer;
display: none;
line-height: 30px;
border-radius: 14px;
}







.modal-inner-element{
    padding: 5px 0;
    background: #04eaf412;
    margin: 0 15px;
    border-radius: 15px;
    border: 1px solid #0000004f;
}
.free-drink-div{
margin: 5px;
}
.add-to-cart{
border-top: none !important;
padding-top: 0 !important;
margin:0 0 1rem 0;
}
.add-to-cart div{
padding:0;
}
.edit-product-km{
background-color: white;
}
.add-product-items-minus{
color:#157ad1;
}


.popupContainer{
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.49);
position: fixed;
top: 0px;
z-index: 1000;
display: none;
}
.display-box {
border: 3px solid  #286090;
padding: 10px 0;
font-size: 1rem;
font-weight: bold;
text-align: center;
}
.login-close{
    float: right;
    font-size: 19px;
    font-weight: bold;
    position: absolute;
    width: 35px;
    padding: 8px 7px;
    text-align: center;
    top: -15px;
    right: 0px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 100%;
    color: black;
    opacity: 1;
    z-index: 2;
}
.registerbutton {
padding: 10px 25px;
}
.footer-delivery-address{
display:none;
}
.image-offer-prev{
width: calc(100% - 95px);
}

.add-btn-icon-offer{
padding-right: 20px;
}
.image-offer{

width: 140px;
height: 85px;
background-position: center;
background-size: cover;
box-shadow: 0 2px 8px 0 rgba(164, 159, 159, 0.99);
}
.offer-display-img {
height: 10px;
width: 90px;

}
.backgroundchange{
background-color: red;
}



/* media query */

@media only screen and (max-width: 1693px){


.side-checkout-container {
/* height: 116vh; */
/* max-height: 88rem; */
    }
.menu-bar{
    margin:0 1%;
}
/* .navigation-list ul li {
padding: 1.5% 0%;
} */
.navigation-list ul {
font-size: 0.9em;
}
#food-item_right-button {
left: 20px;
}
#food-item_left-button {
right: 10px;
}


}

@media only screen and (max-width: 1364px){


.nav-link {
display: block;
padding: .5rem 0.5rem;
}
/* .navigation-list ul li {
padding: 1.7% 0%;
} */

}
@media only screen and (max-width: 1200px){
    .foodlistwrapper {
    padding: 0 !important;
}
.sample{
    grid-column: 1/3;
    width:93%;
}
.food-list{
    margin: 0;
}
.banner-top {
height: 300px;
}
.nav-link {
display: block;
padding: .4rem 0.3rem;
}
.navigation-list ul {
font-size: 0.8em;
}
.star {
margin: 0px 0px 14px 6px;
line-height: 12px;
font-size: 0.8rem;
}
.rating {
font-size: 0.8rem;
}.menu-bar {
height: 46px;
}

}
@media only screen and (max-width: 1120px){

.navigation-list ul {
    font-size: 0.75em;
}
.nav-link {
    display: block;
    padding: .5rem 0.25rem;
}
.menu-bar {
    height: 42px;
}
.navigation-list ul li {
    padding: 6px 2px;
    }
}
@media only screen and (max-width: 1050px){
.navigation-list ul li {
padding: 10px 2px;
}
.navigation-list ul {
font-size: 0.9em;
}
#food-item_right-button {
left: 2%;
}
#food-item_left-button {
right: -2%;
}
.menu-bar {
height: 50px;
}
}
@media only screen and (max-width: 1050px){

    .navigation-list{
        padding-right:0;
    }
    .navigation-list ul {
    font-size: 0.7em;
}
.star {
    font-size: 0.7rem;
}
}
@media only screen and (max-width: 1024px){
.offer-column:nth-child(1){
max-height: unset;
}
    .offer-column{
    padding-left: 5px !important;
    padding-right: 5px !important;
    
}

}

@media only screen and (max-width: 992px){
.container{
    max-width: 100%;
    padding: 0 10px;
}
.food-container{
    width:90%;
}
.botton-below-div{
    width:100%;
    background: white;
}
#edit-product .close {
    right: 4%;
}
.food-item-list{
    padding: 16px 5px 16px 13px;
}

#edit-product .modal-body,.modal-header-scroll {
width: 100% !important;
}
#edit-product .close {
    top: 20px;
    right: 4% !important;
}
.banner-top .left-logo img{
                left:2rem;
            }

.food-item{
    height: 50px;
    padding-top: 5px;
    margin:0;
}
.food-item .food-item_arrows{
    top:46%;
}
.left-menu-container{
    width:100%;
    margin-right: 0;
}
.side-checkout-container{
        display: none;
        background-color: #fff;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        transition: display 2s;
        z-index:10;
    }
.checkout-btn-bottom{
/* display: flex; */
z-index: 11;
}

#edit-product .modal-body {
width: 120%;
}

.product__detail-category-width {    width: 98% !important;    box-shadow: 0 1px 5px 0 rgba(47, 95, 129, 0.12);    margin: 5px 5px;float:left;}

#edit-product .modal-body {
width: 100% !important;
} 
.free-drink-div{
max-width: 98%;
}
.navigation-list ul li {
padding: 9px 5px;
}
.navigation-list ul {
font-size: 0.85em;
}
#food-item_right-button {
left: -2%;
}
#food-item_left-button {
right: -5%;
}
}
@media only screen and (max-width: 829px){
.right-part-close-btn {
display: block;
z-index: 7;
}
}
@media only screen and (max-width: 975px){
.nav-link {
padding: .5rem 0.5rem;
}
.navigation-list ul {
font-size: 0.8em;
}
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
#food-item_right-button {
left: -20px;
}
#food-item_left-button {
right: -50px;
}
}

@media only screen and (max-width: 825px){
.navigation-list ul li {
padding: 10px 4px;
}
.navigation-list ul {
font-size: 0.75em;
}

}

@media only screen and (max-width: 768px){
.navigation-list ul li {
padding: 2.3% 0.5%;
}
.navigation-list ul {
font-size: 0.75em;
}

}
@media screen and (max-width:760px) {
body{
scrollbar-color:#666 #201c29;
-webkit-overflow-scrolling:touch
}
body::-webkit-scrollbar {
width:8px;
height:8px
}
body::-webkit-scrollbar-thumb{
background:#5e5e5e;
border-radius:8px;
box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)
}
body::-webkit-scrollbar-track{
background:linear-gradient(90deg,#434343,#434343 1px,transparent 0,transparent)
}
}

@media only screen and (max-width: 750px){
.navigation-list ul li {
padding: 10px 2px;
}
.navigation-list ul {
font-size: 0.7em;
}
.offer-btn {
    padding: 1px 10px;
}
}
@media only screen and (max-width: 695px){
.info-wrapper{
    display:block;
}
.carttotalsec2{
    width: 98%;
}

.carttotalsec2{
    margin: 10px 0;
}
}
@media only screen and (max-width: 650px){

.star {
font-size: 0.5rem;
}
.rating {
font-size: 0.5rem;
}

}

@media only screen and (max-width: 576px){
.info-vat i{
    font-size: 1.5rem;      
    } 
.side-checkout-container {
top: 4.6rem;
height: 100%;
padding-bottom: 4rem;
position: fixed;
overflow-y: hidden;
z-index: 5;

}
.new-design-container{
margin-top:63px;
}
.carttotalsec2{
width: 99%;
}

.menu-bar {
    margin:0 -15px;
}
.banner-top {
height: 200px;
}
.banner-top .left-logo img{
    height: 55px;
    left: 43%;
    display: none;
}
.logo a img {
    display: block;
}


.add-to-cart{
    position: fixed;
    bottom: -23px;
    left: 0px;
    right: 0px;
    background: white;
    padding: 15px;
    box-shadow: -8px -3px 6px 0 rgba(0, 0, 0, 0.45);
}
.total-val-btm {
padding-top: 0;
}
.add-to-cart div{
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
}
.add-product-items-minus {
top: 17px;
}

.message-text-area{
    min-height: 120px;
}
.modal-content-modified{
    height: 100vh;
    padding-top: 1rem;
}
.modal-dialog{
    margin: 0;
}
.modal-inner-element,#below-product-size{
    padding-left: 0px;
    padding-right:0px;
}
.product__detail-category-width{
    margin-left: 3px;
    /* width: 97.5%; */
}
.free-drink-div{
    margin-left: 3px;
}
.modal-headers{
    margin-top: 2rem;
}
#edit-product .close, .login-close{
    top:5px !important;
    right: 20px !important;

}
.sample{
    margin-bottom: 0.5rem;
}
#food-item_outer{
    overflow-x: scroll !important;
}
.modal-scroll-container{
    /* max-height: unset; */
}
.modal-header-label{
padding: 0px 1rem;
/* width: 97.5%; 
margin: 10px 0;
margin-left: -5px; */
/* padding-left: 1rem; */
}
.carttotalsec{
    /* position: fixed;
    bottom: 6px;
    width: 87%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%); */
        margin: 5px 1px 5px 10px;
}
.right-part-close-btn{
top:5%;
}
.time-rating{
    display: none;
}
.navigation-list{
    margin-left:0.5rem;
    /* margin-top:5px; */
}
.navigation-list ul li{
    font-size: 1.4em;
    padding: 7px 8px;;
    font-weight: bold;
}
.nav-link{
    padding:.5rem 0.6rem;
}
.checkout-btn-btm{
    padding-top: 0;
    font-size: 0.875rem;
}
.cart-icon-btm{
    padding-top:10px;
}
.plus-minus{
    padding-top: 0 !important;
}
.add-product-items-plus {
bottom: 10px;
}
.edit-product-km{
    font-size: 1rem;
    width: 90%;
}
.popup-offer-img {
height: 210px;
margin-top: -3rem;
}
.food-item ul li a {
padding-bottom: 15px;
}
.food-item ul li a:hover, .food-item ul li a.current{
            font-weight:bold;
            bottom: 100%;
            border-bottom: 3px solid #FFAC2D;
            padding-bottom: 15px;
            
        }
#food-item_right-button {
left: 0;
visibility: visible !important;
}
#food-item_left-button {
right: 0;
    }
    .wrapper svg {
        width: 20px;
    }


.new_menu_bg3D{
flex-direction: column-reverse;
}
.phone-info-btm{
padding-left:0;
}
.offerSection {
padding: 0.2rem 0.25rem !important;
}
.offer-btn-container {
margin-top: 0px;
}
}
@media screen and (max-width: 415px){
.time-box{
    width:14rem;
}
.html{
-webkit-text-size-adjust: none;
touch-action: pan-y;
}   
.nav-link {
padding: .8rem 0.25rem;
}
.offerSection {
padding: 0.6rem 0.25rem !important;
}
.navigation-list ul li {
font-size: 1.2em;
padding: 1.2% 2%;
}
.image-offer {
width: 100px;
height: 70px;
}
.image-offer-prev {
width: calc(100% - 70px);
}
}
@media screen and (max-width: 415px){
.navigation-list ul li:nth-child(4){
    display:none;
}
}
@media screen and (max-width: 345px){
.navigation-list ul li {
font-size: 1.1em;
padding: 1.3% 1%;
}
}
@media screen and (max-width: 320px){

.nav-link {
padding: .85rem 0.25rem;
}
.time-box{
width:13rem;
}
}

@media screen and (max-width: 280px){  
.time-box {
width: 9rem;
}
}