/*@font-face {
    font-family: 'basisgrotesquepro-regular-webfont';
    src: url('../fonts/basisgrotesquepro-regular-webfont.ttf') format('truetype');
    src: url('../fonts/basisgrotesquepro-regular-webfont.woff') format('woff');
    src: url('../fonts/basisgrotesquepro-regular-webfont.woff2') format('woff2');
    src: url('../fonts/basisgrotesquepro-regular-webfont.eot') format('embedded-opentype');*/
   /* src: url('../fonts/proximanova-bold-webfont.ttf') format('truetype');
    src: url('../fonts/proximanova-bold-webfont.woff') format('woff');
    src: url('../fonts/proximanova-bold-webfont.woff2') format('woff2');*/
    /*src: url('../fonts/proximanova-regular-webfont.ttf') format('truetype');
    src: url('../fonts/proximanova-regular-webfont.woff') format('woff');
    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2');*//*
    src: url('../fonts/proximanova-light-webfont.ttf') format('truetype');
    src: url('../fonts/proximanova-light-webfont.woff') format('woff');
    src: url('../fonts/proximanova-light-webfont.woff2') format('woff2');*/
/*}
@font-face {
    font-family: 'proximanova-black-webfont';
    src: url('../fonts/proximanova-black-webfont.ttf') format('truetype'), url('../fonts/proximanova-black-webfont.woff') format('woff'), url('../fonts/proximanova-black-webfont.woff2') format('woff2');
}
@font-face {
    font-family: 'proximanova-bold-webfont';
    src: url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), 
        url('../fonts/proximanova-bold-webfont.woff') format('woff'), 
        url('../fonts/proximanova-bold-webfont.woff2') format('woff2');
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), 
        url('../fonts/proximanova-regular-webfont.woff') format('woff'), 
        url('../fonts/proximanova-regular-webfont.woff2') format('woff2');
}*/





body {
    /*font-family: "Blinker", sans-serif;*/
    /*font-family: 'basisgrotesquepro-regular-webfont';*/
    font-family: "Poppins", sans-serif;
    padding: 0;
    margin: 0;
}

* {
    box-sizing: border-box;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

.brand-logo img {
    display: block;
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

html.open {
    overflow: hidden;
}

/* Location page style */
.location-header {
    padding: 17px 0;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 6%);
    position: relative;
    z-index: 9;
}
.select-location-main-wrap {
    background: #FFFAF6;
    position: relative;
    /* min-height: 740px; */
    padding: 40px 0 80px;
}
/*.pickup-and-delivery-section {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 16px 0px;
}
*/
.location-footer {
    padding: 50px 0;
}
.select-location-main-wrap .brand-logo {
    padding: 10px 0 30px;
}
.select-location-main-wrap .brand-logo img {
    margin: auto;
    max-width: 260px;
}
.select-location-main-wrap .left-image-leaf {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: fit-content;
    height: 100vh;
    max-height: calc(100vh - 159px);
    text-align: left;
    display: flex;
}
.select-location-main-wrap .burger-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: fit-content;
    max-height: calc(100vh - 159px);
    display: flex;
    height: 100vh;
}
.select-location-main-wrap .right-image-leaf {
    position: absolute;
    right: 0;
    top: 0;
}
    .select-location-main-wrap #divLogo img {
        text-align: center;
        margin: 0 auto;
       width:250px;
    }
    .select-location-main-wrap .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.delivery-type-label {
    color: #3E4152;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-top: 6px;
    position: absolute;
    margin-left: 0px;
}

.add-new h3 {
    color: #f36a20 !important;
    cursor: pointer;
}

.select-location-main-wrap .left-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.product-image {
    border-radius: 10px;
    height: 100px;
}

.add-on-image {
    border-radius: 10px;
    height: 25px;
    width: 25px;
}

.select-location-main-wrap .right-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index:9;
}

.pickup-and-delivery-section .pd-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F5F9;
    padding: 8px;
    border-radius: 10px;
    max-width: 518px;
    margin: 0px auto 10px;
}

    .pickup-and-delivery-section .pd-tabs .pd-tab-item {
        position: relative;
        padding: 10px 0px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 250px;
    }
        .pickup-and-delivery-section .pd-tabs .pd-tab-item input {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item span {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            color: #485A74;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
        }
        .pickup-and-delivery-section .pd-tabs .pd-tab-item.active span {
            font-weight: 700;
            color: #000000;
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item:first-child {
            border-radius: 10px;
            border: none;
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item:last-child {
            border-radius: 10px;
            border: none;
            margin: 0;
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item.active {
            border: none;
            background: #fff;
            position: relative;
            z-index: 1;
        }


            
.locations-headings span br{display:none}
        .pickup-and-delivery-section .pd-tabs .pd-tab-item span img {
            display: none
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item.active span img {
            display: block
        }

.select-location-content {
    text-align: center;
    padding: 10px 0 0
}

    .select-location-content h4 {
        color: #F1A33D;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        margin: 20px 0 5px;
        text-transform: capitalize
    }
    .select-location-content .locations-headings {
        color: #3E4152;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 76px;
        text-transform: capitalize;
        margin: 0;
    }
    .select-location-content form .input-grp {
        display: flex;
        width: 100vw;
        align-items: center;
        max-width: 778px;
        margin: 0px auto 0;
        padding: 5px 15px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 5px 5px rgb(0 0 0 / 8%);
    }

        .select-location-content form .input-grp .input-detect-location {
            
            width: 100%;
            max-width: calc(100% - 140px);
            position: relative
        }

            .select-location-content form .input-grp .input-detect-location input {
                width: 100%;
                border: none;
                background: #FFF;
                box-shadow: none;
                height: 60px;
                color: #7E808C;
                font-size: 17px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                padding: 0 100px 0 0px;
                outline: none;
            }

            .select-location-content form .input-grp .input-detect-location .detect-location {
                position: absolute;
                right: 10px;
                top: 22px;
                color: #535665;
                font-size: 13.891px;
                font-style: normal;
                font-weight: 400;
                display: flex;
                align-items: center;
                gap: 5px;
                cursor: pointer
            }

        .select-location-content form .input-grp .find-food {
            display: flex;
            width: 140px;
            padding: 18px 0;
            justify-content: center;
            align-items: center;
            background: #F97034;
            border: none;
            color: #FFF;
            text-align: center;
            font-family: Arial;
            font-size: 15px;
            font-style: normal;
            font-weight: 700;
            cursor: pointer;
            border-radius: 10px;
            transition: all .3s;
        }
        .select-location-content form .input-grp .find-food:hover {
    background: #3e4152;
}
.main-footer .container .footer-right ul li svg path {
    stroke: #f97034;
}
.location-footer {
    padding: 50px 0;
    background: #f7f7f7;
}
.footer-steps-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0px 0 0;
}
    .footer-steps-info .steps-info-item {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 20px;
        border-radius: 5px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background:#fff;
    }
        .footer-steps-info .steps-info-item img {
            background: #f8f8f8;
            border-radius: 130px
        }

        .footer-steps-info .steps-info-item .arrow img {
            background: transparent;
            border-radius: 0;
            min-width: 40px
        }

        .footer-steps-info .steps-info-item .item-content h4 {
            color: #000;
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            margin: 0
        }

        .footer-steps-info .steps-info-item .item-content p {
            color: #000;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            margin: 6px 0 0
        }
.copywrite {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 20px 0;
}
/* end Location page style */



/* List Page Style */
.list-header {
    padding: 17px 0;
    background-color: #fff;
    border-bottom: solid 1px #E2E2E2;
    position: sticky;
    top: 0;
    z-index: 9;
}

.modal.open {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.header-logo-and-search .search-bar {
    position: relative;
}

.header-logo-and-search .brand-logo {
    min-width: 232px;
}

.header-logo-and-search .search-bar {
    position: relative;
    width: 100%;
}

.header-logo-and-search {
    display: flex;
    gap: 8%;
    justify-content: space-between;
}

    .header-logo-and-search .search-bar #mainsearchbar {
        width: 100%;
        max-width: 704px;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-shadow: 0px 2px 8px 0px rgba(28, 28, 28, 0.08);
        display: inline-flex;
        height: 54px;
        padding: 1px 30px 1px 50px;
        align-items: center;
        outline: none;
        color: #757575;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .header-logo-and-search .search-bar i {
        position: absolute;
        left: 17px;
        top: 18px;
    }

.list-and-sidebar-wrapper .container {
    display: flex;
}

    .list-and-sidebar-wrapper .container .leftsidebar {
        border-right: solid 1px #E2E2E2;
        width: 100%;
        max-width: 240px;
        padding: 40px 0 40px 0;
    }

        .list-and-sidebar-wrapper .container .leftsidebar .sidebar-inset {
            position: sticky;
            top: 150px;
        }

    .list-and-sidebar-wrapper .container .list-section {
        width: 100%;
        max-width: calc(100% - 240px);
        padding: 40px 0 0 50px;
    }

.leftsidebar .item-heading h3 {
    margin: 0;
    color: #3E4152;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}

.leftsidebar .item-heading .divider {
    height: 2px;
    display: flex;
    border-bottom: solid 4px #7DA640;
    width: 53px;
    margin: 6px 0 0 10px;
    border-radius: 20px;
}

    .leftsidebar .item-heading .divider::before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 30px;
        background: #FFC822;
        margin: -1px 0 0 -12px;
    }

.leftsidebar .item-heading {
    margin: 20px 0 20px 0;
}

.only-veg-switch {
    display: inline-flex;
    padding: 9px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.10);
    background: #FFF;
}

    .only-veg-switch label {
        color: #666;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .only-veg-switch .switch-wrap {
        display: flex;
        width: 36px;
        height: 20px;
        padding: 2px;
        align-items: center;
        border-radius: 12px;
        background: var(--gray-200, #EAECF0);
        position: relative;
        cursor: pointer;
        transition: all .4s;
    }

        .only-veg-switch .switch-wrap .switch {
            width: 16px;
            height: 16px;
            flex-shrink: 0;
            background: #fff;
            box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06);
            border-radius: 50px;
            transition: all .4s;
            margin: 0px 0 0 1px;
        }

        .only-veg-switch .switch-wrap.active .switch {
            margin: 0px 0 0 15px;
        }

.switch-wrap.active {
    background: #7da640;
}

.menu ul li a {
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    padding: 0 0 0 25px;
    display: inline-block;
    position: relative;
}

    .menu ul li a::before {
        content: '';
        width: 14.516px;
        height: 20px;
        background-image: url('../images/menu-arrow.svg');
        position: absolute;
        left: -10px;
        top: 9px;
        transition: all .2s;
        opacity: 0;
    }

.menu ul li.active a::before {
    opacity: 1;
    left: 0px;
}

.menu ul li.active a {
    color: #7DA640;
}
.menu ul li {
    margin-bottom: 5px;
}
.menu ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 23px);
    height: 3px;
    opacity: 0;
    border-bottom: solid 3px #7DA640;
}

.menu ul li.active a::after {
    opacity: 1;
}




.custom-select {
    position: relative;
    display: inline-block;
    width: 200px;
}

.options-list {
    width: 100%
}

.selected-option {
    display: block;
    padding: 10px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #b78900;
}

.options-list {
    position: absolute;
    top: calc(100% + 13px);
    left: -22px;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    min-width: 130px;
    box-shadow: 0px 10px 10px #0000001c;
    z-index: 9;
}

    .options-list li {
        padding: 10px;
        cursor: pointer;
        font-size: 15px;
    }

        .options-list li:hover {
            background-color: #fff5d5;
        }

        .options-list li.selected {
            background-color: #fff5d5;
            font-weight: 500;
        }

.pickup-address-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(255 200 34 / 19%);
    padding: 6px 20px;
    border-radius: 10px;
    border: solid 1px #fddf85;
}
.delivery-to .selected-address {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sticky > .container {
    max-width: 100%;
    padding: 0;
}
.delivery-to .selected-address span.txtDeliverAddress {
    width: 100%;
    max-width: 600px;
}
    .delivery-to .selected-address span.txtDeliverAddress input#txtDeliverAddress {
        border: none;
        background: transparent;
        outline: none;
        /*pointer-events: none;*/
        font-size: 15px;
    }

    .pickup-address-bar .delivery-to {
        display: flex;
        align-content: center;
        gap: 10px;
        max-width: calc(100% - 80px);
        align-items: center;
    }


        .pickup-address-bar .delivery-to .custom-select {
            width: auto;
            min-width: 90px;
        }

            .pickup-address-bar .delivery-to .custom-select .selected-option {
                padding: 0;
                border: none;
                background: transparent;
                position: relative;
            }

                .pickup-address-bar .delivery-to .custom-select .selected-option::after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    right: 0;
                    top: 4px;
                    background-image: url('../images/chevron-down.svg');
                }

.delivery-to .selected-address {
    border-left: solid 1px #ffc822;
    padding: 0px 0 0px 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

    .delivery-to .selected-address .pin-address {
        color: #3E4152;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        white-space: nowrap;
    }

.pickup-address-bar .change-address {
    color: #7DA640;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.food-slider-wrapper h2 {
    margin: 30px 0 20px 0;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 95px 0 0;
    margin: 30px 0 5px 0;
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 95px 0 0;
}

.food-slider-wrapper .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -44px;
    margin: 0;
}

    .food-slider-wrapper .owl-carousel .owl-nav button span {
        display: none;
    }

    .food-slider-wrapper .owl-carousel .owl-nav button,
    .food-slider-wrapper .owl-carousel .owl-nav button:hover {
        width: 34px;
        height: 34px;
        background: url('../images/slider-arrow.svg');
        border-radius: 50px;
    }

        .food-slider-wrapper .owl-carousel .owl-nav button.owl-prev {
            transform: rotate(180deg);
        }

.food-slider-wrapper h2 .moreslider {
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.owl-carousel .food-item {
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    padding: 15px 15px 15px;
    position: relative;
    transition: all .2s;
}
    .owl-carousel .food-item:hover {
        box-shadow: 0px 4px 6px rgb(0 0 0 / 09%);
        cursor: pointer;
    }

    .owl-carousel .food-item .food-image {
        width: 100%;
        height: 150px;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        background-image: url('../images/food.jpg');
    }

        .owl-carousel .food-item .food-image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

.owl-carousel .food-item .food-item-details .item-title {
    color: var(--Text, #212121);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 10px 0 0 0;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.owl-carousel .food-item .food-item-details .item-discription {
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-transform: capitalize;
    color: #696f76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



    .owl-carousel .food-item .food-item-details .price-and-qnt {
        display: flex;
        align-content: center;
        justify-content: space-between;
        margin: 15px 0 0px 0;
    }

        .owl-carousel .food-item .food-item-details .price-and-qnt .item-price {
            margin: 4px 0 0 0;
            color: #ff9c22;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
        }

        .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt {
            display: inline-block;
            text-align: right;
            position: relative;
            z-index: 2;
        }

            .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .add-quantity {
                width: 93px;
                height: 33px;
                border-radius: 3px;
                border: 0.7px solid #D4D5D9;
                background: #FFF;
                box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
                color: #7DA640;
                text-align: center;
                font-size: 15px;
                font-style: normal;
                font-weight: 600;
                line-height: 16px;
                text-transform: uppercase;
                cursor: pointer;
            }



            .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items {
                position: relative;
                width: 82px;
                height: 34px;
                border-radius: 3px;
                border: 0.7px solid #7DA640;
                background: #FFF;
                box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
                display: none;
            }

                .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items input {
                    width: 25px;
                    text-align: center;
                    border: none;
                    height: 38p;
                }

                    .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items input::-webkit-inner-spin-button,
                    .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items input::-webkit-outer-spin-button {
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        margin: 0;
                    }

                /* Firefox */
                .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items input {
                    -moz-appearance: textfield;
                    color: #7DA640;
                    text-align: center;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 400;
                    outline: none;
                }

                .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items button {
                    background: none;
                    border: none;
                    min-width: 27px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }

                    .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt .qty-items button img {
                        width: 12px;
                        display: block;
                    }

            .owl-carousel .food-item .food-item-details .price-and-qnt .add-qnt span {
                color: #7E808C;
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: 21px;
                text-transform: capitalize;
                display: block;
                text-align: center;
            }

.non-veg {
    background-image: url('../images/non-veg.svg');
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50px;
    left: 10px;
    top: 10px;
}

.veg {
    background-image: url('../images/veg.svg');
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50px;
    left: 10px;
    top: 10px;
}
.food-image {
    position: relative;
}
#CartModal .non-veg {
    background-image: url('../images/non-veg.svg');
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50px;
    left: 5px;
    top: 5px;
}

#CartModal .veg {
    background-image: url('../images/veg.svg');
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50px;
    left: 5px;
    top: 5px;
}

footer.main-footer {
    background: #F9F9F9;
    display: flex;
    padding: 33px 0;
    gap: 40px;
    position: relative;
    justify-content: space-between;
}
.main-footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

footer.main-footer .footer-divider {
    min-width: 1px;
    background: #E1E1E4;
    height: 100%;
    display: none;
}
.footer-left p#pVendorDesc {
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #999;
}
.main-footer .container .footer-right ul li {
    padding: 5px 0 5px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    font-size: 16px;
    color: #202431;
}
    .main-footer .container .footer-right ul li svg {
        width: 18px;
        position: absolute;
        left: 0px;
        top:0;
    }
    .main-footer .container .footer-right ul li svg {
        width: 18px;
    }
    .main-footer .container .footer-right ul li:nth-child(2) svg {
        width: 19px;
    }






.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgb(0 0 0 / 70%);
    z-index: 9999;
    padding: 0px 15px;
}

.modal {
    -webkit-animation: scale-down-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-down-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



.modal-window {
    position: relative;
    background-color: #FFFFFF;
}

    .modal-window.small {
        width: 100%;
        max-width: 576px;
        border-radius: 15px;
        overflow: hidden;
        margin: 10px auto 10px;
    }

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    border-bottom: solid 1px #E3E5E9;
    margin: 0 0 0px 0;
}

.modal .close {
    display: block;
    color: #000;
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.modal .modal-heading {
    background-color: whitesmoke;
    padding: 10px 20px;
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    /*font-weight: 600;*/
    line-height: 24px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border: 1px solid #EFEFEF;
}

.modal-header h3 {
    margin: 0;
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /*padding-left: 15px*/
}

.modal .meal-items ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 30px;
    color: #3E4152;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .modal .meal-items ul li .checkbox-item {
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
        padding: 0 0px 0 0;
    }

.modal .close:hover,
.modal .close:focus {
    color: #000000;
    cursor: pointer;
}

.modal .meal-items ul li .checkbox-item span.checkboxspan {
    background: #F9F5FF;
    width: 18px;
    height: 18px;
    border: solid 1px #e5deef;
    border-radius: 3px;
}

.modal.open {
    display: flex;
    align-items: start;
    justify-content: center;
}

.owl-carousel .food-item span.modal-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.modal .meal-items ul li .checkbox-item input[type="checkbox"] {
    position: absolute;
    right: 0;
    top: 3px;
    margin: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
    cursor: pointer;
}

.modal .meal-items ul li .checkbox-item input:hover + span.checkboxspan {
    border: solid 1px #F1A33D;
}

.modal .meal-items ul li .checkbox-item input:checked + span.checkboxspan {
    background-image: url(../images/check.svg);
    background-position: center;
    border: solid 1px #F1A33D;
}

.modal-footer {
    background: #F9F9F9;
    padding: 15px;
}

.modal .meal-items-wrap {
    min-height: 160px;
}

.modal-footer .add-to-cart-button {
    border-radius: 10px;
    background: #7DA640;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    cursor: pointer;
}

.cart-header {
    padding: 31px 0;
}

    .cart-header .back {
        display: flex;
        align-items: center;
        gap: 10px;
        color: midnightblue;
        font-size: 16.906px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        margin-top: 18px;
    }

        .cart-header .back img {
            width: 19px;
        }

.cart-main-wrap .container {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.cart-main-wrap .cart-details {
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    padding: 10px 30px 30px 30px;
    width: 100%;
    max-width: 100%;
}

.delivery-confrm {
    display: none;
}

.cart-main-wrap .cart-details .address-contact-details {
    border-bottom: solid 1px #eee;
    padding: 0 20px 5px 30px;
    margin: 0 -30px 0 -30px;
}

    .cart-main-wrap .cart-details .address-contact-details .address-wrap {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #919191;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding: 0 0 0 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
    }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap span.address {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 55px;
        }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap i {
            border-radius: 5px;
            background: #F8F8F8;
            min-width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap strong {
            color: #3E4152;
            display: inline-flex;
            white-space: nowrap;
        }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap .change {
            position: absolute;
            right: 0;
            color: #7DA640;
            text-align: right;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            text-decoration: none;
        }

.m-cart-amt {
    /*padding: 8px;*/
    margin-top: 5px;
    margin-left: 26px;
    left: 2px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    width: 101px;
}

.cart-details .Items-in-cart-wrap h4 {
    margin: 30px 0 20px 0;
    color: #3E4152;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.cart-pric-des {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cart-details .Items-in-cart-wrap .cart-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #eee;
    padding: 10px 0;
}

#pDeliveryAddress {
    font-size: 12px;
    color: white;
    background-color: crimson;
    width: 100%;
    margin: -9px 0px -3px;
    /* padding: 0px; */
    border-radius: 5px;
    position: relative;
    text-align: center;
}

    #pDeliveryAddress::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid crimson;
        position: absolute;
        bottom: -9px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.cart-details .Items-in-cart-wrap .cart-items h5 {
    margin: 0;
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    word-break: break-word;
    text-align: left;
}

.cart-price {
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    width: 80px;
    text-align: right;
}

.cart-details .Items-in-cart-wrap .cart-items .item {
    position: relative;
    padding: 0 50px 0 0px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 15px;
}

    .cart-details .Items-in-cart-wrap .cart-items .item .c-img {
        max-width: 100px;
        max-height: 80px;
        min-width: 100px;
        min-height: 80px;
    }
        .cart-details .Items-in-cart-wrap .cart-items .item .c-img img {
            width: 100% !important;
            height: 80px !important;
            object-fit: cover;
        }

    .cart-details .Items-in-cart-wrap .cart-items .item span {
        position: absolute;
        left: 4px;
        top: 4px;
        width: 20px;
        height: 19px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

.cart-details .Items-in-cart-wrap .cart-items .item .car-price {
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cart-details .Items-in-cart-wrap {
    border-bottom: solid 1px #eee;
    padding: 0 20px 30px 30px;
    margin: 0 -30px 0 -30px;
}


.qntwrap {
    position: relative;
    /*width: 93px;*/
    height: 33px;
    border-radius: 3px;
    border: 0.7px solid #7DA640;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
    display: flex;
    align-items: center;
}

    .qntwrap button {
        background: none;
        border: none;
        min-width: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        height:100%;
    }

        .qntwrap button img {
            width: 12px;
            display: block;
        }

    .qntwrap input {
        -moz-appearance: textfield;
        color: #7DA640;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        outline: none;
        width: 40px;
        text-align: center;
        border: none;
    }

    .qntwrap .add-quantity {
        width: 93px;
        height: 33px;
        border-radius: 3px;
        border: 0.7px solid #7DA640;
        background: #FFF;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
        color: #7DA640;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 21px;
        text-transform: capitalize;
        cursor: pointer;
    }

.add-quantity {
    width: 80px !important;
    height: 34px !important;
    border-radius: 3px;
    border: 0.7px solid #7DA640 !important;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
    color: #7DA640;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    text-transform: capitalize;
    cursor: pointer;
}

.add-preprations-instuctions h3 {
    color: #3E4152;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 15px 0 15px 0;
}

.add-preprations-instuctions textarea {
    height: 159px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #F9F9F9;
    width: 100%;
    padding: 10px 0 0 20px;
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

main.cart-main-wrap {
    padding: 0px 0 50px 0;
    background: #f0f0f5;
}
.cart-main-wrap .bill-details-card {
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    padding: 25px;
    width: 100%;
    max-width: 396px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 90px;
    /*justify-content: space-between;*/
}

    .cart-main-wrap .bill-details-card h4 {
        color: #3E4152;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
    }

    .cart-main-wrap .bill-details-card ul.bill-items li {
        display: flex;
        justify-content: space-between;
        color: #3E4152;
        text-align: right;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 37px;
    }

        .cart-main-wrap .bill-details-card ul.bill-items li:last-child {
            font-weight: 600;
            border-top: solid 1px #E2E2E2;
            padding: 10px 0 10px 0;
            margin: 20px 0 10px 0;
        }

.bill-details-card .apply-buttons-grp {
    margin: 0 -25px 0 -25px;
    border-top: solid 1px #E2E2E2;
}

    .bill-details-card .apply-buttons-grp .apply-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 25px;
        border-bottom: solid 1px #E2E2E2;
        cursor: none;
    }

        .bill-details-card .apply-buttons-grp .apply-buttons span {
            display: flex;
            align-items: center;
            gap: 10px;
            pointer-events: none;
            cursor: none;
        }

.bill-details-card .add-address-and-pay button {
    border-radius: 10px;
    background: #7DA640;
    width: 100%;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 14px 0;
    cursor: pointer;
    margin-top: 15px;
}

form.add-address-form {
    padding: 0 20px;
}

.add-address-form .input-group {
    position: relative;
    padding: 15px 0px 0px 0px;
}

    .add-address-form .input-group input[type="text"] {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #EAEAEA;
        background: #F9F9F9;
        height: 52px;
        color: #3E4152;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 0 20px;
        outline: none;
    }

    .add-address-form .input-group.with-icons input[type="text"] {
        padding: 0 80px 0 40px;
    }

    .add-address-form .input-group.with-icons i {
        position: absolute;
        top: 15px;
        left: 14px;
    }

    .add-address-form .input-group.with-icons .change {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #7DA640;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-decoration: none;
    }

.add-address-form .type-select {
    padding: 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .add-address-form .type-select ul {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .add-address-form .type-select ul li {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            opacity: 50%;
        }

            .add-address-form .type-select ul li img {
                width: 20px;
                max-height: 18px;
            }

            .add-address-form .type-select ul li.active {
                opacity: 100%;
            }

.add-address-form button.SaveAndProceed {
    border-radius: 10px;
    background: #7DA640;
    height: 52px;
    margin-bottom: 20px;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    outline: none;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}

.add-address-form .input-group:first-child {
    padding-top: 0;
}

.tabs {
    display: flex;
    margin: 10px;
}

.tablink {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 10px 20px;
    cursor: pointer;
}

.simple-tabs-content .tab-content {
    display: none;
    padding: 20px 0;
}

.tab-content.active {
    display: block;
}

#ApplyOffersModal .modal-header {
    display: block;
    position: relative;
}

    #ApplyOffersModal .modal-header span.close {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    #ApplyOffersModal .modal-header p {
        margin: 10px 0 0 0;
        color: #3E4152;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

.simple-tabs .tabs {
    display: flex;
    margin: 0;
    border-bottom: solid 1px #E2E2E2;
}

    .simple-tabs .tabs button.tablink {
        width: 50%;
        background: transparent;
        border: none;
        color: #3E4152;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        border-bottom: solid 4px transparent;
    }

        .simple-tabs .tabs button.tablink.active {
            border-bottom: solid 4px #7DA640;
        }

.promo-code .input-group {
    position: relative;
}

    .promo-code .input-group input[type="text"] {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #EAEAEA;
        background: #FFF;
        height: 52px;
        padding: 0px 60px 0px 20px;
        color: #3E4152;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .promo-code .input-group .apply-cupon {
        position: absolute;
        right: 15px;
        top: 14px;
        color: #7DA640;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-decoration: none;
    }

.bank-offers-list .bank-offer {
    position: relative;
    padding: 0 0 22px 60px;
    border-bottom: solid 1px #eee;
    margin-bottom: 25px;
}

    .bank-offers-list .bank-offer span.bank-icon {
        position: absolute;
        left: 15px;
        top: calc(50% - 30px);
        width: 30px;
        height: 30px;
        border: solid 1px #eee;
        border-radius: 5px;
    }

    .bank-offers-list .bank-offer h4 {
        margin: 0;
        color: #3E4152;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }

    .bank-offers-list .bank-offer .disc {
        color: #3E4152;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        margin: 0;
    }

    .bank-offers-list .bank-offer .apply-cupon {
        color: #7DA640;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-decoration: none;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

.simple-tabs-content form.promo-code {
    padding: 0px 20px;
}

.options-list button.update-location {
    display: none;
}

.header-logo-and-search .custom-select {
    display: none;
}

.list-and-sidebar-wrapper .container .leftsidebar i.mobile-menu-close,
.mobile-menu-toggle {
    display: none;
}
.cart-header {
    padding: 13px 0;
    background-color: #fff;
    border-bottom: solid 1px #E2E2E2;
    position: sticky;
    top: 0;
    z-index: 9;
}
    .cart-header #divLogo img {
        display: block;
    }
.cart-main-wrap .back {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 30px 0 30px 0;
    font-size: 22px;
    font-weight: 600;
}
.h-cart .h-view{
    position:relative;
}
    .h-cart .h-view .view-cart-wrapper {
        background: #f36a20;
        font-size: 12px;
        justify-content: center;
        color: #fff;
        position: absolute;
        bottom: 13px;
        border-radius: 5px;
        right: 70%;
        transition: all .2s;
        opacity: 0;
        padding: 0 10px;
        visibility: hidden;
    }
    .h-cart .h-view:hover .view-cart-wrapper {
        opacity: 1;
        visibility: visible;
        right: 104%;
    }
    .h-cart .h-view .view-cart-wrapper .view-cart.item-and-price {
        display: block;
        padding: 2px 0;
        white-space:nowrap;
    }
div#confirmMobile .modal-header span.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

div#confirmMobile .modal-header {
    flex-direction: column;
    align-items: start;
}

div#confirmMobile .modal-window.small,
div#enterOTP .modal-window.small {
    max-width: 375px;
}

div#confirmMobile .modal-header p {
    margin: 0;
    color: #3E4152;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

form.confirm-mobile {
    padding: 20px;
}

form.alert-message {
    padding: 20px;
}

    form.alert-message .input-grp {
        position: relative;
        margin: 0 0 15px 0;
        text-align: center;
    }

form.confirm-mobile .input-grp {
    position: relative;
    margin: 0 0 15px 0;
}

    form.confirm-mobile .input-grp input[type="text"] {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #EAEAEA;
        background: #F9F9F9;
        height: 52px;
        padding: 0 45px;
        color: #3E4152;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        outline: none;
    }
    /*form.confirm-mobile .input-grp input[type="number"] {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #EAEAEA;
            background: #F9F9F9;
            height: 52px;
            padding: 0 20px;
            color: #3E4152;
            
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            outline: none;
        }*/
    /* form.confirm-mobile .input-grp.whatsapp-number input[type="text"] {
            padding-left: 55px;
        }*/

    form.confirm-mobile .input-grp.whatsapp-number img {
        position: absolute;
        left: 18px;
        top: 14px;
    }

    form.confirm-mobile .input-grp.whatsapp-number {
        margin-bottom: 0;
    }

form.confirm-mobile p {
    margin: 0;
    color: #3E4152;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

form.alert-message button.btn-ok {
    border-radius: 10px;
    background: #7DA640;
    height: 52px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 46%;
    border: none;
    outline: none;
    margin: 20px 8px 0 11px;
    cursor: pointer;
}

form.alert-message button.confirm-ok,
form.confirm-mobile button.confirm-number,
form.enterotp-fields button.confirm-number {
    border-radius: 10px;
    background: #7DA640;
    height: 52px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    border: none;
    outline: none;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.confirm-number-disabled {
    border-radius: 10px;
    background: lightgrey;
    height: 52px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    border: none;
    outline: none;
    margin: 20px 0 0 0;
    cursor: pointer;
}

form.enterotp-fields {
    padding: 20px;
}

    form.enterotp-fields .input-grp {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        form.enterotp-fields .input-grp input[type="text"] {
            width: 52px;
            border-radius: 10px;
            border: 1px solid #EAEAEA;
            background: #F9F9F9;
            height: 52px;
            outline: none;
            text-align: center;
            font-size: 20px;
        }

    form.enterotp-fields p {
        color: #afafaf;
        font-size: 14px;
        margin-bottom: 0;
    }

        form.enterotp-fields p .otptime {
            color: #3E4152;
        }

#makePayment .modal-window.small .modal-header {
    padding: 30px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

    #makePayment .modal-window.small .modal-header h3 {
        color: #3E4152;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 68px;
        text-transform: capitalize;
    }

#makePayment .modal-window.small .pay-using {
    padding: 0px 30px 30px 30px;
}

    #makePayment .modal-window.small .pay-using h5 {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 8px;
    }

    #makePayment .modal-window.small .pay-using ul.payment-options {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

#makePayment .modal-window.small {
    max-width: 620px;
}



.top-cart ul {
    display: flex;
    justify-content: end;
    align-items: center;
}

    .top-cart ul li {
        position: relative;
        margin-left: 3px;
    }
        .top-cart ul li img {
            width: 40px;
            height: 32px;
        }
.h-cart .h-view a .cart-items {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0 0 0;
}
.h-cart .h-view a .cart-number {
    position: relative;
}
.h-cart .h-view a label.cart-amount {
    pointer-events: none;
}
.h-cart .h-view a {
    display: flex;
    align-items: center;
    color: #000;
    padding: 4px 7px 4px 7px;
    border-radius: 7px;
    transition: all .2s;
}
.h-cart .h-view a:hover {
    background: rgb(125 166 64 / 13%);
    cursor: pointer;
}

.chkout-btn {
    color: #fff;
    text-decoration: none;
    background: #7da640;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
}

    .chkout-btn a {
        color: #f36a20;
        text-decoration: none;
    }


.h-view a {
    color:#fff;
    text-decoration:none;
}



.selected-address input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    padding: 5px;
}

top-cart {
    background: #f5f5f5;
    width: 100%;
    padding: 15px;
    margin-top: 10px;
}

.meal-items {
    margin: 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button.sub,
button.add {
    background: transparent;
    border: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.addon-order-item button.sub img, .addon-order-item button.add img {
    margin: 0 !important;
}
.add-qnt input {
    width: 30px;
    text-align: center;
    border: transparent;
}
.addon-order-item button.sub, .addon-order-item button.add {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #eee;
}
button.sub:active, button.add:active {
    background: #ffd14338;
}
#CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-cart .add-qnt label {
    font-size: 14px;
    color: #fff;
    background: #ff9c22;
    padding: 6px 13px;
    border-radius: 6px;
    cursor: pointer;
}
#CartModal .addon-pop-up .addon-right .addon-scroll .add-prod-title.make-meal {
    margin: 10px 0px 0px 0px;
    padding: 5px 15px;
    background: rgb(255 156 34 / 22%);
    font-size: 15px;
    color: #cf7200;
    border-radius: 5px;
}

.modal-window .add-qnt {
    border: 0.7px solid #7DA640;
    border-radius: 5px;
}

.modal-window .total-price {
    width: auto;
    padding-top: 0px;
    text-align: center;
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}
/**/
.shopping-cart {
    height: auto;
    background: #f0f0f5;
    padding: 15px;

}
    .shopping-cart .itemss {
        height: auto;
        background: #fff;
        padding: 10px;
        border-radius: 15px;
        margin: 20px 0 0px 0;
        gap: 15px;
        align-items: flex-start;
    }
        .shopping-cart .itemss .description {
            width: 100%;
            max-width: calc(100% - 145px);
        }
        .shopping-cart .itemss .image-product {
            margin: 0;
            width: 130px;
        }
            .shopping-cart .itemss .image-product img.product-image {
                width: 100%;
                object-fit: cover;
            }
            .shopping-cart .itemss .image-product .price-and-qnt {
                max-width: max-content;
                margin: -25px auto 0;
                background: #fff;
                position: relative;
                z-index: 9;
                border-radius: 5px;
            }
        .shopping-cart .itemss .description span.title {
            font-size: 16px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 90%;
            color: #333;
            font-weight: 500;
            margin: 0 0 3px 0;
        }
.QtyNameandEDIT {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    flex-wrap: wrap;
}
.cart-details .Items-in-cart-wrap .cart-items .item .cart-pric-des {
    align-items: center;
}
.qntwrap .add-quantity {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 94px;
}
.QtyNameandEDIT label.EDIT {
    color: #f36a20;
    cursor: pointer;
}
        .QtyNameandEDIT label.EDIT:hover {
            text-decoration: underline;
        }
#CartModal.modal span.close:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.shopping-cart .itemss .description .total-prices {
    width: auto;
    text-align: left;
    font-size: 15px;
    margin: 7px 0 0px 0;
    color: #f36a20;
}
.shopping-cart .itemss .description .description-text {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    font-size: 12px;
    text-align: left;
}
.shopping-cart {
    height: auto;
    background: #f0f0f5;
    padding: 15px;
    border-radius: 0px 0px 15px 15px;
}
.shopping-cart {
    height: auto;
    background: #f0f0f5;
    padding: 15px;
    border-radius: 0px 0px 15px 15px;
    max-height: 400px;
    overflow: auto;
}
    .shopping-cart .itemss:first-child {
        margin-top: 0;
    }

.itemss {
    padding: 1.25em 1.75em;
    height: 7.5em;
    display: flex;
    align-items: center;
}


.add-on-items {
    padding: 1.25em 1.75em;
    height: 3em;
    display: flex;
    align-items: center;
}


.product-qty-items {
    padding: 1.25em 1.75em;
    height: 3em;
    display: flex;
    align-items: center;
    /*justify-content:;*/
}
.item:nth-child(last) {
    border-top: 1px solid #E1E8EE;
    border-bottom: 1px solid #E1E8EE;
}

.image-product {
    margin-right: 15px;
    position: relative;
}

.image-add-on {
    margin-right: 15px;
    position: relative;
}

.description {
    /*padding-top: 10px;
    margin-right: 50px;
    width: 115px;*/ width: 30%;
}

    .description span {
        display: block;
        font-size: 12px;
        color: #43484D;
        font-weight: 400;
    }

        .description span:last-child {
            font-weight: 300;
            margin-top: 8px;
            color: #86939E;
            font-size: 10px;
        }



    .add-on-description span {
        display: block;
        font-size: 12px;
        color: #43484D;
        font-weight: 400;
    }

        .add-on-description span:last-child {
            font-weight: 300;
            margin-top: 0;
            color: #000;
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 5px;
        }
.addon-order-item .add-on-description span:last-child {
    font-weight: 400;
    color: #141414;
    font-size: 14px;
    margin: 0;
}

.product-qty-description {
    /*padding-top: 10px;
    margin-right: 50px;
    width: 115px;*/ width: 30%;
}

    .product-qty-description span {
        display: block;
        font-size: 16px;
        color: #43484D;
        font-weight: 400;
    }

        .product-qty-description span:last-child {
            font-weight: 300;
            margin-top: 0;
            color: #86939E;
            font-size: 15px;
        }


/*.quantity {
    padding-top: 20px;
    margin-right: 60px;
}

    .quantity input {
        -webkit-appearance: none;
        border: none;
        text-align: center;
        width: 32px;
        font-size: 1em;
        color: #43484D;
        font-weight: 300;
    }
    */
button[class*=btn] {
    width: 37px;
    height: 37px;
    background-color: transparent;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}


.total-prices {
    width: 83px;
    padding-top: 0px;
    text-align: right;
    font-size: 1em;
    color: #43484D;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10px;
}


.add-on-total-prices {
    width: 83px;
    padding-top: 0px;
    text-align: right;
    font-size: 1em;
    color: #43484D;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10px;
}

.makeit-meal-total-prices {
    width: 83px;
    padding-top: 0px;
    text-align: right;
    font-size: 1em;
    color: #43484D;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10px;
}
.product-qty-total-prices {
    width: 83px;
    padding-top: 0px;
    text-align: right;
    font-size: 1em;
    color: #43484D;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10px;
}



.modal-heading h5 {
    margin: 0px;
    width: 80px;
    text-align: right;
    font-size:16px;
}
/*
.add-quantity {
    background: #7da640 !important;
    color: #fff;
    border: transparent;
    padding: 8px 20px;
    font-size: 14px;
}*/

.head-wrap .only-veg-switch {
    display: none;
}

.m-header {
    display: none;
}

.mobile-view-items {
    display: none;
}

.web-view-items {
    display: block;
}

.location-wrap {
    position: relative;
    height: 100vh;
}

    .location-wrap:before {
        content: '';
        background: #000000b3;
        z-index: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .location-wrap img {
        height: 100%;
    }

    .location-wrap input:focus {
        border-color: #f36a20;
        color: #f36a20;
    }

.delevery {
    position: absolute;
    left: 40px;
    right: 0;
    top: 50px;
    background: ghostwhite;
    max-width: 500px;
    padding: 15px 20px;
    border: 1px solid tan;
    border-radius: 10px;
    z-index: 999;
}

.back-arrow {
    margin-top: 5px;
}

    .back-arrow a {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .back-arrow span {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        color: #9b9b9b;
    }

.location-heading-text {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}

.loc-input-box {
    padding: 0 0 0 50px;
    height: 50px;
    background: transparent;
    border-radius: 5px;
    width: 100%;
    outline: none;
    border: solid 1px #f36a20;
}

.location-input {
    position: relative;
    /* margin-top: 20px;*/
}

.search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

    .search-icon i {
        color: #f36a20;
    }

.user-current-location {
    margin-top: 10px;
    color: #f36a20;
    font-size: 14px;
    display: flex;
}

    .user-current-location a {
        color: #f36a20;
        text-decoration: none;
        margin-left: 10px;
    }

    .user-current-location img {
        background: #000;
        width: 22px;
        border-radius: 85px;
    }

.hidden {
    display: none;
}

.item {
    padding: 8px;
}





.addon-pop-up {
    display: flex;
    background: white;
    justify-content: center;
    padding: 20px;
    max-width:700px;
    position:relative;
}
.addon-cart .add-quantity {
    background: transparent;
    color: #fff;
    border: none !important;
    box-shadow: none;
    width: auto !important;
    height: auto !important;
}
.addon-left {
    max-width: 40%;
    border: none !important;
}

.addon-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 700;
    font-size:15px;
}

    .addon-title-wrap img {
        margin-right: 10px;
    }
.addon-des, .intrested {
    color: #919498;
    margin-bottom: 0px;
    font-size: 14px;
}
.intrested {
    font-weight: 600;
}

.addon-product {
    position: relative;
}
.addonselected {
    margin-left: 15px;
}
.addon-product img {
    width: 100%;
    height: auto !important;
}

.addon-off {
    background: #ffad00;
    color: #fff;
    padding: 3px 9px;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 700;
    position: absolute;
    top: -10px;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.addon-right {
    width: 60%;
    padding-left: 20px;
    margin-left: 20px;
    border-left: solid 1px #919498;
}

.add-prod-title {
    width: 100%;
    padding: 10px 8px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .add-prod-title small {
        font-weight: 400;
        display: block;
    }
.addon-order-item,
.add-on-item,
.prodct-check,
.prodt-type,
.extra-row,
.addon-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .extra-row img {
        display: flex;
        margin-right: 10px;
    }

.extra-row {
    padding: 5px 0;
    border-bottom: solid 1px #eee;
}

.free {
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 600;
}

.prodct-check input {
    width: 20px;
    height: 20px;
}

.addon-error {
    width: 100%;
    color: #f36a20;
    background-color: rgb(245 104 29 / 20%);
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 10px;
}

.addon-price {
    font-weight: 400;
    display: block;
    font-size: 16px;
}

    .addon-price span {
        font-weight: 600;
        display: block;
        font-size: 16px;
    }

.addon-cart {
    width: 100%;
    background: #f36a20;
    color: #fff;
    padding: 10px 10px;
    margin-top: 10px;
}
.add-new-btn {
    background: #f36a20;
    padding: 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.edit-cart-btn {
    background: #f36a20;
    padding: 7px 25px;
    border-radius: 7px;
    font-size: 14px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.addon-btn a {
    color: #fff;
    text-decoration: none;
}
.addon-scroll {
    overflow-y: scroll;
    height: 390px;
    padding-right: 15px;
}
.add-on-image-product {
    width: 80px;
    margin-right: 10px;
    position:relative;
}
    .add-on-image-product img {
        height: auto;
    }
.add-on-description {
    font-size: 14px;
    color: #313131;
    width: auto;
    flex: 1;
}


    .add-on-description span {
        display: block;
        font-weight: 600;
        font-size: 12px;
    }

.make-meal
{
    background: steelblue;
}

.add-on-item {
    margin-top: 8px;
    background: #f7f7f7;
    padding: 10px;
}

.extra-title {
    font-size: 14px;
}
.add-on-price-and-qnt .qntwrap input {
    width: 20px;
}

.add-on-price-and-qnt .qntwrap {
    width: 77px;
}

.add-on-total-prices {
    width: auto;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin: 0 26px 0 0;
}
.makeit-meal-total-prices {
    /*width: 120px;*/
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.addon-order-item {
    padding: 5px 0;
    border-bottom: solid 1px #eee;
}

#CartModal.modal.open {
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 15px;
}
#CartModal.modal span.close {
    background: #f36a20;
    color: #fff;
    border-radius: 40px;
    padding: 0px 0 0 0;
    font-weight: 300;
    font-size: 26px;
    margin: -10px 0 10px 0;
}
#CartModal .addon-pop-up .addon-right {
    margin: 0px 0 0 0;
    width: 100%;
    border: none;
    padding: 0;
}
    #CartModal .addon-pop-up .addon-right .addon-scroll {
        height: auto;
        overflow: visible;
        padding: 0;
    }
        #CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon {
            background: #fff;
            margin:0px 0px 0px 0px;
            border-radius: 10px;
            padding: 10px 10px 10px;
        }
            #CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row {
                position: relative;
                padding: 7px 30px 7px 7px;
                border: none;
                border-radius: 5px;
            }
        #CartModal .addon-pop-up .addon-right .addon-scroll .add-prod-title {
            margin: 0 0 -5px 0;
        }

.addon-order-item-wrap {
    margin-bottom: 15px;
}
.addon-right {
    position: relative;
}
.addon-right .close{
    position:absolute;
    right:0;
}
#CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row input {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}
#CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row:hover {
    background: rgb(241 163 61 / 10%);
}
#CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row input + .checkmark {
    position: absolute;
    right: 7px;
    top: 9px;
    width: 16px;
    height: 16px;
    border: solid 1px #f1a33d;
    border-radius: 4px;
}
#CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row input:checked + .checkmark {
    background: #f2ac51;
}
    #CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row input:checked + .checkmark:after {
        content: '';
        width: 8px;
        height: 4px;
        border: solid 2px #fff;
        position: absolute;
        border-right: transparent;
        border-top: transparent;
        transform: rotate(-45deg);
        left: 2px;
        top: 3px;
    }
#CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row img {
    background: rgb(241 163 61 / 10%);
    padding: 4px;
    width: 25px;
    height: 25px;
    object-fit: contain;
    border-radius: 5px;
}



/* 30/05/2024 */
.location-wrap .delevery {
    position: fixed;
    left: 0;
    right: 0;
    top: 84px;
    background: #fff;
    max-width: 500px;
    padding: 15px 20px;
    z-index: 999;
    height: calc(100% - 84px);
    box-shadow: 10px 40px 30px rgb(0 0 0 / 12%);
    transition: all .3s;
    max-width: 320px !important;
    border: none;
    border-radius: 0;
}

.select-location-main-wrap {
    background-color: #F97034;
    background-image: url(../images/bottom-wave.svg);
    position: relative;
    height: calc(100vh - 172px);
    padding: 40px 0 80px;
    min-height: 540px;
    background-position: 100% 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.locations-headings,
.locations-headings span {
    font-size: 3.75rem;
    margin: 10px 0 20px 0;
    color: #fff;
    text-transform: capitalize;
    line-height: 4rem;
    display: block;
}
.pickup-and-delivery-section h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 20px 0 10px 0;
}
#CartModal .addon-pop-up {
    max-width: 460px;
    border-radius: 20px;
    background: #f0f0f5;
    flex-direction: column;
    max-height: 560px;
    justify-content: flex-start;
    overflow: auto;
    width: 100%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
    #CartModal .addon-pop-up::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
#CartModal .addon-pop-up {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    #CartModal .addon-pop-up .addon-left {
        max-width: 100% !important;
    }
    #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product {
        flex-direction: column;
    }
    #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product .addon-product img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover;
    }
        #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product .addonselected {
            margin: 0;
        }
            #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product .addonselected .addon-title {
                font-size: 16px;
                font-weight: 500;
            }
            #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product .addonselected .addon-title-wrap {
                margin: 0;
            }
            #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-top-product .addonselected .addon-des {
                font-size: 13px;
            }
        #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-cart {
            background: #fff;
            color: #6a6a6a;
            border-radius: 10px;
        }
            #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-cart .add-qnt a {
                background: #f36a20;
                padding: 7px 25px;
                border-radius: 7px;
                font-size: 14px;
                display: block;
            }
                #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-cart .add-qnt label {
                    font-size: 14px;
                }
.price-and-qnt .add-qnt .qty-items.items-quantity-138 {
    background: #fff;
    border-radius: 5px;
}
    .price-and-qnt .add-qnt .qty-items.items-quantity-138 input {
        width: 30px;
    }
.addon-order-item-wrap .addon-order-item {
    border: none;
    background: #fff;
    margin: 10px 0 0 0;
    position: relative;
    padding: 8px 10px 8px;
    border-radius: 7px;
}
    .addon-order-item-wrap .addon-order-item .select-radio input {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 9;
    }
        .addon-order-item-wrap .addon-order-item .select-radio input + .radio-custom {
            position: absolute;
            right: 10px;
            top: 11px;
            width: 15px;
            height: 15px;
            border: solid 1px #f36a20;
            border-radius: 100px;
        }
            .addon-order-item-wrap .addon-order-item .select-radio input + .radio-custom:after {
                content: '';
                position: absolute;
                left: 3px;
                top: 3px;
                width: 7px;
                height: 7px;
                background: #f36a20;
                border-radius: 100px;
                transition: all .2s;
                transform: scale(0);
            }
        .addon-order-item-wrap .addon-order-item .select-radio input:checked + .radio-custom:after {
            transform: scale(1.1);
        }
#CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item {
    background: #fff;
    border-radius: 10px;
    margin: 10px 0 0 0;
    gap: 10px;
    align-items: flex-start;
}
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-description {
        max-width: calc(100% - 130px);
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-image-product img.product-image {
        height: 100%;
        object-fit: cover;
        width:100%;
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-image-product .price-and-qnt .qty-items{
        background: #fff;
        border: solid 1px #eee;
        box-shadow: 0px 0px 5px rgb(0 0 0 / 14%);
        border-radius: 4px;
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-image-product {
        width: 130px;
        margin: 0 0 20px 0;
        height: 100px;
        position: relative;
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-description span.title-meal {
        font-size: 17px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 90%;
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-description p {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 90%;
    }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-image-product .price-and-qnt {
        margin: -25px 0 0 0;
        text-align: center;
        position: relative;
        z-index: 2;
    }
        #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-image-product .price-and-qnt button.add-quantity {
            background: #fff;
        }
    #CartModal .addon-pop-up .addon-right .addon-scroll .make-meal-list .add-on-item .add-on-description .makeit-meal-total-prices {
        text-align: left;
        font-size: 15px;
        color: #ff9c22;
    }

.list-section .mobile-menu,
.menu-catogry-top {
    display: none;
}
footer.main-footer .footer-left .myWebApp .Poweredby {
    margin: 0 0 4px 0;
    font-size: 16px;
}

footer.main-footer .footer-left .myWebApp .brand-logo {
    opacity: 1;
}
    footer.main-footer .footer-left .myWebApp .brand-logo img {
        width: 110px;
    }
footer.main-footer .footer-left .copyright {
    font-size: 16px;
    margin: 8px 0 0 0;
    color: #202431;
    display: block;
}
#CartModal .modal-window.small {
    overflow: visible;
    max-width: 460px;
}
    #CartModal .modal-window.small .modal-header span.close {
        position: absolute;
        top: -46px;
        right: 0;
        left: 0;
        margin: auto;
    }
.owl-carousel .food-item .food-image .Customizable {
    position: absolute;
    bottom: 0;
    background: #7da640;
    color: #fff;
    font-size: 11px;
    padding: 1px 15px;
    left: 0px;
    border-radius: 0px 28px 0px 0px;
}

.blink {
    animation: blinker 1s step-start infinite;
}

@keyframes blinker {
    70% {
        opacity: 0;
    }
}
.brand-logo#divLogo3 {
    background: #fff;
    width: 70%;
    padding: 5px 0;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}
.brand-logo#divLogo4 {
    background: #fff;
    width: 70%;
    padding: 5px 0;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.brand-logo#divLogo5 {
    background: #fff;
    width: 70%;
    padding: 5px 0;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

/*Responsive Style */

@media (max-width: 1600px) {
    .locations-headings, .locations-headings span {
        font-size: 3.15rem;
        margin: 10px 0 20px 0;
        color: #fff;
        text-transform: capitalize;
        line-height: 2.9rem;
        display: block;
    }
    .select-location-main-wrap .burger-image {
        align-items: center;
    }
    .select-location-main-wrap .burger-image img {
    max-width: 310px;
}

}

@media (max-width: 1240px) {

    .select-location-main-wrap .burger-image img {
        max-width: 220px;
    }
}


    @media (max-width: 1024px) {
        .select-location-main-wrap .left-image {
            max-width: 160px;
        }

        .select-location-main-wrap .right-image {
            max-width: 80px;
        }

        .select-location-content .locations-headings {
            font-size: 40px;
            line-height: 50px;
        }

        .footer-steps-info {
            flex-wrap: wrap;
        }

            .footer-steps-info .steps-info-item {
                max-width: 45%;
            }
    }

    .addon-top-product {
        display: flex;
    }

    .bill-detail-wrap .apply-buttons-grp {
        display: none;
    }

    .page-header h3.page-heading-order {
        margin: 0;
        font-size: 16px;
    }


    @media (max-width: 1500px) {
        .select-location-content .locations-headings {
            font-size: 50px;
            line-height: 55px;
        }

            .select-location-content .locations-headings span {
                display: block;
                font-size: 43px;
            }

                .select-location-content .locations-headings span br {
                    display: none;
                }

        .select-location-main-wrap .left-image {
            max-width: 200px;
        }
    }

    @media (max-width: 991px) {
        .select-location-content .locations-headings {
            font-size: 30px;
            line-height: 34px;
        }

            .select-location-content .locations-headings span {
                font-size: 27px;
            }



        .select-location-main-wrap {
            min-height: auto;
            padding-bottom: 10%;
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item span {
            font-size: 18px;
        }

        .pickup-and-delivery-section .pd-tabs .pd-tab-item:first-child,
        .pickup-and-delivery-section .pd-tabs .pd-tab-item:last-child {
            padding: 12px 60px;
        }


        .cart-main-wrap .cart-details {
            max-width: 420px;
        }

        .select-location-main-wrap .left-image {
            height: auto;
            top: 20px;
            bottom: inherit;
            max-width: 140px;
        }

        .select-location-main-wrap .right-image {
            height: auto;
            top: inherit;
            bottom: 20px;
        }
        .select-location-main-wrap .right-image-leaf{
            display:none;
        }
        .select-location-main-wrap .burger-image {
            align-items: center;
            max-height: 280px;
            right: -30px;
        }
        .select-location-main-wrap {
            overflow: hidden;
        }
        .locations-headings, .locations-headings span {
            max-width: 500px;
            margin: 0 auto;
            font-size: 2.1rem;
            display: inline-block;
            line-height: 2.7rem;
        }
        .pickup-and-delivery-section .pd-tabs {
            max-width: fit-content;
        }
        .pickup-and-delivery-section .pd-tabs .pd-tab-item{
            min-width: 110px;
            height: 43px;
        }
        .select-location-content form .input-grp {
            max-width: 510px;
            padding: 5px 5px 5px 15px;
        }
            .select-location-content form .input-grp .input-detect-location input {
                height: 48px;
            }
            .select-location-content form .input-grp .find-food {
                padding: 15px 0;
            }
            .select-location-content form .input-grp .input-detect-location .detect-location {
                top: 13px;
            }
    }


    @media (max-width: 767px) {

        .list-section .mobile-menu {
            display: block;
            padding: 0 0px;
            position: sticky;
            top: 55px;
            z-index: 1;
            background: #fff;
        }

        .menu-catogry-top {
            display: block;
        }

        .m-header .m-wrap {
            margin: 0;
        }

        .address-wrap lable.delivery-type-label {
            position: static;
            margin: 0;
        }

        .m-wrap .address-wrap {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .list-section .mobile-menu .your-menu {
            display: flex;
            overflow: auto;
            align-items: center;
            gap: 10px;
            padding: 10px 15px 10px;
        }

            .list-section .mobile-menu .your-menu .mobile-menu-items a {
                white-space: nowrap;
                text-decoration: none;
                color: #292929;
                font-size: 13px;
                background: #e7ecf5;
                padding: 6px 20px;
                display: block;
                border-radius: 100px;
                transition: all .3s;
            }

            .list-section .mobile-menu .your-menu .mobile-menu-items.active a {
                background: #ff9c22;
                color: #fff;
                box-shadow: 0px 6px 6px rgb(255 156 34 / 21%);
            }

        #mobile-view-items .owl-carousel.owl-theme {
            flex-wrap: wrap;
            padding: 0 0 100px 0;
        }

        .mobile-footer label.cart-amount.m-cart-amt {
            position: static;
            margin: 0;
            width: auto;
        }

        .mobile-footer .cart-shopping-bag span.m-total-items.cart-items {
            background: #ff9c22;
            box-shadow: 0px 0px 0px 2px #7da640;
            left: 17px;
        }

        .mobile-footer .cart-shopping-bag {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        #mobile-view-items .owl-carousel.owl-theme .item {
            width: 100%;
            max-width: 50%;
        }

        

        main.select-location-main-wrap:before,
        main.select-location-main-wrap:after {
            display: none !important;
        }

        div#divLogo {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sticky header {
            position: fixed;
            z-index: 2;
            background: #fff;
            left: 0;
            right: 0;
            transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            padding-top: 5px;
            padding-bottom: 5px;
            box-shadow: none !important;
            border-bottom: solid 1px #eee;
        }

        .addon-scroll {
            height: 250px;
        }

        .addon-pop-up {
            flex-wrap: wrap;
            overflow-y: scroll;
            height: 500px;
        }

        .addon-left {
            max-width: 100% !important;
            padding-right: 20px;
            margin-right: 0;
            border-right: transparent;
            border-bottom: solid 1px #919498;
            margin-bottom: 20px;
        }

        .addon-right {
            width: 100%;
            padding-left: 0;
            margin-left: 0;
            border-left: transparent;
        }


        .only-veg-switch label {
            color: #666;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
        }

        .c-img {
            margin-right: 10px;
            height: 50px;
        }

        .cart-header {
            padding: 11px 0;
        }

        .delivery-confrm {
            display: block;
        }

        .cart-main-wrap .bill-details-card ul.bill-items li {
            line-height: 27px;
        }

        .bill-details-card .apply-buttons-grp .apply-buttons {
            padding: 10px 25px;
        }

        .add-preprations-instuctions h3 {
            margin: 5px 0 5px 0;
        }

        .cart-details .Items-in-cart-wrap h4 {
            margin: 10px 0 10px 0;
        }

        div#div-cart-header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .cart-header .back img {
            width: 12px;
        }

        .cart-header .back {
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            margin-top: 0;
        }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap .change {
            color: #fff;
            background: #7DA640;
            padding: 0px 10px;
            border-radius: 10px;
        }

        .cart-main-wrap .bill-details-card ul.bill-items li:last-child {
            padding: 5px 0 0px 0;
            margin: 5px 0 0px 0;
        }

        .add-preprations-instuctions textarea {
            height: 85px;
        }


        #CartModal .non-veg {
            background-image: url('../images/non-veg.svg');
            position: absolute;
            width: 13px;
            height: 13px;
            background-repeat: no-repeat;
            background-color: #fff;
            background-position: center;
            border-radius: 0;
            left: 10px;
            top: 10px;
        }

        #CartModal .veg {
            background-image: url('../images/veg.svg');
            position: absolute;
            width: 13px;
            height: 13px;
            background-repeat: no-repeat;
            background-color: #fff;
            background-position: center;
            border-radius: 50px;
            left: 10px;
            top: 10px;
        }

        .m-header {
            display: block;
        }

        .pickup-address-bar {
            display: none;
        }

        .mobile-view-items {
            display: block;
        }

        .web-view-items {
            display: none;
        }

        .head-wrap .only-veg-switch {
            display: flex;
        }

        .head-wrap {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .meal-items .add-qnt {
            margin-bottom: 25px;
            margin-top: 10px;
        }

        .shopping-cart {
            width: 100%;
            height: auto;
            overflow: auto;
            border-radius: 0;
        }

        #CartModal .modal-window.small {
            overflow: visible;
            max-width: 460px;
            margin: 0;
        }

        .items {
            height: auto;
            flex-wrap: wrap;
            justify-content: center;
        }




        .image-add-on,
        .add-on-description {
            width: 100%;
            margin: 0;
        }

        .product-qty-description {
            width: 100%;
            text-align: center;
            margin: 6px 0;
        }

        .image-add-on img {
            width: 7%;
            height: auto;
            border-radius: 10px;
        }

        .image-add-on img {
            width: 7%;
            height: auto;
            border-radius: 10px;
        }

        .image-product,
        .description {
            width: 100%;
            text-align: center;
            margin: 6px 0;
        }

            .image-product img {
                width: 60%;
                height: auto;
                border-radius: 10px;
            }

        .buttons {
            margin-right: 20px;
        }

        .total-prices {
            width: 100%;
            margin-top: 0px;
            margin-bottom: 10px;
            padding-top: 0px;
            text-align: center;
            margin-right: 0px;
        }

        .makeit-meal-total-prices {
            width: 100%;
            margin-top: 0px;
            margin-bottom: 10px;
            padding-top: 0px;
            text-align: center;
            margin-right: 0px;
        }

        .product-qty-total-prices {
            width: 100%;
            margin-top: 0px;
            margin-bottom: 10px;
            padding-top: 0px;
            text-align: center;
            margin-right: 0px;
        }

        .itemss {
            height: auto;
            display: flex;
            flex-wrap: wrap;
        }

        .add-on-items {
            height: auto;
            display: flex;
            flex-wrap: wrap;
        }

        .product-qty-items {
            height: auto;
            display: flex;
            flex-wrap: wrap;
        }

        .food-image {
            width: 100%;
        }

            .food-image img {
                display: block;
                text-align: center;
                margin: 0 auto;
                width: 60%;
                border-radius: 10px;
            }

        .price-and-qnt {
            margin: 10px auto 0 auto;
        }

        .add-on-price-and-qnt {
            margin: 10px auto 0 auto;
        }

        .product-qty-price-and-qnt {
            margin: 10px auto 0 auto;
        }

        .meal-items {
            flex-wrap: wrap;
        }

        .top-cart {
            background: #f5f5f5;
            width: 100%;
            padding: 15px;
            margin-top: 10px;
        }

        .pickup-address-bar .delivery-to {
            display: flex;
            align-content: center;
            gap: 10px;
            max-width: 100%;
        }

        top-cart {
            background: #f5f5f5;
            width: 100%;
            padding: 10px;
            margin-top: 10px;
        }

        .select-location-main-wrap .left-image, .select-location-main-wrap .right-image {
            display: none;
        }

        main.select-location-main-wrap:before {
            content: '';
            background-image: url('../images/mobile-leaf.png');
            width: 100%;
            display: block;
            height: 59px;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: 0;
            left: 0;
        }

        main.select-location-main-wrap:after {
            content: '';
            background-image: url('../images/mobile-dish.png');
            width: 137px;
            display: block;
            height: 80px;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .select-location-content,
        .select-location-content .locations-headings {
            text-align: center;
        }

            .select-location-content form .input-grp {
                max-width: 100%;
                margin: 10px auto 0;
                padding: 15px 0;
                flex-direction: column;
                align-items: baseline;
                gap: 20px;
                background: none;
                box-shadow: none;
            }

                .select-location-content form .input-grp .input-detect-location {
                    max-width: calc(100% - 0px);
                    background: #fff;
                    border-radius: 10px;
                    box-shadow: 0px 5px 5px rgb(0 0 0 / 8%);
                    overflow: hidden;
                }

            .select-location-content .locations-headings {
                font-size: 24px;
                line-height: normal;
            }

            .select-location-content h4 {
                font-size: 14px;
            }

        .footer-steps-info .steps-info-item {
            max-width: 100%;
        }

            .footer-steps-info .steps-info-item img {
                max-width: 70px;
            }

            .footer-steps-info .steps-info-item span.arrow {
                display: none;
            }

            .footer-steps-info .steps-info-item .item-content h4 {
                font-size: 17px;
            }

            .footer-steps-info .steps-info-item .item-content p {
                font-size: 13px;
            }

        

        .pickup-and-delivery-section .pd-tabs .pd-tab-item {
            height: 50px;
        }

            .pickup-and-delivery-section .pd-tabs .pd-tab-item span {
                font-size: 14px;
            }

        .pickup-and-delivery-section .pd-tabs {
            margin-bottom: 15px;
            gap: 10px;
        }

        .select-location-content form .input-grp .find-food {
            width: 100%;
            height: 50px;
            font-size: 14px;
            padding: 0;
            border-radius: 6px;
            background: #DA612C;
            border: solid 2px #fff;
        }
        .pickup-and-delivery-section .pd-tabs .pd-tab-item.active span img {
            display: block;
            width: 18px;
        }
        .select-location-main-wrap .left-image-leaf {
            max-width: 210px;
            align-items: center;
            max-height: calc(100vh - 349px);
        }

        .pickup-and-delivery-section h4 {
            font-size: 14px;
            margin-top: 30px;
        }
        .select-location-main-wrap .brand-logo img {
            margin: auto;
            max-width: 180px;
        }
        .select-location-content {
            text-align: center;
            padding: 0px 0 0;
        }
            .select-location-content form .input-grp {
                margin: 0px auto 0;
                padding: 0px 0;
                gap: 10px;
            }
                .select-location-content form .input-grp .input-detect-location input {
                    padding-left: 15px;
                }


        .pickup-address-bar .delivery-to .custom-select {
            display: none;
        }

        .delivery-to .selected-address {
            border-color: transparent;
            padding: 0;
        }

        .pickup-address-bar {
            position: relative;
            left: 0;
            top: 0;
            z-index: 9;
            width: 100%;
            background: transparent;
            border: none;
        }

        .list-header {
            margin: 0;
        }

        .header-logo-and-search .brand-logo {
            min-width: 170px;
        }

        .header-logo-and-search .custom-select {
            display: block;
            width: auto;
        }

        .header-logo-and-search {
            display: flex;
            gap: 8%;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }

            .header-logo-and-search .custom-select span.selected-option {
                padding: 0;
                border: none;
                background: transparent;
                position: relative;
            }

            .header-logo-and-search .custom-select span.selected-option {
                width: auto;
                display: flex;
                align-items: center;
                gap: 10px;
            }

                .header-logo-and-search .custom-select span.selected-option:after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    right: 0;
                    top: 4px;
                    background-image: url(../images/chevron-down.svg);
                }

        .list-header {
            z-index: 10;
            border: none;
            position: static;
        }

        .header-logo-and-search .custom-select ul.options-list {
            position: fixed;
            left: 0;
            bottom: 0;
            z-index: 12;
            top: auto;
            border-radius: 8px 8px 0px 0px;
            padding: 10px;
            -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top {
            0% {
                -webkit-transform: translateY(140px);
                transform: translateY(140px);
            }

            100% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
            }
        }

        @keyframes slide-top {
            0% {
                -webkit-transform: translateY(140px);
                transform: translateY(140px);
            }

            100% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
            }
        }

        .options-list button.update-location {
            display: block;
            border-radius: 10px;
            background: #7DA640;
            width: 100%;
            border: none;
            color: var(--Artboard-color, #F7F8FA);
            text-align: center;
            text-shadow: 4px 8px 24px rgba(36, 107, 253, 0.25);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            height: 45px;
            margin: 15px 0 0 0;
        }

        .options-list li.selected {
            background-color: transparent;
            font-weight: bold;
            opacity: 1;
        }

        .options-list li {
            padding: 10px;
            cursor: pointer;
            font-weight: bold;
            opacity: 0.5;
        }

        .header-logo-and-search .custom-select ul.options-list li {
            border-bottom: solid 1px #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .header-logo-and-search .custom-select ul.options-list li:after {
                content: '';
                width: 6px;
                height: 6px;
                background: transparent;
                border-radius: 10px;
                box-shadow: 0px 0px 0px 1px #000;
                padding: 1px;
                border: solid 2px #fff;
            }

            .header-logo-and-search .custom-select ul.options-list li.selected:after {
                background: #212121;
            }

        .header-logo-and-search .search-bar {
            position: relative;
            width: 100%;
            margin: 15px 0 0 0;
        }

            .header-logo-and-search .search-bar #mainsearchbar {
                box-shadow: none;
                background: #F5F6F6;
                border: none;
            }

        .list-and-sidebar-wrapper .container .leftsidebar {
            position: fixed;
            border: none;
            bottom: 0;
            width: 100%;
            z-index: 99;
            background: #fff;
            max-width: 100%;
            left: 0;
            border-radius: 8px 8px 0px 0px;
            display: none;
            padding: 35px 15px 15px 15px;
            -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        #ApplyOffersModal .modal-window.small,
        div#makePayment .modal-window.small {
            position: absolute;
            left: 0;
            bottom: 0;
            margin-bottom: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .simple-tabs .tabs button.tablink {
            padding-left: 0;
            padding-right: 0;
            font-size: 14px;
        }

        .bank-offers-list .bank-offer .disc {
            text-overflow: ellipsis;
            overflow: hidden;
            padding-right: 80px;
            white-space: nowrap;
        }

        .mobilemenuopen {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.5;
            z-index: 10;
        }

        .leftsidebar .item-heading {
            display: none;
        }

        .menu ul li.active a::before,
        .menu ul li.active a::after {
            display: none;
        }

        .menu ul li a {
            padding: 0;
            line-height: 36px;
            font-size: 14px;
            display: block;
            border-bottom: solid 1px #eee;
        }

        li.all-count.web-menu-items.active a {
            color: #7DA640;
            font-weight: 500;
        }

        .list-and-sidebar-wrapper .container .leftsidebar i.mobile-menu-close {
            display: block;
            font-style: normal;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 30px;
            width: 23px;
            height: 23px;
            line-height: 25px;
            text-align: center;
        }

        .list-and-sidebar-wrapper .container .list-section {
            width: 100%;
            max-width: 100%;
            padding: 54px 0px 0 0px;
        }

        .list-section .menu-catogry-top {
            padding: 5px 10px 0 10px;
            justify-content: space-between;
        }

            .list-section .menu-catogry-top h4 {
                margin: 0;
                font-size: 15px;
                font-weight: 600;
            }

            .list-section .menu-catogry-top .only-veg-switch {
                padding: 0;
                border: none;
            }

        .pickup-address-bar + .food-slider-wrapper h2 {
            display: none;
        }

        .food-slider-wrapper .owl-carousel .owl-nav,
        .food-slider-wrapper h2 .moreslider {
            /*display: none;*/
        }

        .food-slider-wrapper h2 {
            font-size: 18px;
            line-height: 20px;
            margin: 25px 0 15px 0;
        }

        footer.main-footer {
            flex-flow: column;
            gap: 10px;
            flex-direction: column-reverse;
            background: #fff;
            padding-bottom: 10px;
        }

            footer.main-footer .footer-left,
            footer.main-footer .footer-right {
                max-width: 100%;
                width: 100%;
            }

            footer.main-footer .footer-divider {
                min-width: 1px;
                background: #E1E1E4;
                width: 100%;
                min-height: 1px;
                display: block;
            }
        /* footer.main-footer .footer-left {
            margin-bottom: 20px;
        }*/

        .mobile-menu-toggle {
            position: fixed;
            right: 10px;
            bottom: 100px;
            z-index: 11;
            background: #000000;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFF;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            gap: 4px;
            padding: 10px 12px;
            flex-direction: column;
            border-radius: 150px;
            height: 58px;
            width: 58px;
        }

            .mobile-menu-toggle img {
                width: 12px;
                margin: -2px 0 0 0;
                display: block;
            }

        .m-cart-btn.orderHistory p {
            margin: 0;
            flex: 1;
            font-weight: 500;
        }

        .list-and-sidebar-wrapper .container {
            display: flex;
            padding: 0;
        }

        .view-cart-wrapper {
            display: none !important;
            cursor: pointer;
            /*right: initial;
        left: 0;
        max-width: 100%;*/
        }

        div#confirmMobile .modal-window.small, div#enterOTP .modal-window.small {
            max-width: 375px;
            position: absolute;
            left: 0;
            bottom: 0;
            margin-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        .cart-main-wrap .container {
            flex-direction: column;
            gap: 0;
        }

        .cart-main-wrap .cart-details, .cart-main-wrap .bill-details-card {
            max-width: 100%;
            border: none;
            border-bottom: 2px solid #EAEAEA;
            padding: 0 10px 10px;
        }

            .cart-main-wrap .cart-details .address-contact-details,
            .cart-details .Items-in-cart-wrap {
                border-bottom: solid 2px #eee;
                margin: 0;
                padding: 0 0 0px 0;
            }

            .cart-main-wrap .bill-details-card .add-address-and-pay {
                position: fixed;
                bottom: 0;
                left: 0;
                background: #fff;
                width: 100%;
                padding: 10px;
                box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
            }

        .cart-main-wrap .bill-details-card {
            margin-bottom: 50px;
            position: relative;
            padding-top: 100px;
            top: 20px;
        }

        .bill-details-card .apply-buttons-grp {
            margin: 0;
            border-top: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .cart-main-wrap .cart-details .address-contact-details .address-wrap {
            flex-wrap: wrap;
            position: relative;
        }

            .cart-main-wrap .cart-details .address-contact-details .address-wrap strong {
                margin: 0px 0 0 0;
            }

            .cart-main-wrap .cart-details .address-contact-details .address-wrap span.address {
                padding-left: 0;
                margin-top: 0;
                padding-right: 0;
            }


        .cart-main-wrap .cart-details .address-contact-details {
            position: relative;
        }

            .cart-main-wrap .cart-details .address-contact-details .address-wrap .change {
                top: 0;
                right: 0;
            }

        main.cart-main-wrap {
            padding: 0px 0 50px 0;
            margin-top: -16px;
        }

        #makePayment .modal-window.small .pay-using ul.payment-options {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .top-cart ul {
            justify-content: center;
        }

        .pickup-address-bar .change-address {
            font-size: 14px;
            padding-left: 10px;
            margin-top: 17px;
        }

        .bill-details-card .add-address-and-pay button {
            border-radius: 10px;
            background: #7DA640;
            width: 100%;
            border: none;
            color: #FFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            padding: 14px 0;
            cursor: pointer;
            margin-top: 0px;
        }

        .select-location-main-wrap {
            padding: 64px 0 10px;
            min-height: calc(100vh - 240px);
            height: auto;
            background-position: 100% 108%;
        }



        .pickup-and-delivery-section {
            width: 100vw;
            max-width: 430px;
        }

        .select-location-content form .input-grp .input-detect-location .detect-location {
            top: 14px;
            width: 18px;
            overflow: hidden;
            white-space: nowrap;
        }

        .main-footer .container {
            flex-direction: column;
            gap: 20px;
            align-items: flex-start;
        }

        .select-location-content .locations-headings span {
            font-size: 20px;
        }

        #CartModal.modal.open {
            padding: 0;
            justify-content: end;
        }

        #CartModal .addon-pop-up {
            display: block;
            border-radius: 15px 15px 0px 0px;
            height: auto;
            padding-bottom: 65px;
        }

            #CartModal .addon-pop-up .addon-left {
                max-width: 100% !important;
                padding: 0;
            }

                #CartModal .addon-pop-up .addon-left .addon-product-wrap .addon-cart {
                    position: fixed;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    max-width: calc(100% - 0px);
                    border-radius: 0;
                    z-index: 99;
                    box-shadow: 0px 0px 5px rgb(0 0 0 / 19%);
                }

        .addon-order-item-wrap .addon-order-item .price-and-qnt {
            margin: 0;
        }

        #CartModal .addon-pop-up .addon-right .addon-scroll .extra-addon .extra-row input + .checkmark {
            top: 11px;
        }

        .location-wrap .delevery {
            height: auto;
            left: 0;
            top: 78px;
            margin: 0;
            width: 100%;
            border-radius: 0px 0px 8px 8px;
            max-width: 100% !important;
            box-shadow: 0px 5px 4px rgb(0 0 0 / 18%);
            border-top: solid 1px #ccc;
        }

            .location-wrap .delevery .back-arrow {
                position: fixed;
                top: 21px;
                right: 15px;
            }

            .location-wrap .delevery .location-heading-text {
                margin: 0 0 7px 0;
            }

        .user-current-location {
            justify-content: center;
        }

            .user-current-location img {
                display: none;
            }

        .location-wrap {
            position: relative;
            height: calc(100vh - 80px);
        }

        #CartModal.modal {
            -webkit-animation: none;
            animation: none;
        }

        #CartModal.modal {
            -webkit-animation: slide-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top {
            0% {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
            }

            100% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
            }
        }

        @keyframes slide-top {
            0% {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
            }

            100% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
            }
        }

        .mobile-footer .m-cart-btn {
            margin: 0 0 0 10px !important;
        }

        .delevery .confirm-location {
            padding: 15px 0;
            height: auto;
            border: none;
            width: 100%;
            box-shadow: none;
        }

        .main-footer .container {
            flex-direction: column-reverse;
        }

        footer.main-footer .footer-left .copyright {
            width: 100%;
            text-align: right;
            margin: -18px 0 0 0;
        }

        .main-footer .container .footer-right ul li {
            font-size: 13px;
            padding: 5px 0 5px 22px;
            color: #000000;
            font-weight: 500;
            max-width: 310px;
        }

            .main-footer .container .footer-right ul li:nth-child(2) {
                margin: 5px 0 9px 0;
            }

            .main-footer .container .footer-right ul li svg {
                width: 14px;
            }

            .main-footer .container .footer-right ul li:nth-child(2) svg {
                width: 16px;
            }

        .button-grp {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        form.alert-message button.btn-ok {
            width: auto;
            padding: 8px 20px;
            height: auto;
            margin: 0 6px;
            font-size: 14px;
        }

        .cart-main-wrap .bill-details-card {
            padding-top: 10px;
        }
        .pickup-and-delivery-section .pd-tabs .pd-tab-item:first-child, .pickup-and-delivery-section .pd-tabs .pd-tab-item:last-child {
            padding: 0px 0px;
            height: 35px;
            min-width: 130px;
        }
        .locations-headings, .locations-headings span {
            max-width: 300px;
            font-size: 1.5rem;
            line-height: 2rem;
        }
        .brand-logo#divLogo3 img {
            max-width: 180px;
            margin-left: 36%;
        }
        .brand-logo#divLogo4 img {
            max-width: 180px;
        }
        .brand-logo#divLogo5 img {
            max-width: 180px;
            margin-left: 36%;
        }
        
    }

    .addon-pop-up .close {
        position: absolute;
        right: 0px;
        top: -44px;
        left: 0;
        z-index: 1;
        background: black;
        color: #fff;
        border-radius: 100px;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 2px 0 0 0;
    }

    .addon-pop-up .close:hover {
        color: #fff;
    }

















    @media (max-width:575px) {
        footer.main-footer {
            padding-top: 0;
        }
        .select-location-main-wrap .burger-image {
            align-items: center;
            max-height: 240px;
            right: -80px;
        }
            .select-location-main-wrap .burger-image img {
                max-width: 150px;
            }
        .select-location-main-wrap {
            padding: 75px 0 100px;
            background-position: 100% 100.3%;
        }
            .select-location-main-wrap .left-image-leaf img {
                display: none;
            }
            .select-location-main-wrap .left-image-leaf {
                background-image: url(../images/Mobile-leaf-left.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                max-height: calc(100% - 70px);
                max-width: 110px;
                margin: 40px 0 0 0;
            }
        #divPick.locations-headings, #divPick.locations-headings span {
            font-size: 22px;
            max-width: 330px;
            line-height: 1.7rem;
        }

        footer.main-footer .footer-left .myWebApp .Poweredby, footer.main-footer .footer-left .copyright {
            font-size: 12px;
        }
        footer.main-footer .footer-left .myWebApp .brand-logo img {
            width: 70px;
        }
        .main-footer .container .footer-right ul li {
            font-size: 14px;
        }
        .cart-details .Items-in-cart-wrap .cart-items .item {
            padding: 0;
        }

            .cart-details .Items-in-cart-wrap .cart-items .item .c-img img {
                width: 100% !important;
                height: 60px !important;
                object-fit: cover;
            }

            .cart-details .Items-in-cart-wrap .cart-items .item .c-img {
                max-width: 70px;
                max-height: 60px;
                min-width: 70px;
                min-height: 60px;
                margin: 0;
            }

        .cart-details .Items-in-cart-wrap .cart-items {
            position: relative;
            padding: 0px 0px 10px 0;
            margin: 0 0 12px 0;
        }

            .cart-details .Items-in-cart-wrap .cart-items h5 {
                font-weight: 400;
                font-size: 12px;
                line-height: 15px;
            }

            .cart-details .Items-in-cart-wrap .cart-items .cart-price {
                color: #f1a33d;
                font-size: 14px;
                white-space: nowrap;
            }

        .cart-main-wrap .back {
            margin: 30px 0 15px 0;
            font-size: 16px;
        }

            .cart-main-wrap .back img {
                width: 18px;
            }

        .cart-main-wrap .bill-details-card ul.bill-items li {
            font-size: 14px;
        }

        .delevery {
            left: 15px;
            right: 15px;
            max-width: 100%;
            margin-top: -45px;
        }

        .cart-details .Items-in-cart-wrap .cart-items {
            flex-direction: column;
            align-items: flex-end;
        }

        .bill-details-card .apply-buttons-grp .apply-buttons {
            padding: 10px;
            font-size: 14px;
        }
    }

    @media (max-width:480px) {
        .pickup-and-delivery-section {
            padding: 0 15px;
        }

        .brand-logo img {
            display: block;
            max-width: 210px;
        }

        .modal .meal-items ul li {
            font-size: 13px;
            padding: 7px 15px;
        }

        .modal .modal-heading {
            /*padding: 10px 15px;*/
            border: 1px solid #EFEFEF;
            line-height: 18px;
            text-align: justify;
        }

        .header-logo-and-search .brand-logo {
            min-width: 110px;
        }

        #mobile-view-items .owl-carousel.owl-theme .item {
            width: 100%;
            max-width: 100%;
        }
    }