@media(max-width:1400px) and (min-width:320px) {
    .pre-order-text-label, .res-close-info, .res-close-type, .res-close-dayTime {
        font-size: 12px !important;
    }

    .res-close-info {
        padding: 3px 7px !important;
    }
}

@media (min-width: 1300px) {

    .bg-image--25 {
        background-position: 0px 80%;
    }
}

@media (max-width: 1300px) {
    .filter-your-search {
        display: none;
    }

    .big-width-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media(min-width:1920px) {
    .search-restaurant-and-text-slide-wrap {
        margin-top: 12%;
    }
}

@media(max-width:1365px) and (min-width:1001px) {
    .summary-ecash-earned-wrap {
        width: 100%;
    }

    .referral-stats {
        width: auto;
    }

    #loud-spkr {
        width: auto;
        float: right;
    }

    .summary-ecash-dtl-custom-date-box {
        float: right;
    }

    .summary-ecash-dtl-custom-date {
        width: auto;
        margin: 0px 10px 0 0px;
    }
}

@media(max-width:1250px) and (min-width:1025px) {
    .full-menu-inner {
        width: 80%;
    }
}

@media(min-width:1140px) {
    .header-res-search-wrap {
        width: 280px;
    }

    .header-res-search-field {
        padding: 7px 0% 7px 30px !important;
    }

    .mag-glass {
        position: absolute;
        left: 10px;
        top: 12px;
    }

    .refine-search-results-wrap {
        width: 90%;
    }

        .refine-search-results-wrap .form-control {
            padding: 10px 0px 10px 40px;
        }

        .refine-search-results-wrap span {
            position: absolute;
            left: 16px;
            top: 14px;
        }

        .header-res-search-field, .refine-search-results-wrap .form-control {
            font-size: 16px;
            border-radius: 4px;
        }

    .res-cusines-list-wrap {
        display: flex;
        align-items: center;
    }

    .res-list-more-btn-wrap .dropdown-more {
        float: right;
        margin-top: 10px;
        position: relative;
    }

    .res-list-more-btn-wrap ul.dropdown-more-inner-wrap {
        right: 0px;
    }

    .header-res-wrap {
        margin-top: 12px;
    }
}
@media(max-width:1200px) {
    .groc-left, .groc-right {
        margin-bottom: 15px;
    }
    .gro-single-item {
        width: 50%;
        float: left;
        padding: 8px;
        box-sizing: border-box;
    }
    .grocery-wrap #right-baskit {
      
        width: 310px;
    }
}
    @media(max-width:1140px) {
        .registration-or-social-wrpper .log-or-wrap {
            margin: 20px auto 0px auto;
        }
    }

    @media(max-width:1150px) and (min-width:1001px) {
        .referral-summary-right-bar-wrap {
            float: left;
        }

        .invite-refer-friends-wrap {
            width: 90%;
        }

        .ref-vdo-main {
            width: 90%;
        }

            .ref-vdo-main img {
                width: 100% !important;
            }
   
    }

    @media(max-width:1024px) {
        .foraffix.affix {
            width: 100%;
        }
 
        .row-reviewmain .left-rviewmain {
            width: 50%;
        }
        .book-table-content .datepicker {
            top: 40px;
        }

        .press-info-main-wrap {
            padding: 0px 20px;
        }

        .full-menu-border {
            width: 30%;
        }

        .full-menu-inner {
            width: 95%;
        }

        .referral-vdo-pk-main {
            width: 246px;
        }

        .rm-itm-dtl-res-logo-wrap {
            float: right;
            width: 28.5%;
        }

        .rm-itm-dtl-res-logo-wrap-dtls {
            margin-left: 10px;
            width: 69%;
        }

        .exc-deals-head-wrap {
            width: 69.35%;
        }
    }

    @media(max-width:1023px) and (min-width:1001px) {
        .full-menu-inner {
            width: 65%;
        }
    }

    @media(min-width:1000px) {
        .offers-discounts-details-res-offer {
            padding-left: 25px;
        }
       #popularCuisine {
            display: flex;
            flex-wrap: wrap;
        }
        .restrant-info-wrap .container-wrap {
            display: flex;
            justify-content: center;
        }

        .restaurant-info-details-wrap {
            flex: 1;
     
        }

        .about-supermeal-text-left {
            padding: 0 50px 0px 0px !important;
        }

        .p-0 {
            padding: 0px !important;
        }

        .c-app-footer-wrapper {
            max-width: 1325px !important;
        }

        .footer-new-wrap {
            width: 100% !important;
            max-width: 100% !important;
        }
    }

    @media(max-width:1000px) {
        /*charity home css starts here*/
        .charity-header {
            padding: 0px 15px;
        }
        .slider-home-wrap {
      
            flex-direction: column;
        }
        .chairity-slide {
            margin-bottom: 30px;
        }
        .charity-slider-right {
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: center;
            margin-left: 0px;
        }
        .charity-r-col {
            padding: 20px 15px;
         
        }
        .charity-section-wrap {
            display: flex;
            flex-direction: column;
        }
        .single-slider-1 {
            height: 300px;
        }
        .charity-home {
            padding: 15px;
            margin: 15px;
        }
        .ch-l-section, .slider-home-wrap, .chairity-slide, .ch-supporter-wrap, .ch-supporter-list-wrap {
            margin-bottom: 30px;
        }
        .ch-top-section {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin-left: 0px;
            padding: 0px;
        }
        .ch-list-repeat {
            padding: 0px 15px;
        }
        .ch-footer-donation {
            flex-direction: column;
            padding: 20px 15px;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 18px;
        }
            .ch-footer-donation a {
                margin-top: 15px;
                font-size: 16px;
            }
            .basket-empty {
                z-index: 10;
                display: none;
                position: absolute;
                left: auto;
                right: -15px;
                top: 25px;
                min-width: 60px;
                line-height: 15px;
                background: #fff;
                margin-top: 7px;
                box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35);
                text-align: center;
                font-weight: normal;
                font-size: 11px;
                color: #777;
                padding: 5px;
            }
        .uvpw-name-non-matrix {
            line-height: 18px;
        }
        #allGetCat .modal-body {
            padding: 15px;
        }
     
        .gro-item {
            float: left;
            width: 100%;
            padding: 15px 0%;
        }
        .gro-cat-item-wrap {
            width: 100%;
            margin-top: 0px;
            float: left;
            box-sizing: border-box;
            padding: 0px !important;
        }
            .gro-cat-item-wrap .owl-next, .gro-cat-item-wrap .owl-prev {
                top: 29%;
            }
            .gro-cat-item-wrap .owl-next, .gro-cat-item-wrap .owl-prev {
                background: #fd3 !important;
                border-radius: 50%;
                color: #fff !important;
                border: 3px solid #fff !important;
            }
        .modal-body .menu-line-wrap {
            display:none;
        }
                .gro-cat-item-wrap .owl-next i, .gro-cat-item-wrap .owl-prev i {
                    color: #fff !important;
                }
                .get-app-text {
                    background: none;
                    color: #000;
                    font-size: 16px;
                    padding: 0px 7px;
                }
        #allGetCat .modal-header{
            display:block;
        }
        .gro-accordion-wrap {
            display: block;
        }
        .modal-body .search-menu-page {
            display:none;
        }
        #allGetCat .icon-l {
            background: #f2f2f2;
            padding: 5px 10px;
        }
        .gro-fix-wrap .menu-line-wrap {
            margin-left:0px!important;
        }
        .items-count__filter-caption {
            padding-left: 0px !important;
        }
        .appstore-buttons a {
            background: none;
            width: 40px;
            height: 40px;
        }
            .appstore-buttons a img {
                width: 25px;
            }
            .appstore-buttons a .huawei-img {
                width: 30px;
            }

        .header-basket-wrap img {
            width: 20px;
            height: auto;
        }

        .active-bubble {
            left: 7px;
            top: -13px;
            height: 16px;
            line-height: 16px;
            width: 16px;
            border: 2px solid #fff;
            padding: 1px 1px;
            font-size: 10px;
        }

        .term-conditions-wrapper {
            border: none !important;
        }

        .common-page-title-wrap {
            display: none;
        }

        .search-menu-page {
            max-width: 100%;
        }

        .search-menu-filter-page {
            display: none;
        }

        .hide-title-after-login {
            display: none !important;
        }

        .checkout-main-heading, .aclp-h-h5 {
            display: none;
        }

        .header-basket-wrap {
            top: -1px;
        }

        #dvRestaurantTimer {
            display: none !important;
        }

        .show-res-search-page {
            display: block;
            text-align: left;
            font-size: 16px;
        }

        .breadcrumb-main-wrap {
            display: none;
        }

        #scrollFixedRes {
            position: relative;
            width: 100%;
            background: #fff;
            top: 0px;
            padding: 3px 15px 0px 15px;
            z-index: 11;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .sidebar-filter-wrap .sort-hide-web {
            display: block;
        }

        .menu-line-wrap {
            border: none;
        }

        .sidebar-filter-cusines-categ-wrap .sidebar-filter-wrap a {
            position: relative;
        }

            .sidebar-filter-cusines-categ-wrap .sidebar-filter-wrap a:after {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f054";
                position: absolute;
                right: 20px;
                font-size: 18px;
                color: #777;
                display: none;
            }

        .main-add-m-res-a {
            display: none;
        }

        .nav-up {
            top: -50px;
        }

        .nav-down {
            animation-direction: normal;
            animation-duration: 0.3s;
            -webkit-animation-name: stickySlideDown;
            animation-name: stickySlideDown;
        }

        .modal-title .icon-l {
            display: inline;
        }

        .menu-plus-btn a {
            font-weight: lighter;
            font-size: 14px;
            cursor: pointer;
            width: 25px !important;
            color: #000;
            margin-top: -2px;
            border-radius: 3px;
            height: 25px;
            line-height: 25px;
            float: right !important;
            text-align: center;
            margin-right: 10px;
        }

        .counter + a {
            color: #fff;
            background: #000;
        }

        .counter {
            float: left;
            position: absolute;
            font-size: 11px;
            background: #fd3;
            right: 0px;
            height: 20px;
            line-height: 20px;
            top: -12px;
            text-align: center;
            width: 20px;
            border-radius: 50%;
            font-weight: bold;
            z-index: 1;
        }

        .area-on-header-wrap {
            margin-left: 10px;
            display: none;
            cursor: pointer;
        }

        .area-on-header-wrap {
            font-size: 14px;
        }

            .area-on-header-wrap i {
                font-size: 16px;
            }

        .back-btn {
            float: left;
            font-size: 20px;
            color: #000 !important;
            padding: 0px 0px 0px 15px;
            cursor: pointer;
            display: block;
        }

        .app-logo-search-warpper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .back-plus-burger-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .header-res-wrap {
            margin-top: 26px;
            margin-right: 5px;
            width: 100%;
            position: absolute;
            background: #fff;
            top: 46px;
            margin: 0px !important;
            text-align: center;
            padding: 10px 0px;
            display: none;
        }

            .header-res-wrap ul {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0px 15px;
            }

        .header-res-search-warp-li {
            padding: 0px 1px;
            float: left;
            margin: 0px;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .header-res-search-wrap {
            position: relative;
            max-width: 600px;
            transition: all 0.5s ease-in-out;
            float: left;
            width: 100%;
        }

        .c-app-header-wrapper {
            background: #fff;
            align-items: center;
            position: relative;
            width: 100%;
            z-index: 1000;
            height: 50px;
        }


        .logo {
            position: relative !important;
            width: auto !important;
            background: none !important;
            padding: 0px !important;
            border-right: none !important;
            margin: -10px 0px 0px 15px !important;
            display: none;
        }

            .logo img {
                height: 30px;
            }

        .deault-background {
            margin-top: 50px;
        }
        /*ewallet-responsive css starts here*/
        .ewall-res-wrap {
            padding: 10px 15px;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            position: absolute;
            top: 60px;
            z-index: 100;
            box-sizing: border-box;
            width: 100%;
            display: block;
        }

        .ewallet-row-res {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            align-items: center;
        }

        .wallet-icon-res-wrap {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -moz-box-flex: 0;
            -moz-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

        .wallet-icon-res {
            background-color: #00a65a;
            font-size: 28px !important;
            padding: 0px 15px;
            color: #fff !important;
            display: inline-block;
        }

        .wallet-amount-price-res-wrap {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 80%;
            -moz-box-flex: 0;
            -moz-flex: 0 0 80%;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
        }

        .wallet-amount-price {
            text-align: right;
            padding: 0px;
            font-size: 30px !important;
            margin: 0px 10px 0px 0px;
            color: #fff;
        }

        .current-blance-label {
            display: block;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 0px;
            font-size: 12px !important;
        }

        .wallet-login {
            color: #fff;
            text-align: right;
            font-size: 12px;
        }

        .login-label i {
            font-size: 18px;
            margin-right: 10px;
        }
        /*ewallet reponsiive css ends here*/
        .select-Search-asap-wrap {
            margin-top: 0px;
        }

        .eWallet-loader {
            right: 45%;
        }

        .except-home-hide-on-all-pages {
            display: none;
        }

        .hide-scroll-basket {
            overflow-y: hidden !important;
        }

        .top-takeaway-sponsored {
            top: -75px;
            right: 33px;
        }

        .add-topping-wrap {
            width: 48%;
        }

        .rm-itm-dtl-res-logo-wrap-dtls {
            margin-left: 10px;
            width: 70%;
        }

        .rm-itm-dtl-res-logo-wrap {
            float: right;
            width: 98.5%;
        }

        .registration-form-wrapper .registration-header-name, .registration-form-wrapper .registration-head-msg {
            font-size: 20px;
        }

        .restaurant-detail-wrapper {
            margin-top: 0px;
        }

        .hide-web-asap {
            display: block;
        }

        .restaurant-asap-filter-responsive-wrap {
            float: left;
            width: 100%;
            margin: 10px 0px 10px 0px;
            text-align: left;
        }

        .checkout-main-wrap-margin-resp {
            margin: 10px 0px !important;
        }

        #dlDeals tr td {
            width: 50%;
            float: left;
        }

        .reg-specific-pop-deal-dtl-section {
            width: 93%;
        }

        .summary-ecash-earned-wrap {
            width: 100%;
        }

        .referral-stats {
            width: auto;
        }

        #loud-spkr {
            width: auto;
            float: right;
        }

        .summary-ecash-dtl-custom-date-box {
            float: right;
            width: 100%;
        }

        .summary-ecash-dtl-custom-date {
            width: auto;
            margin: 7px 10px 0 0px;
        }

        .account-common-content-area-wrapper {
            padding-left: 0px;
        }

        .dvRatingReview-30-review-title, .ref-invite-left-menu {
            display: none;
        }

        .profile-common-content {
            width: 98% !important;
            margin: 0 auto;
            float: none !important;
            padding-left: 0px;
        }

        .acc-combo-box-wrapper {
            float: left;
            padding: 0 0px 0 0;
            width: 108px;
        }

        .acc-history-grid-wrapper {
            width: 520px;
        }

        .acc-history-grid-content-wrapper {
            width: 100%;
        }

        .acc-date, .acc-description, .acc-debit, .acc-credit, .acc-balance {
            width: 20%;
        }

        #popularCuisine {
            padding: 0px;
        }

            #popularCuisine .owl-next, #popularCuisine .owl-prev {
                top: 43%;
            }
        h5.aclp-h-h5.aclp-h-h5-new {
            display: block;
          
        }
        .charity-list-res-wrap {
            padding: 0px 15px;
            width: 100%!important;
        }
        .aclp-h-h5-new + p {
            margin-bottom: 20px;
        }


    }
    /*Begin: Tablet Media Qurie*/
    @media (max-width: 1021px) and (min-width: 768px) {

        .rm-search-side {
            width: 100%;
        }

        .order-basket-go-btn {
            margin: 0px 10px 0px 0px;
        }

        .search-area-txtbox-restaurant {
            margin-left: 8px;
            float: left;
            width: 98%;
        }

        .orc-field-img-remove-icon {
            right: 13%;
        }

        .checkout-phoneno-io {
            float: right;
            width: 6%;
        }

        .guest-checkout-reg-msg {
            right: 15%;
        }

        .orc-field-img-remove-icon {
            right: 42% !important;
        }

        .orc-order-review-wrapper {
            margin-bottom: 10px;
        }

        #back-top {
            margin-left: 1%;
        }

        .sr-map-img {
            width: 100%;
            margin: 0px;
            height: 77px;
        }

        .order-review-checkout-wrapper {
            background: white;
        }

        .sr-dietary-cuisines-wrap {
            display: none;
        }

        .sr-dietary-cuisines-wrap {
            width: 100%;
        }

        .float-left.sr-dietary-cuisines-wrap {
            display: block;
        }

        /* CSS work for info tab starts here */
        .restaurant-info-delivery-left {
            width: 100%;
            float: left;
        }

        .restaurant-info-about-left {
            width: 100%;
            float: left;
        }

        .restaurant-info-working-hours {
            float: right;
            width: 100%;
            margin: 10px 0px;
            padding: 0px;
            box-sizing: border-box;
        }

        .restaurant-info-about-detail {
            width: 100%;
        }

        .restaurant-info-about-gallery {
            width: 30%;
        }

        /* Bilal's CSS work for info tab ends here */
        /*Begin: Header CSS*/

        .app-logo-search-warpper {
            height: auto;
            z-index: 99;
            position: relative;
        }

        .header-uan-wrap {
            margin: 0;
            height: 70px;
        }

        .header-basket-wrap {
            display: block;
            float: right;
            padding: 15px 5px 5px 5px;
            margin: 0px 15px 0px 0px;
        }

        .header-basket-rightside-amount-wrap {
            width: 60px;
            float: right;
        }

        .header-nav {
            display: none;
            width: 100%;
            clear: both;
            margin-top: 0px;
            background: #000;
        }



        .menu-line {
            border: 1px solid;
            border-radius: 10px;
            float: right;
            height: 0px;
            width: 40%;
            color: #fff;
            margin: 2px 9px 2px 0px;
        }


        .mob-nav-wrap {
            text-transform: uppercase;
            font-size: 14px;
        }

        .resp-user-header-nav {
            display: block;
        }

        .main-nav-a:hover, .header-nav-selected, .htnw-myaccount-selected, .header-nav ul li, .header-top-nav-wrapper ul li {
            width: 100%;
            border-bottom: none;
            margin: 0;
            background: none;
            box-shadow: none;
            border-top: none;
            border-left: none;
            border-right: none;
        }

            .header-nav ul li a {
                padding: 15px 0px 15px 40px;
                color: #f2f2f2;
                margin: 0px;
                width: 100%;
            }

        .nav-ul-list {
            float: left;
            width: 100%;
        }


        .header-nav-areas-list-wrap ul li {
            border: none;
        }

            .header-nav-areas-list-wrap ul li a {
                color: #000;
                margin: 0px 0;
                padding: 10px 0;
                width: 100%;
            }

            .header-nav-areas-list-wrap ul li:hover {
                background: #000;
                color: #fff;
                box-shadow: none;
                border: none;
                margin: 0px;
                width: 97%;
            }

                .header-nav-areas-list-wrap ul li:hover a {
                    color: #fff;
                    width: 97%;
                }

        .arrow-box-wrap {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999;
        }

        .arrow-box {
            background: #fff;
            border: 5px solid #ccc;
            display: none;
            float: none;
            margin: 0 auto;
            overflow: hidden;
            padding: 15px 5px;
            position: static;
            top: 0;
            width: 90%;
            z-index: 999;
        }

        .ssw-search-feild {
            width: 81%;
        }

        .center-box-wrap {
            width: 95%;
        }

        .landmarks-list-section-wrap, .town-list-section-wrap {
            background: #f2f2f2;
            border: 1px solid #d2d2d2;
            float: none;
            width: 60%;
            min-height: 500px;
            margin: 0px auto;
            overflow: auto;
        }

        .landmarks-list-section-wrap {
            margin: 30px auto 0px;
        }

        .change-city-popup-wrap {
            padding: 8px;
            background: #d2d2d2;
            margin-top: -150px;
            margin: -150px auto 0px -45%;
            width: 62%;
            position: fixed;
            left: 65%;
            top: 50%;
            z-index: 101;
        }

        .sub-nested-town-list {
            column-count: 2;
            column-gap: 20px;
            -moz-column-count: 2;
            -moz-column-gap: 20px;
            -webkit-column-count: 2;
            float: left;
            width: 92%;
            margin: 0px 0px 10px 15px;
        }

            .sub-nested-town-list li {
                margin: 0px 10px 10px 35%;
                font-size: 11px;
                width: 70%;
            }

        .change-city-popup-inner-layer {
            width: 96.6%;
        }

        .change-city-list {
            width: 95%;
            margin: 5px auto 20px;
            overflow: auto;
            height: 115px;
        }

        .city-name-listing {
            width: 165px;
        }


        .header-login-btn-blue, .header-reg-takeaway-btn {
            width: 100%;
            padding: 15px 0px 15px 40px;
            float: left;
            background: none;
            margin: 0px;
            border-bottom: 1px solid #6c6c6c;
            border-radius: 0px;
        }

        .header-login-btn-blue {
            color: #fff;
        }

            .header-login-btn-blue:hover {
                background: none;
                border-bottom: 1px solid #6c6c6c;
                border-top: none;
                border-left: none;
                border-right: none;
            }

        .iam-res-btn-wrap {
            clear: both;
            display: block;
            overflow: hidden;
            margin: 0 auto;
            float: none;
            width: 35%;
            text-align: center;
        }

        .iam-res-btn {
            border: 1px solid #ed0000 !important;
            background: #ed0000 !important;
        }

            .iam-res-btn:hover {
                border: 1px solid #ed0000 !important;
                background: #ed0000 !important;
                padding: 10px 0px;
            }

        .main-nav-a:hover {
            margin: 0px;
        }

        .header-nav ul li a:hover {
            background: none;
            color: #fff;
            box-shadow: none;
            border: none;
            margin: 0px;
        }


        .header-more-areas-btn {
            width: 100% !important;
            padding: 10px 0px !important;
        }

            .header-more-areas-btn:hover {
                background: #0080ca !important;
                color: #fff !important;
            }

        .header-top-nav-wrapper {
            float: left;
            width: 100%;
        }

        .common-fixed-header {
            padding: 5px 0px 0px;
            position: fixed;
            transition: all 0.7s ease-in-out;
            -webkit-transition: all 0.7s ease-in-out;
        }

        .main-center-heading {
            padding-top: 10px;
            margin: 10px auto 10px auto;
        }

        .headline-home-slctd-city, #MapIconDefault {
            display: none;
        }

        .home-or-txt-wrap {
            margin: 20px auto 15px;
            width: 100%;
        }

        .home-or-txt:before, .home-or-txt:after {
            content: "_______________";
            margin: -9px 0 0 -23%;
            color: #000;
        }

        .home-or-txt:after {
            margin: -9px 0 0 3%;
        }

        /*END: Header CSS*/


        /*Begin: Index Body CSS*/
        .top-main-center-transparent-bg-wrap {
            margin: 0 auto;
            background: none;
            border: none;
        }

        .main-center-heading h1 {
            font-size: 44px !important;
        }

        .hotel-location-search-wraper {
            width: 95%;
            float: left;
            margin: 0 1%;
        }

        .home-left-txt-box {
            margin-bottom: 0px;
        }

        .home-left-txt-box, .home-right-txt-box {
            width: 100%;
            padding: 15px 10px 10px;
        }

        .home-right-txt-box {
            float: left;
            margin-bottom: 20px;
        }

        .specific-pop-deal-banner-wrap img {
            width: 100%;
            height: auto;
        }

        .popular-restaurant-wrapper {
            height: 120px;
            width: 650px;
            margin: 20px auto;
            display: block;
            float: none;
        }

        .foortalicious-items-slides-next {
            right: 10%;
            position: relative;
        }

        .foortalicious-items-slides-prev {
            right: -10%;
            position: relative;
        }

        .common-new-font-muli {
            text-align: center;
            width: 700px;
            margin: 0px auto 30px auto;
            clear: both;
            background: none;
            float: none;
        }

            .common-new-font-muli span {
                margin: 0px;
            }

        .mobile-app-div-wrap {
            width: 660px;
            margin: 0 auto;
            float: none;
            overflow: hidden;
            text-align: center;
        }

        .google-app-link {
            margin: 0px auto;
            display: block;
            float: none;
        }

        #MyAccountAction, .page-content-wrapper .popular-rest-main-wrap, .registration-main-left-content {
            display: none;
        }

        .right-box1 > .new-heading-line-shadow.uppercase {
            background-position: -90px -810px;
            height: auto;
            font-size: 44px;
            display: block;
        }
        /*END: Index Body CSS*/

        /*Begin: Search Resturent Body CSS*/
        .common-order-type-slc-wrap {
            width: 45%;
            font-size: 17px;
        }

        .sr-search-side, .fd-search-side {
            width: 50%;
        }

        .search-main-heading {
            font-size: 20px;
            width: 60%;
        }

        .sr-site-search-wrapper {
            width: 34%;
            margin-top: -10px;
        }

        .search-result-filter-wrapper, .fd-left-box {
            width: 24%;
        }

        .fd-left-box {
            padding: 5px;
        }

        .fd-online-orders-more-types {
            padding: 0;
            width: 100%;
        }

        .com-ln-border-top3 {
            float: left;
            margin: 10px 0;
        }

        .dl-clr-filters {
            margin: 5px auto;
            border-radius: 0px;
            float: none;
            display: block !important;
            width: 80%;
            overflow: hidden;
        }

        .dl-clr-filters, .clr-filters {
            padding: 0px 0px 0px 7px;
        }

            .clr-filters span, .dl-clr-filters span {
                font-size: 12px;
                margin-top: 3px;
            }

        .com-ln-border-top3 h5.srw-h-h5 {
            margin: 5px auto;
            width: 90%;
        }

        .com-ln-center-content ul li div.lnk-selected, .cuisine-types-filter-wrap ul li div {
            float: none;
            margin: 0 auto;
            background-position: 98% 50%;
            display: block;
        }

            .cuisine-types-filter-wrap ul li div.lnk-selected-li-bg {
                display: table;
                width: 86%;
            }

        .search-box-restaurant-pages, .search-result-wrapper {
            width: 75.4%;
            float: right;
            margin: 0px;
        }

        .search-result-wrapper, .fd-right-box1 {
            width: 73.6%;
        }

        .search-box-content-wrap .headtitle {
            margin-left: 0px;
            font-size: 16px;
        }

        .fd-search-side {
            width: 52%;
            overflow: inherit;
            margin-left: 1%;
        }

        .search-box-content-wrap .all-order-types {
            width: 23%;
            font-size: 14px;
            float: right;
            margin-left: 0px;
        }

        .all-order-types .dropdown li a {
            border-radius: 0 0 5px 5px;
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            width: 100%;
            padding: 4px 0px;
        }

            .all-order-types .dropdown li a .img-delivery {
                width: 21px;
                margin: 2px 8px 0 10px;
            }

            .all-order-types .dropdown li a .fd-types-btn-restaurants {
                font-size: 14px;
            }

        .sr-content-right-area {
            width: 33%;
            margin: 0px 0px 10px 1%;
        }

        .sr-ecash-wrap {
            width: 126px;
            float: left;
            padding: 0px;
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .ecash-link {
            background: none;
            color: #000;
        }

        .sr-ecash-link {
            width: 126px;
            border-radius: 0px;
        }

        .sr-content-box-wrapper {
            width: 98%;
            padding-bottom: 0px;
        }

        .sr-content-text-area {
            width: 40%;
        }

        .sr-voucher-dtl-wrap, .app-download-label {
            width: 100%;
        }

        .sr-voucher-content {
            width: 67%;
        }

        .sr-voucher-offer-btn {
            padding: 2px 5px;
            margin: 5px 3px 0 0;
        }

        .fd-dlv-order {
            width: 50%;
            margin: 8% 0px 0px 5px;
        }
        /*END: Search Resturent Body CSS*/


        /* Restaurant Menu Page CSS for Tablet Starts Here */

        /**/
        /* Left Content CSS Here for Tablet View Starts*/

        .rs-left-content {
            width: 100%;
        }

        .restaurant-deals-wrapper {
            width: 100%;
        }

        .menu-col-left {
            display: none;
        }

        .restuarent-category-name {
            width: 80%;
            padding: 5px;
        }

        .filter-box { /*width: 100%;height: 30px;*/
            margin: 0px 2% 20px 2% !important;
            width: 96%;
        }

        .filter-price-detail {
            font-size: 14px;
            width: 100%;
        }

        .filter-price-detail {
            font-size: 14px;
            width: 100%;
            height: auto;
        }

            .filter-price-detail input {
                width: 99%;
                margin: 10px 0 0 0;
                padding: 0;
            }

        .spn-filter-price-txt {
            float: left;
            margin: 16px 1% 0px;
            width: 24%;
            font-size: 12px;
        }

        .filter-price-txtbox-wrap {
            margin-top: 5px;
            float: right;
            width: 74%;
        }

        .filter-price-detail .riw-menu-price-filter {
            width: 100%;
            background-image: none;
            background-color: #FFFFFF;
            margin-top: 7px;
            border: 1px solid #d2d2d2;
            color: #000;
            text-transform: uppercase;
            font-size: 12px;
        }

        .riw-menu-search-filter {
            width: 7%;
            background-position: -202px -60px;
        }

        .filter-box a {
            margin-top: 0px;
        }

        .restaurant-deals {
            display: none;
        }

        #accDealsMobileWrap, #mobileBuffetMenu, #accMenuWrap {
            display: block;
            width: 100%;
            margin: 0px auto;
            padding: 0px 10px;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .rciw-category-varity-subheading, .res-category-heading, .menu-col-left, #dvMenuItems {
            display: none;
        }

        .retaurant-categeory-wrapper {
            border-bottom: 1px solid #d2d2d2;
        }

        .ricw-mi-item-name a {
            font-size: 14px;
        }

        .supermeal-left-panel-btn {
            font-size: 20px;
            font-weight: bold;
            float: left;
            position: fixed;
            top: 0px;
            display: block;
        }

        .menu-header-wrap {
            margin-left: 170px;
            padding-right: 140px;
        }

        .menu-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 0px;
        }

        .rdw-restaurant-logo {
            width: 100px;
            height: 75px;
            min-height: 100px;
        }

        .rs-slcted-menu-item-wrap, .restaurant-cover-photo-wrap {
            width: 100%;
        }

        .rdw-riw-left {
            width: 68%;
            padding: 0px 0px 0px 5px;
            float: left;
        }

        .disable-menu-text-inner {
            font-size: 12px;

        }

            .disable-menu-text-inner p {
                text-align: right;
            }

        .meta-item-heading {
            font-size: 14px;
        }

        .rdw-restaurant-info-wrapper {
            width: 85%;
            margin-top: 10px;
        }

        .riw-restaurant-name {
            font-size: 20px;
        }

        .riw-row {
            width: 92%;
        }

        .rest-menu-uan-lbl {
            font-size: 12px;
            margin: 6px 0 5px 3px;
        }

        .rm-address-dtl {
            width: 95%;
        }

        .restaurant-name-follow-link {
            font-size: 8px;
        }

        .r-offer-message {
            width: 100%;
            margin: 0px 0% 10px 0%;
            padding: 18px 30px 18px 0px;
        }


        .restautrant-category-item-wrapper {
            display: none;
        }

        /* delivery tab css */
        .list-view-wrapper {
            width: 100%;
        }

        .map-layout-wrapper, .rdw-map-view {
            width: 100%;
        }

        .rdw-lbl-view {
            margin-left: 10px;
        }

        .area-delivery-charges {
            padding: 3px 0px 0px 15px;
        }

        .list-row {
            width: 50%;
            padding: 10px 0;
        }

        .town-delivery-charges {
            width: 100%;
        }

        .ricw-mi-des-wrapper {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
        }

        .rciw-category-varityprice-wrapper {
            text-align: center;
            width: 120px;
            min-width: 100px;
            max-width: 200px;
        }

        .rciw-cv-price a {
            font-size: 12px;
        }

        .basket-header-mobile {
            display: block;
            background: #fff;
            color: #000;
            width: 96%;
            padding: 10px 2%;
            font-size: 16px;
            font-weight: lighter;
            position: fixed;
            z-index: 100;
            top: 0px;
            text-transform: uppercase;
        }

            .basket-header-mobile i {
                margin-right: 10px;
                font-size: 18px;
            }

        .affix-top {
            position: static !important;
            top: 0;
        }

        .basket-header-mobile span:hover {
            text-decoration: underline;
        }

        .cowi-h-item-timing {
            float: right;
        }

        .order-basket-wrap {
            position: fixed;
            width: 100%;
            top: 0px;
            z-index: 100;
            background: #fff;
            height: 100%;
            max-width: 100%;
        }

        .order-basket-tooltip-wrap-bottom, .coiw-item-total-wrapper, .coiw-items-wrapper, .check-out-item-wrapper {
            width: 100% !important;
        }

        .coiw-item-total-wrapper {
            padding: 12px 0px 7px;
        }



        .coiw-head-wrap {
            padding: 5px 2%;
            width: 96%;
        }

        .qctx-dtl-row, .coiw-i-qctx-wrapper {
            width: 100%;
        }

     

        .coiw-rest-dtl-dropdown-main-wrap {
            padding: 0px 0px 7px;
            width: 100%;
        }

        .restaurant-detail-wrapper {
            width: inherit;
            float: left;
        }

        .coiw-checkout-item {
            padding: 0 3%;
            width: 94%;
            margin-bottom: 10px;
        }

        .uvpw-name-non-matrix {
            width: 45%;
            font-size: 13px;
            text-transform: capitalize;
            color: #777;
            font-weight: normal;
            float: left;
            display: inline-block;
            text-align: right;
        }



        .rciw-cv-price-non-matrix {
            width: 80px;
            min-width: 80px;
            max-width: 100px;
        }


        .order-type-selection-wrap {
            margin: 10px auto 10px auto;
            width: 45%;
            float: none;
            text-align: center;
        }

        #dvDeliveryTime {
            margin: 0px 0px 0px 10px;
        }


        /* review tab css */

        .rr-review-rate-chart-wrapper {
            padding: 16px 3% 16px 0px;
            width: 96%;
        }

        .restaurant-detail-wrapper {
            width: 97.5%;
            padding: 10px 5px 10px 5px;
        }

        .rr-rrc-rate-bar-box {
            padding: 0 0 0 5px;
            width: 40%;
        }

        .rrc-rate-green-box {
            width: 55%;
            float: right;
        }

        .rr-rrc-rate-bar-box .rrc-label {
            font-size: 12px;
        }

        .review-box-wrapper {
            width: 100%;
            display: flex;
        }

        .rr-r-box {
            max-width: 95%;
            min-width: 290px;
            width: auto;
        }


        /* Restaurant Menu Page CSS for Tablet Ends Here */

        /*Begin: Food Deals CSS*/
        .fd-hot-box {
            width: 96%;
        }

        .fd-deals-page-features {
            padding: 10px 4px;
            margin: 0 0 15px -10px;
        }

        .fd-deal-logo {
            width: 20%;
            margin-top: 0;
        }

        .fd-dlv-img {
            width: 93%;
            padding: 4px 4px 1px 4px;
            height: auto;
        }

            .fd-dlv-img img {
                width: 100%;
                max-width: 100%;
                height: auto;
            }

        .fd-deals-details {
            width: 29%;
            margin-top: 15px;
        }

            .fd-deals-details .fd-getdeal {
                width: 150px;
                margin: 0;
            }
        /*END: Food Deals CSS*/



        /* Order Review Checkout Page CSS STARTS here For Tablet */

        .coiw-i-name {
            font-size: 12px;
        }

        .orc-res-dtl-wrap {
            display: none;
        }

        .orc-left-content-wrap, .orc-order-review-wrapper {
            width: 100%;
            border: none;
        }

        .orc-order-review-wrapper {
            padding: 0px;
            width: 100%;
        }

        .orc-or-border-top-heading {
            margin: 0px;
            font-size: 12px;
            width: 100%;
        }

        .orc-content-area {
            float: none;
            width: 95%;
            margin: 0px auto;
            padding: 10px 0;
        }

        .orc-or-data-item-wrapper, .orc-list-dtl-wrap {
            width: 100%;
        }

        .orc-or-border-top-heading .h-itemname {
            width: 80%;
            margin-left: 25px;
            font-size: 14px;
        }

        .orc-or-border-top-heading .h-cost {
            width: 15%;
            text-align: center;
            min-width: 10%;
            max-width: 15%;
            display: none;
        }

        .orc-or-border-top-heading .h-quantity {
            width: 15%;
            text-align: center;
            display: none;
        }

        .orc-or-border-top-heading .h-subtotal {
            width: 6%;
            text-align: center;
            font-size: 14px;
        }

        .orc-or-data-item-wrapper .h-itemname {
            width: 70%;
        }

        .orc-or-data-item-wrapper .h-cost {
            display: none;
        }

        .orc-or-data-item-wrapper .h-quantity {
            display: none;
        }

        .orc-or-data-item-wrapper .h-subtotal {
            font-size: 12px;
            width: 21%;
        }

        .orc-or-data-item-wrapper .a-link-remove {
            margin-right: 0px;
        }

        .orc-or-data-item-detail {
            font-size: 11px;
        }


        .common-your-order {
            text-transform: uppercase;
            text-align: center;
            width: 86%;
        }
        /*.orc-dtl-resp-wrap{ margin-top: 45px;}*/

        /* Order Review Checkout Page CSS ENDS here For Tablet */



        /*Begin: Login CSS*/
        .registration-main-right-content {
            width: 100%;
        }

        .login-btn-singup {
            float: none;
            margin: 0px;
        }

        .rrc-error-msg {
            float: none;
            display: block;
        }

        .rrc-rbw-r-block {
            width: 48%;
            margin: 0px 1% 20px;
        }

        .r-b-label-input-wrapper, .r-b-label-select-wrapper {
            width: 100%;
            padding-left: 0;
        }

        .liw-text-field {
            padding: 5px 0;
        }
        /*END: Login CSS*/

        .footer-privacy-lang-wrapper, .c-app-content-wrapper, .subscription-right-side, .privacy-message-wrap, .subscription-left-side, .fd-deals-details .fd-label, .sr-voucher-dtl-wrap,
        .fd-deals-page-features, .r-b-label-select-wrapper {
            width: 100%;
        }

            .privacy-message-wrap b, .cookie-icon i {
                color: #fff !important;
            }

        #dvListViewWrap .sr-map-img {
            max-width: 98%;
            height: auto;
            margin: 1% auto;
            display: inline-block;
            padding: 0px 5px;
        }

        /*Begin: Footer CSS*/
        .subscription-left-side, .subscription-right-side, .privacy-message-wrap {
            float: none;
            margin: 0 auto;
        }

        .footer-ul-li-wrap {
            width: 80%;
            margin: 0 auto;
            float: none;
            clear: both;
        }

        .footer-privacy-lang-wrapper .float-left, .footer-privacy-lang-wrapper .float-right {
            width: 70%;
            text-align: center;
        }

        .footer-privacy-lang-wrapper {
            width: 100%;
        }

        .footer-subscription-wrap {
            width: 80%;
            margin: 0 auto;
        }

        .footer-privacy-lang-wrapper .footer-card-company-logos-wrap {
            width: 46%;
            margin-left: 20px;
        }

        .c-app-footer-wrapper {
            width: 100%;
        }

        .c-app-content-wrapper {
            width: 100%;
        }

        .item-crousel-wrpr {
            width: 98%;
        }
        /*END: Footer CSS*/

        .no-display-resp-tab {
            display: none;
        }
    }
    /*END: Tablet Media Qurie*/
    @media (max-width: 1021px) {
        .disable-menu-text {
            margin-right: 10px;
        }
        .place-order-btn {
            margin-top: 0px;
        }
        .restaurant-info-about-left, .restaurant-info-delivery-left {
            padding: 0px 0px 0px 0px;
            box-sizing: border-box;
        }
        .restaurant-detail-wrapper {
            width: 100%;
            padding: 0px 20px;
            box-sizing: border-box;
        }
        .restaurant-info-about-section-wrap, .restaurant-info-delivery-section-wrap {
            flex-direction: column-reverse;
            margin: 0px;
        }
        .restaurant-info-working-hours {
            margin: 0px 0px 0px 0px;
        }
     
        .restaurant-info-working-hours-inner-div {
            margin-top: 0px;
        }
        .restaurant-info-working-hours-inner-div {
            margin-bottom: 15px;
        }
        .redeemButtonSideNav {
            float: none !important;
        }

        .header-hover-empty-basket {
            display: none;
        }

        #btnBckToMenu {
            display: flex;
            align-items: center;
        }

        .slideDown .select-Search-asap-wrap {
            margin-top: 20px;
            padding-right: 110px;
            padding-left: 0px;
        }

        .search-item-menu-wraper {
            padding: 0px 10px;
        }

        .book-a-btn {
            color: #fff;
            background-color: #39b3d7;
            border-color: #269abc;
            margin-bottom: 10px;
            font-size: 16px;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0px 5% 30px 5%;
            border-radius: 4px;
            display: block !important;
        }

        .rm-itm-dtl-res-logo-wrap {
            width: 100%;
        }

        .category-desc-label {
            border: 1px solid #d2d2d2;
            border-bottom: none;
            border-top: none;
            margin: 0px;
            padding: 10px 15px;
            color: #777;
            margin-top: -10px;
        }

        /*.retaurant-categeory-wrapper a {
            margin-bottom: 7px !important;
        }*/
        .retaurant-categeory-wrapper {
            margin-bottom: 7px;
        }
        .a-rciw-varity-price-non-matrix a {
            margin-bottom: 0px !important;
        }

        .category-desc-label + .mobile-menu-meta-wrap .rciw-menu-item-row:first-child {
            border-top: none !important;
        }

        .restuarent-category-name {
            width: 100%;
            padding: 0px;
            font-size: 26px;
            text-transform: capitalize;
            line-height: 30px;
        }

        .menu-heading-desc-wrapper p {
            width: 100%;
            color: #d2d2d2;
            font-size: 11px;
            margin-bottom: 5px;
            padding: 0px 0px 10px 0px;
            line-height: 15px;
            height: 22px;
            overflow: hidden;
            text-transform: capitalize;
        }

        .nav-responsive-hide, .welcome-back-login-name-main-wrap {
            display: none !important;
        }

        .main-nav-a:hover, .header-nav-selected, .htnw-myaccount-selected {
            color: #000;
            text-shadow: none;
        }

        .nav-ul-list {
            float: left;
            width: 100%;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 14px;
        }

            .nav-ul-list li {
                background: #fff !important;
                float: left;
                width: 100%;
                color: #000;
                box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -khtml-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

                .nav-ul-list li a {
                    padding: 10px 20px;
                    float: left;
                    width: 100%;
                    box-sizing: border-box;
                    -o-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -khtml-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    color: #000 !important;
                }

        .header-links-top-border {
            border-top: 1px solid #d2d2d2;
            width: 70% !important;
            margin: 15px 15%;
        }

        .nav-ul-list li a i {
            margin-right: 10px;
            font-size: 16px;
        }

        .menu-items-detail-wrappers {
            padding: 0px;
            border: 1px solid #d2d2d2;
            border-top: none;
            margin-top: -2px;
        }

        
        .order-basket-wrap {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all 0.60s ease;
            -moz-transition: all 0.60s ease;
            transition: all 0.60s ease;
            z-index:112
        }

        .slideright {
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }

        .slideleft {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }

        .checkout-right-penal-wrap {
            width: 100% !important;
            float: left !important;
            text-align: center;
            padding: 0px 0px 0px 0px;
            margin-top: 20px !important;
        }

        #dvDiscountMessageText i, #dvPromotionMessage i {
            margin-left: 10px;
            position: absolute;
            left: 0px;
        }

        .rciw-menu-item-row {
            float: left;
            margin: 0 1px;
            min-height: 66px;
            padding: 10px 5px;
            width: 100%;
            border-top: 1px solid #d2d2d2;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .mobile-menu-arrow-custom {
            float: right;
            position: absolute;
            right: 20px;
            top: 25px;
            font-size: 30px;
            color: #000;
            z-index: 1;
        }



        .coiw-items-wrapper {
            max-height: 100%;
            overflow: hidden;
        }

        .affix-top {
            position: static !important;
            top: 0;
        }

        .affix {
            position: static !important;
        }

        .menu-col-left-wrap {
            width: 100% !important;
            float: left;
            border: none;
            background: none;
            display: none !important;
        }

        .buffet-left-wrap {
            display: none !important;
        }

        .retaurant-categeory-wrapper .lnk-selected {
            font-weight: bold;
            cursor: pointer;
            background-color: #f2f2f2;
            border-left: 3px solid #ed0000;
            padding: 5px 0px 5px 0% !important;
            width: 100%;
        }

        .menu-col-left-inner-wrap {
            position: relative !important;
            display: none !important;
        }

        .restaurant-menu-middle-wrapper {
            min-height: auto;
        }

        .filter-box input {
            width: 90%;
            padding: 5px 0% 5px 10%;
        }

        .container-menu-wrap {
            max-width: 1325px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .sr-serach-icon-2nd {
            width: 35px;
            height: 25px;
            display: block;
            background-position: -114px -64px;
            top: 2px;
            left: 0px;
            cursor: pointer;
            padding: 2px 0px;
        }

        .rrc-res-new-wrapper {
            border: 1px solid #BBBBBB;
            display: inline-block;
            float: left;
            margin: 0px 2%;
            padding: 4%;
            text-align: left;
            width: 88%;
            background: #f2f2f2;
            margin-bottom: 30px;
        }

        .restaurant-register-content {
            border: none;
        }

        .new-rrc-heading {
            display: block !important;
        }

        .menu-term-toltip {
            width: 300px;
            left: 9%;
        }

        .check-out-item-wrapper {
            position: static !important;
        }
        /*easy paisa wrap css starts here*/
        .easy-paisa-link-wrap {
            float: left;
            width: 250px;
            position: relative;
            left: 0px;
            margin: 0px 0px 0px 0px;
        }
        /*easy paisa wrap css ends here*/
        .order-your-meal-mobile-main-wrap {
            width: 330px;
        }

        .footer-powered-by {
            margin: 15px 0px 0px 0px;
        }

        .footer-mobile-banner-app-wrap {
            float: left;
        }

        .footer-mobile-banner-app-wrap {
            width: 560px;
        }
        /*menu page item details starts here*/
        .rm-itm-dtl-left-heading-wrap {
            float: left;
            width: 70%;
            margin-top: 10px;
            padding: 3px 3px 0;
        }

        .exc-deals-head-wrap {
            width: 100%;
            padding: 0px;
        }

        .exc-deals-slct-wrap {
            padding: 0px !important;
        }

        .rs-nav-wrap-slctd-menu {
            padding: 10px 8px 10px;
            display: block;
            width: 93%;
            margin: 0px 2.5% 0px 2.5%;
            float: left;
            box-sizing: border-box;
        }

        .rs-slcted-menu-item {
            border: 1px solid #D5D5D5;
            padding: 10px 8px 10px;
            display: block;
            width: 93%;
            margin: 15px 2.5% 0px 2.5%;
            float: left;
            box-sizing: border-box;
        }
        /*menu page item details Ends here*/



        .Area-find-rs-heading {
            width: 480px;
            margin: 0px auto;
        }

        .scroll-btm {
            display: block;
        }

        .offer-close-btn-wrap {
            float: right;
            position: absolute;
            top: 3px;
            right: 3px;
            right: 10px;
            font-size: 14px;
        }

        #suggestedRestaurants tr td {
            float: left;
            width: 100%;
        }

        .deal-content-box-wrap {
            width: 98%;
            padding-bottom: 0px;
        }

        .order-your-meal-mobile-wrap {
            width: 180px;
            margin: 0px 0px 0px 0px;
        }

        .order-your-meal-mobile_img-wrap {
            float: left;
            width: 130px;
            margin: 10px 0px -12px 0px;
        }

        .ricw-mi-image-wrapper img {
            height: auto;
            width: 100%;
        }

        .ricw-mi-image-wrapper {
            float: left;
            height: auto;
            width: 70px;
            margin-top: 5px;
            display: inline-block;
        }

        .basket-order-dtl-wrap {
            max-height: 85%;
            border: none;
            overflow-y: auto;
            position: absolute;
            overflow-x: hidden;
        }

        .disable-menu-text-inner {
        
            position: relative;
            width: auto;
            top: 0;
            bottom: 0;
  
        }

        .restaurant-detail-wrapper {
            border: none;
        }

        /*top take aways suggested wrap responsive starts here*/
        .top-takeaway-suggested-area-name-wrap {
            float: none;
            margin: 0px 0px 20px 0px;
        }
        /*top take aways suggested wrap responsive Ends here*/
        .filter-box {
            display: none;
        }

        .dv-area-with-dtl-wrap {
            padding: 0px 0px 0px 0px;
        }

        .t-c {
            text-align: center;
        }

        .ch-your-order-wrap {
            float: left;
            font-size: 20px;
            width: 96%;
            padding: 0px 2%;
            margin: 5px 0px 10px 0px;
            display: block;
        }

        .checkout-res-wrap {
            margin: 15px 0px 0px 0px;
        }

        .welcome-back-login-name-wrap {
            float: left;
            width: 92%;
            text-align: right;
            padding: 0px 4%;
            font-size: 12px;
            display: block;
        }

        .welcome-back-login-name-main-wrap {
            height: 17px;
            float: left;
            width: 100%;
        }

        .filter-box input {
            width: 92%;
            border: 1px solid #d2d2d2;
            color: #000;
            float: left;
            font-size: 14px;
            padding: 5px 0% 5px 6%;
            border-radius: 30px;
            background: #fff;
            text-indent: 15px;
        }



        .itm-action-wrapper {
            float: left;
            padding: 3px 0 0px 0px;
            text-align: center;
            width: 100%;
            margin: 3px 0px 0px 0px;
            position: fixed;
            bottom: 0px;
        }

        .tooltip-wrapper-bottom-menu-page {
            float: left;
            position: relative;
            top: -14px;
            left: 40%;
        }

        /*restaurant menu page responsive set*/
        #btnBckToChkOut {
            display: none;
        }

        .check-out-item-wrapper {
            margin: 50px 0px 0px 0px;
        }

        .coiw-order-scroll-wrap {
            float: left;
            width: 100%;
        }

        .coiw-order-type-head-wrap {
            float: left;
            padding: 8px 2%;
            width: 96%;
        }

        .rr-left-col-wrapper {
            float: right;
            padding: 0 0 0 0px;
            width: 100%;
            margin: 0px;
        }

        #dvOffersDis {
            width: 91%;
        }

        .offers-discounts-details-res-offer {
            width: 80%;
        }

        .offers-discounts-block {
            float: left;
            width: 100%;
        }

        .odd-action-wrap-res-offer {
            display: inline-block;
            float: right;
        }

        div#dvOfferPagination {
            clear: both;
            margin: 0px 5px 0px 0px;
        }

        .restaurant-menu-offer-wrapper {
            background: #fff;
            float: left;
            padding: 0px;
            width: 98%;
            position: relative;
            margin: 0 0 0px 0px;
        }

        .restaurant-menu-offer-inner {
            float: left;
            margin: 0px 0px;
            padding: 10px 0px 3px 0px;
            width: 100%;
        }

        .basket-address-input-wrap {
            float: none;
            width: 320px;
            margin: 10px auto;
            position: relative;
        }

        .restaurant-menu-middle-wrapper {
            display: block;
            width: 100%;
            margin: 0px;
            float: left;
            padding: 0px 10px;
        }

        .offers-wrap {
            width: 100%;
        }
        /*restaurant menu page responsive set Ends Here*/
        .right-panel-reg-wrap {
            float: none;
            width: 400px;
            display: block;
            margin: 0pc auto;
        }

        .login-form-field-wrap2 {
            width: 100%;
            text-align: center;
        }

        .orc-login-wrapper {
            float: none;
            margin: 0px auto;
        }

        .rs-nav-wrap-common-menu {
            width: 96%;
            float: left;
            margin: 13px 2%;
        }

            .rs-nav-wrap-common-menu a {
                text-align: center;
                margin: 0px 10px 0px 0px;
                padding: 5px 5px;
                float: left;
            }

        .rn-a-w-nav:hover {
            margin: 0px 10px 0px 0px;
            padding: 5px 5px;
        }

        .rs-slcted-menu-extras-wrapper, .ricw-mi-varity-extras-wrapper {
            margin: 5px 0 0px;
        }
        /*checkout css starts here*/

        .order-guest-checkout-wraper {
            width: 100%;
            margin: 10px 0px 0px 0px;
        }

        .order-guest-c-item-list-wraper {
            padding: 8px 12px 8px 11px;
            width: 97%;
        }

        .order-item-charges-wrap {
            width: 100%;
            padding: 8px 12px 8px 11px;
        }

        .order-guest-promotion-code-wrap {
            width: 36%;
        }

        .CheckoutPanel-wrap {
            width: 100%;
            float: left;
        }
        /*checkout css Ends Here*/
        .restaurant-name-follow-link {
            margin: 4px 0 0 10px;
        }

        .rm-right-side-social-wrap {
            margin: 0px 4px 0px 0px;
        }

        .riw-rows {
            padding: 0px 0px 0px 0px;
        }

        .reset-password-content-wrapper {
            width: 96% !important;
            margin: 0px 2%;
        }

        .fd-hot-box {
            padding: 10px 10px;
        }

        div#divCheckoutPanel {
            float: none;
            width: 100%;
            padding: 0px 0px 0px 0px;
        }

        .orc-checkout-alert-wrapper {
            display: inline-block;
            float: left;
            width: 99%;
        }

        .a-cew-extras-cancel {
            width: auto !important;
            padding: 8px 10px !important;
            margin-top: 0px;
        }

        .fd-filter-price-range.fd-margin {
            margin: 0px 5px 0px 0px;
        }

        .fd-filter-price-range {
            width: 48%;
        }

        .fd-filter-inp.price-box .fd-serving-heading {
            width: 48%;
        }

        .fd-serving-drpdown {
            margin: 0px 3px 0px 0px;
            width: 49%;
        }

        .sr-radius-or-sr-search-btn-wrap {
            float: left;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        .sr-search-btn-wrap {
            margin-right: 0px;
        }

        .sr-radius-deals-inner {
            float: left;
            margin-left: 11%;
        }

        .header-res-wrap {
            margin-top: 13px;
            margin-right: 20px;
        }

        .no-area-found-wrap {
            width: 100%;
            float: left;
            background: #fbe550;
            text-align: center;
            z-index: 100;
        }

        .header-res-search-wrap {
            border-radius: 3px;
        }

        .header-reg-takeaway-btn, .header-login-btn-blue {
            border: none;
        }

        .sr-search-btn-wrap {
            float: left;
        }

        .area-found-wrap-inner-not-a-delivery {
            margin-right: 5px;
        }

        .search-deals-wrap-m {
            float: right;
            border: 1px solid #d2d2d2;
            width: 73.6%;
            background: #f2f2f2;
        }

        .fd-right-box1 {
            width: 100%;
        }

        .fd-hot, .fd-new, .fd-discount {
            margin: 10px 0 10px 0px;
            width: 100%;
            float: left;
        }

        .common-order-type-slc-wrap {
            width: 360px;
            margin: 3px 0 0 10px;
            letter-spacing: 0px;
            font-size: 20px;
            text-transform: uppercase;
            float: none;
            margin: 0px auto;
        }

        .sr-radius-or-sort-by {
            float: none;
            width: 400px;
            margin: 10px auto 0px auto;
            display: block;
        }

        .sr-radius-inner select {
            padding: 6px 18px 6px 0px;
            border-radius: 4px;
            border: 1px solid #d2d2d2;
            text-indent: 3px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat #fff;
            background-position: 52px -88px;
            background-size: 460px 160px;
            width: 61%;
        }

        .sr-inner-sort-by select {
            padding: 6px 0px;
            border-radius: 4px;
            border: 1px solid #d2d2d2;
            text-indent: 5px;
            width: 75%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #fff url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat;
            background-position: 162px -88px;
            background-size: 460px 160px;
        }

        .sr-radius-or-sort-by {
            float: left;
            width: 400px;
            margin: 10px auto 0px auto;
            display: block;
        }

        .sr-search-btn-wrap {
            float: left;
            margin-top: 10px;
        }

        .sr-radius-inner {
            float: left;
            width: 30%;
            margin-left: 6%;
        }

        .sr-inner-sort-by {
            float: right;
            width: 61%;
        }

        .sr-map-img {
            display: none !important;
        }

        .hotel-location-search-find-restaurants {
            padding: 43px 0px 0px 0px;
        }

        .headline-home {
            font-size: 16px;
        }

            .headline-home i {
                font-size: 14px;
            }

        .hotel-location-search-find-restaurants {
            margin-left: 15px;
        }

        .consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
            width: 96%;
            margin: 10px 0px;
            padding: 3% 2% 3% 2%;
            margin: 10px 0px;
        }

        .hotel-location-search-location-form-control {
            margin-left: 0px;
        }

        .search-find-restaurants-area-inner-btn {
            margin-left: 2%;
        }

        .search-eat-dropdown-wrap {
            position: relative;
            float: left;
            width: 100%;
        }

        .search-location-error-field {
            height: auto;
        }

        .sr-eat-wrp {
            width: 96%;
        }

        .fd-online-orders-more-types {
            padding: 0;
            width: 100%;
        }

        .search-eat-dropdown {
            z-index: 999;
        }

        .our-team-content {
            width: 91%;
        }

        .right-panel-reg-wrap .back-login-btn {
            margin: 0px 31px 0px 0px;
        }

        .top-main-center-transparent-bg-wrap {
            float: left;
            width: 95%;
            background: #fff;
            margin: 0px 0px 20px 0px;
        }

        .consumer-search-main-wrapper {
            display: none;
        }

        .consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
            margin: 10px 0px;
        }

        .home-page-order-steps-common-spn {
            margin: 0px 5px !important;
        }

        .subscription-validate-lbls {
            float: none;
            margin: 10px 0px 0px 5px;
        }

        .our-team-excutive .intro {
            float: left;
            margin: 0 0 0 20px;
            width: 60%;
        }

        .foortal_sidebar {
            width: 30%;
        }

        .how-it-work img {
            width: 100%;
        }

        .how-it-work {
            width: 60%;
        }

        .acc-order-history-order-wrapper {
            width: 100%;
        }

        .referral-faq-wrap img {
            width: 100%;
        }

        .account-common-content-area-wrapper {
            float: left;
            width: 100%;
        }

        .profile-common-content {
            width: 98% !important;
        }

        .summary-right-content {
            width: 100%;
            float: left;
            margin-right: 0px;
        }

        .orc-checkout-alert-box {
            display: inline-block;
            float: right;
            padding: 8px 27% 0 4px;
            width: 40%;
            font-size: 14px;
            clear: right;
        }

        .ap-c-m-error-wraper {
            background-color: #fccac1;
            border: 1px solid #eb5439;
            margin: 10px auto;
            float: none;
            min-height: 70px;
            width: 90%;
        }

        .orc-checkout-btn-wrapper {
            margin-right: 107%;
        }
        /*grocery wrap css starts here*/
        .grocery-wrap {
        }

            .grocery-wrap .breadcrumb-main-wrap, .gro-item-left-wrap, .grocery-con-wrap .restaurant-header-detail-wrap, .groc-filters-wrap, .gro-remove-filters {
                display: none;
            }
        .gro-search {
            position: relative;
            width: 100%;
        }
        .gro-fix-wrap {
            float: left;
            width: 100%;
            padding: 0px 15px 0px 15px;
            box-sizing: border-box;
        }
        .grocery-wrap .rs-left-content {
            padding-right: 0px;
        }
        .items-count__filter-caption {
            width: 100%;
            display: flex;
            margin-bottom: 10px;
            padding-left: 15px;
        }
        .gro-search .search-menu-page {
            margin: 20px 0px 5px 0px;
        }


        .gro-b-wrap {
            float: left;
            width: 100% !important;
            display: flex;
            justify-content: flex-start;
            position: relative !important;
            flex-direction: column-reverse;
            align-items: flex-start;
        }
        .show-filter-gro-res{ display:block;}
        .show-filter-gro-res a {
            background: #f2f2f2;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 10px;
            box-sizing: border-box;
            font-size: 16px;
            border: 1px solid #d2d2d2;
            border-radius: 3px;
            font-weight: bold;
        }
          
        .show-filter-gro-res a  span + span{
            color:#777;
            font-size:14px;
            margin-left:5px;
        }
        .gro-item-right-wrap {
            background: #f2f2f2;
            padding: 10px 5px;
            box-sizing: border-box;
            flex: 1;
        }
        .gro-single-item-pad {
            background: #fff;
            display: flex;
            align-items: self-start;
            border: 1px solid #d2d2d2;
            padding: 5px;
        }
        .gro-single-item img {
            width: 90px;
            border: 1px solid #d2d2d2;
            display: inline-block;
            margin: 0px;
        }
        .gro-single-item-inner-wrap {
            padding: 10px 0px 10px 10px;
            width: 100%;
        }
        .rciw-cv-price-spn {
            font-size: 16px;
            font-weight: bold;
            margin: 0px 10px 0 0;
        }
            .gro-single-item-inner-wrap p {
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
        .gro-item-btn-row {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 0px 5px;
        }
        }

    @media (max-width: 1021px) and (min-width: 1001px) {
        .exc-deals-head-wrap .riw-restaurant-name span {
            font-size: 18px;
        }

        .referral-left-menu {
            width: 56%;
        }

        .referral-summary-right-bar-wrap {
            width: 26%;
        }

        .friends-cnctd-main-wrap {
            width: 100%;
        }

        .ref-vdo-main a img {
            width: 100% !important;
        }

        .ref-vdo-iframe {
            width: 100%;
        }

        .invite-refer-friends-main-wrap {
            width: 100%;
        }

        .referral-summary-right-bar-wrap {
            width: 26%;
        }

        .summary-ecash-earned-dtl-cash {
            width: 100%;
        }

        .summary-ecash-earned-dtl-cash-wrap {
            width: 100%;
        }

        .order-detail-main-wrap {
            width: 79%;
            margin: 30px 0%;
        }
    
    }

    @media (max-width:980px) {


        .fd-rs-review-wrap {
            margin: 0px 0 0 5px;
            float: left;
            width: 100%;
        }

        .log-or-wrap {
            float: left;
            margin: 20px 60px 0px 60px;
        }

        .orc-field-img-remove-icon {
            right: 13%;
        }

        .checkout-phoneno-io {
            float: right;
            width: 6%;
        }

        .guest-checkout-reg-msg {
            right: 15%;
        }

        .restaurant-info-delivery-order-table-inner {
            width: 50%;
        }

        .r-offer-message .sr-dvTerms {
            right: 4%;
        }
    }

    @media (max-width: 900px) {
        .rm-delivery-area-select-popup {
            left: 16.4% !important;
        }

        .referral-left-menu {
            width: 100%;
        }

        .referral-summary-right-bar-wrap {
            padding-top: 10px;
            width: 100%;
        }

        .summary-ecash-earned-dtl-cash {
            width: 100%;
        }

        .summary-ecash-earned-dtl-cash-wrap {
            width: 100%;
        }
        /*consumer support search page css starts here*/
        .consumer-search-cus-order-place-wrap {
            float: none;
            width: 300px;
            clear: both;
            display: block;
            text-align: center;
            margin: 0px auto;
        }

        .consumer-search-place-order-address-wrap {
            margin: 10px 0px;
        }
        /*consumer support search page css ends here*/
        .easy-paisa-link-wrap {
            float: left;
            width: 160px;
        }

        .top-recent-rs-name-link {
            width: 100%;
        }

        .log-or-wrap {
            float: left;
            margin: 20px 15px 0px 15px;
        }

        .hotel-location-search-eat {
            width: 30%;
        }

        .search-find-restaurants-area-inner-btn {
            margin-left: 0%;
        }

        .hotel-location-search-location {
            width: 66%;
        }

        .search-eat-dropdown-wrap .form-control-hotel-location {
            border-radius: 4px;
            border-right: 1px solid #d2d2d2;
        }

        .hotel-location-search-find-restaurants {
            padding: 0px;
        }

        .hotel-location-search-find-restaurants {
            margin-left: 0%;
        }

        .hotel-location-search-find-restaurants {
            width: 100%;
            text-align: center;
            margin: 10px 0px;
        }
    }

    @media(max-width:1000px) and (min-width:801px) {
        .term-conditions-wrapper {
            margin: -40px 0 0 0;
        }

        .refer-banner-wrap {
            margin: 0px 0px 40px 0px;
        }

        .full-menu-inner {
            width: 79%;
        }


        .play-btn {
            top: 30%;
            left: 48%;
        }

        .ref-vdo-main {
            float: none;
            height: 145px;
            width: 256px;
            overflow: visible;
        }

            .ref-vdo-main a img {
                width: 100%;
                margin: 0 0 0 0px;
                height: 121px;
            }
    }
    /*Begin: Mobile Media Qurie*/
    @media (max-width: 768px) {
        .left-rviewmain .foraffix {
            max-width: 100%;
            /* float: none; */
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }
        .rrc-rate-green-box, .rr-review-rate-chart-wrapper {
            margin: 30px 0% 0px 0% !important;
            max-width: 500px !important;
            width: 100% !important;
            padding: 0px !important;
        }
        .left-rviewmain div#dvAvgRating {
            padding: 0px 0px;
        }
        .left-rviewmain .rr-rrc-rate-bar-box .rrc-label {
            font-size: 12px;
            width: 40px;
            text-align: left;
        }
        .rr-rrc-rate-bar-box .rrc-row {
            width: 50%;
        }
        rr-r-box.rsinglebox {
            padding: 4px 0px 0px 5px;
        }
        .rm-itm-dtl-res-logo-wrap-dtls h2.menu-title {
            padding: 0px;
        }

        .rm-itm-dtl-res-logo {
            margin: 0 auto;
            float: left;
        }

        .consumer-search-order-history-wrap {
            width: 98%;
            margin: 0px 1%;
            overflow-x: auto;
            overflow-y: auto;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch;
            max-height: 500px;
        }

        .consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
            padding: 3% 2% 6% 2%;
        }
        /*home page input fields starts here*/
        .fm-control-loc {
            width: 88%;
            padding: 15px 12% 15px 0%;
        }

        .fm-control-eat {
            width: 88%;
            padding: 15px 12% 15px 0px;
        }

        /*home page input fields ends here*/
        .top-recent-rs-name-time-wrap {
            color: #777;
            font-size: 12px;
            margin: 20px 0px 0px 0px;
            display: block;
            float: none;
            clear: both;
        }

        .order-type-selection-wrap {
            margin: 10px auto 10px auto;
            width: 95%;
            float: none;
        }

        .external-circle-mask-wrap {
            height: 70px;
            width: 70px;
            float: left;
            background-size: 70px;
            margin-bottom: 10px;
            margin: 0px 0px 0px 5px;
        }

        .external-login-content-wrap {
            float: left;
            width: 100%;
            margin: 50px auto 0px auto;
        }

        .external-main-wrap {
            float: left;
            width: 436px;
            margin: 0px 0px 48px 0px;
        }

        /*confirm your information popup css*/
        .cnfrm-heading {
            font-size: 22px;
            color: #000;
        }

        .verification-popup-txt, .verification-popup-lbl {
            font-size: 12px;
            color: #000;
            margin: 5px 0px;
            width: 100%;
        }

        .verification-usr-dtl-wrap {
            margin-left: 10px;
            width: 62%;
        }

        .usr-dtls-inner {
            width: 29% !important;
        }

        .change-city-popup-wrap, .common-dbl-border-popup-wrap, .verification-popup {
            width: 96%;
            background: #d2d2d2;
            margin: 30px auto 0;
            padding: 0px;
            position: fixed;
            left: auto;
            top: 50%;
            margin-left: auto;
            margin-top: -230px;
            z-index: 1000;
        }

        .change-city-popup-inner-layer, .popup-inner-layer {
            border: 8px solid #f2f2f2;
            background: #fff;
            width: 98%;
            float: left;
        }

        .change-city-content, .verification-popup-content {
            background: #fff;
            padding: 15px;
            float: left;
            width: 100%;
        }

        .change-city-list, .usr-dtls-txt-wrap {
            border: 1px solid #d2d2d2;
            background: #f2f2f2;
            padding: 10px;
            margin: 30px 0px;
            width: 100%;
            float: left;
        }

        .cnfrm-blue-btn {
            font-size: 18px;
            color: #fff;
            background: #0080ca;
            padding: 10px 15px;
        }

        .edit-btn-simple {
            font-size: 16px;
            color: #000;
            padding: 10px 10px;
        }

            .edit-btn-simple:hover {
                text-decoration: underline;
            }
        /*Ends Here */
        .consumer-search-main-wrapper-new-inner {
            width: 96%;
            float: none;
            margin: 0px auto;
        }


        .area-found-wrap-inner-change-location {
            float: left;
        }

        .hotel-location-search-eat, .hotel-location-search-location, .hotel-location-search-find-restaurants {
            margin: 5px 0px;
            padding: 0px 0px;
            width: 100%;
        }

        .consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
            margin: 10px auto;
        }

        .search-find-restaurants-dropdown-wrap {
            position: relative;
            float: left;
            width: 100%;
            padding: 0px 0px;
            background: #ed0000;
            border-radius: 4px;
            text-indent: 10px;
        }

        .search-find-restaurants-area-inner-wrap li {
            float: left;
            width: 50%;
            padding: 5px 0px;
        }

        .search-find-restaurants-area-inner-wrap {
            width: 85%;
        }

        .top-main-center-transparent-bg-wrap-new {
            background: none;
            border: 1px solid #d2d2d2;
            padding: 20px 10px;
            width: 90%;
            margin: 40px 4%;
            border-radius: 5px;
            font-size: 14px;
            font-weight: normal;
        }

        .hotel-location-search-location-form-control {
            border-left: none;
        }

        .our-team-excutive .intro {
            float: left;
            margin: 0 0 0 0px;
            width: 100%;
        }

        .hotel-location-search-location-form-control {
            background: none;
            border: none;
        }

        .wrapper-dropdown-2 .dropdown li a {
            padding: 5px 0px 5px 10px;
        }
        /*home page city dropdown css ends here*/

        /*Restuarant  review css starts here*/

        .row-reviewmain {
            flex-direction: column-reverse;
        }

        .left-rviewmain, .right-reviewmain {
            margin: 20px 0px;
        }

        .left-rviewmain {
            width: 100% !important;
            margin: 11px auto !important;
            background: #fff!important;
        }


  
        .right-reviewmain {
            width: 100% !important;
        }

        .rrc-gb-g-label {
            font-size: 18px;
        }

    }
    
    @media (min-width: 800px) {
        #ulResturantCategory a {
            width: 100% !important;
        }
        .fb-mr {
            display: flex;
            align-items: center;
        }
            .fb-mr > div {
                margin: 0;
            }
        .cuisines .owl-item.search-m-wrap {
            width: 180px !important;
        }

        .show-overlay-search + .overlay-for-res-wrap {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            background-color: #000000;
            opacity: 0.5;
        }

        .min-700 {
            width: 700px !important;
        }

        .restaurant-cover-photo-wrap {
            display: flex;
            align-items: center;
        }

        .menu-title-m-wrap {
            display: flex;
            align-items: center;
        }
    }

    @media (max-width: 800px) {
        /* Hide scrollbar for Chrome, Safari and Opera */
        .ulResturantCategory-main-wrap::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for IE, Edge add Firefox */
        .ulResturantCategory-main-wrap {
            -ms-overflow-style: none;
            scrollbar-width: none; /* Firefox */
        }
        #dvDiscountMessageText .offer-term-conditions {
            width: 160px;
        }
        .ulResturantCategory-main-wrap {
           overflow-x: auto;
        }
        #ulResturantCategory a {
      
            width: auto !important;
            padding: 2px 10px !important;
            height: auto !important;
        }
            #ulResturantCategory a .restuarent-category-name {
                font-size: 16px !important;
            }
        .ulResturantCategory-main-wrap .dropdown {
            display: none !important;
        }
        .ulResturantCategory {
            overflow: initial;
        }
        #dvDiscountMessageText .terms-menu-position-set {
            left: -70px !important;
        }
        .charity-list-main-wrap {
            flex-direction: column;
        }
        .charity-list-logo-desc-wrap {
            margin-bottom: 20px;
        }
        .charity-list-amount-detailp-wrap {
            /* flex: 1; */
            display: flex;
            width: 300px;
            flex-direction: column;
            margin-left: 0px;
        }
        .ch-supporter-wrap {
            flex-direction: column;
        }
        .ch-sec-s-wrap {
            margin-bottom: 20px;
        }
        .charity-home p {
           
            max-width: 400px;
        }
        .ch-sec-s-wrap:last-child{
            margin-bottom:0px;
        }
        .ch-latest-news-wrap {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .latest-mr-1 {
            margin: 0px;
        }
        .latest-col-1 {
            flex: 1;
            margin-bottom: 40px;
        }
        .charity-logo {
            width: 150px;
        }
        #chatConfirmationModal .modal-sm {
            width: 300px;
            margin: auto;
        }
        .chat-cancel-btn-wrap {
            display: flex;
            padding: 0px 5px;
            justify-content: space-between;
        }
        .charity-r-col-d span {
            font-size: 18px;
        }
        .charity-home h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .charity-home h2 {
            font-size: 24px;
        }
        a.btn.cancel-btn {
            border: 1px solid #ed0000;
            width: 130px;
            color: #777;
            padding: 6px 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px;
        }
            .btn.cancel-btn i {
                color: #ed0000;
                margin-right: 8px;
                font-size: 16px;
            }
        .order-link-m-wrap {
            display: block;
        }
        .live-chat {
            font-size: 14px;
            min-width: 106px;
            flex-direction: row;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            text-decoration: none !important;
            margin: 0px;
            width: 140px;
        }
            .live-chat i {
                margin-right: 10px;
                font-size: 20px;
                display: block;
                margin-bottom: 5px;
            }
        .extras-w-new {
            width: 70%;
            display: inline-block;
        }
        .search-item-menu-wraper{
            margin-bottom:0px;
        }
        .gro-single-item {
            width: 100%;
        }
        .profile-edit-slct {
            position: relative;
            float: left;
            width: 100%;
        }

        .hide-responisve-wraper {
            display: none;
        }

        #dvReview .rr-r-heading {
            padding-left: 16px;
            width: 100%;
            box-sizing: border-box;
            font-size: 20px;
            padding-left: 0px;
        }

        .order-item-extra .order-item-inner-wrp-price {
            padding-right: 0px;
        }

        h2.ricw-mi-item-name a {
            width: auto !important;
        }

        .no-r-match-wrap {
            text-align: center;
            padding-left: 0px;
            margin-top: 0px;
            margin-bottom: 20px !important;
        }

        .addthis_toolbox a {
            margin-bottom: 5px;
            line-height: initial;
            width: 100%;
        }

        .social-invite-btn {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

            .social-invite-btn i {
                line-height: 40px;
            }

        .ref-invite-share-url {
            display: block;
        }

        .copy-clipboard-span {
            margin: 20px auto 0px auto !important;
            float: none !important;
            max-width: 120px;
            margin-top: 10px;
            display: flex;
        }

        .acc-profile-setting-res {
            margin-top: 15px;
            margin-bottom: 10px;
            float: left;
        }

        .acc-header-top h5.aclp-h-h5 {
            font-size: 22px;
        }

        .popular-cuisines-wraper .owl-next, .popular-cuisines-wraper .owl-prev {
            right: -25px;
        }

        .margin-in-f {
            margin-bottom: 50px !important;
        }

        .btn-redeem-home-wrap {
            max-width: 500px;
            margin-right: auto;
            display: flex;
            margin: auto;
            width: 100%;
            justify-content: center;
            bottom: 10px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

            .btn-redeem-home-wrap a {
                margin-left: 0px;
            }

        .referal-blocks-wrap {
            margin-top: 60px;
        }

        .rest-looking-found-wrap {
            width: 100%;
        }

        .res-looking-heading {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .res-looking-p1 {
            width: 100%;
            font-size: 18px;
        }

        .res-looking-link a {
            font-size: 14px;
        }

        .rest-looking-found-wrap {
            padding: 0px 10px 50px 10px;
        }

        .res-looking-p {
            font-size: 14px;
            margin-bottom: 10px;
            width: 100%;
        }

        .refer-heading {
            margin: 20px 0px 20px 0px;
        }

        .thumbnail-refer-video {
            width: 130px;
        }

        .refer-video-label {
            font-size: 13px;
        }

        .refer-video i {
            position: absolute;
            font-size: 14px;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 7px 7px 7px 10px;
            display: inline-block;
            left: 47px;
            top: 17px;
            border-radius: 50%;
            text-align: center;
            margin: 0px;
        }

        .menu-tag-image {
            float: none;
            margin: auto;
            margin-top: 5px;
            width: auto;
        }

            .menu-tag-image img {
                margin-top: 15px;
                width: auto;
            }

        .restaurant-cover-photo-wrap {
            background: rgba(0, 0, 0, 0.4);
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }

        .bio_more.bio_0 {
            width: 100%;
        }

        .footer-lists {
            display: none;
        }

        .subscription-validate-lbls {
            float: left;
            width: 100%;
         
        }


        .footer-foortal-ul-wrap li a {
            font-size: 14px;
            line-height: normal;
        }

        .footer-privacy-lang-wrapper {
            display: block;
        }

        .slideDown-basket {
            padding: 0px 0px;
            margin: 8px 0px 0px 0px;
        }

        .recomandation-box-wrapper {
            position: relative;
            width: 100%;
            padding: 0px;
            margin: 0px;
            margin-top: 60px;
            border: 1px solid white;
        }

        .cntrAlign {
            display: inline-block;
            width: 300px;
        }

        .recommText {
            margin-top: 60px;
        }

        .padding-remove-res {
            width: 100% !important;
            padding: 0px;
        }

        .tabs-menu {
            margin-top: 20px;
        }

            .tabs-menu .container {
                padding: 0px;
            }

        .order-type-dropdown {
            padding-left: 15px;
            margin-bottom: 0px;
        }

        .my-order-section-wrap {
            padding: 0px;
        }

        .my-order-section-inner-wrap {
            padding: 0px;
        }

        .my-order-wrap {
            padding: 20px 10px;
        }

        .my-order-new-row {
            display: table;
            width: 100%;
            margin-bottom: 15px;
        }

        .my-order-row {
            margin-bottom: 15px;
        }

        .left-row, .right-row {
            display: flex;
            width: 100%;
            flex: none;
        }

        .my-order-right {
            flex: none;
            width: 130px;
        }




        .star-rank-wrap {
            width: 100%;
        }

        .refer-profile-icon-wrap {
            width: 100%;
            margin: -40px auto;
            max-width: 440px;
            float: none;
        }


        .btn-hide-msg {
            float: left !important;
        }

        .footer-privacy-lang-wrapper {
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .help-link-responsive-wrap {
            float: left;
            display: block;
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #000;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-bottom: 20px;
            height: 100px;
            padding: 5px 0px;
        }

            .help-link-responsive-wrap li {
                display: inline-block;
                padding: 0px 0px 10px 5px;
            }


        .extra-modal-main-title {
            position: fixed;
            height: 50px;
            float: left;
            top: 0px;
            background: #fff;
            width: 100%;
            z-index: 3;
            padding: 30px 30px 0px 0px;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            line-height: 15px;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #dvMenuEditExtras .modal-header {
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .extra-modal-title {
            width: 100%;
            z-index: 3;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            top: 0px;
            left: 0px;
            border-radius: 0px;
            font-size: 18px;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .footer-extra-modal {
            position: fixed;
            bottom: 0px;
            width: 100%;
            background: #fff;
            padding: 10px 0px;
        }

        .vew-cw-extras-item-row .checkbox {
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-right: 65px;
            position: relative;
            width: 100%;
        }

            .vew-cw-extras-item-row .checkbox .margin-left-15 {
                position: absolute;
                right: 0px;
            }

        .extras-price-label {
            position: absolute;
            right: -60px;
            top: 0px;
        }

        .mandatory-label-req {
            position: relative !important;
            padding-right: 12px;
        }

        .vew-cw-extras-item-row .checkbox label {
            width: 90%;
            font-size: 14px;
        }

        .discount-voucher-wrap {
            width: 100%;
            margin: 10px 0px 20px 0px
        }

        .order-item-wraper {
            width: 100%;
            padding-left: 0px;
        }

        .book-table-div {
            margin: 10px auto 0 auto;
            width: 250px;
            float: none;
        }

        .menu-heading-desc-wrapper {
            padding: 0px 40px 0px 20px;
        }

        .menu-category-image-wraper {
            min-height: 90px;
        }

        .topping-scroll-modal {
            max-height: 240px;
            overflow-y: auto;
        }

        .full-menu-main-wrap p {
            float: none;
        }

        .full-menu-border {
            display: none;
        }

        .term-conditions-wrapper {
            margin: -40px 0 0 0;
        }

        .referral-terms-conds {
            margin-bottom: 15px;
        }

        .referral-vdo-pk {
            width: 300px;
            float: none;
            margin: 20px auto;
            display: block;
            overflow: hidden;
        }

        .play-btn-ref {
            width: 45px !important;
            padding: 9px 10px 9px 16px !important;
        }

        .referral-vdo-pk-main {
            width: 300px !important;
        }

        .float-left.terms-n-footer-text {
            text-align: center;
        }

        .number-address {
            margin: 7px auto;
            text-align: center;
        }

        .r-offer-message {
            padding: 10px 40px 10px 45px;
            width: 100%;
            float: left;
            margin-top: 10px;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-bottom: 0px;
        }

        .OrderDetail .label-total {
            font-size: 20px;
        }

        .collection-id {
            font-size: 14px;
            padding: 8px 10px;
        }

        .list-wrap th {
            font-size: 14px;
            white-space: nowrap;
        }

        .list-wrap td {
            font-size: 14px;
            padding: 8px 10px;
        }

        .popular-cuisnes-heading span:before, .new-heading-line-shadow span:before, .popular-cuisnes-heading span:after, .new-heading-line-shadow span:after {
            content: "";
            position: absolute;
            height: 5px;
            border-bottom: 2px dashed #aaa;
            top: 18px;
            width: 200px;
            right: 100%;
            margin-right: 30px;
            display: none !important;
        }

        .refer-new-registration-wrapper .registration-submit-button {
            font-size: 16px;
        }

        .referal-social-btn-wrrper {
            width: 330px;
            float: none;
            margin: 0 auto;
        }

            .referal-social-btn-wrrper .sup-login-heading-wrapper {
                width: 330px;
            }

        .refer-new-registration-wrapper {
            width: 330px;
            float: none;
            display: block;
            overflow: hidden;
            margin: 0 auto;
        }


        .refer-banner-wrap {
            margin: 0px 0px 40px 0px;
        }

        .refer-icon-wrap::after {
            float: none;
            position: relative;
            transform: rotate(45deg);
            -webkit-transform: rotate(90deg);
            top: 0px;
            left: 0px;
            display: block;
            margin-top: 20px;
        }

        .refer-icon-wrap {
            width: 100%;
            margin-bottom: 20px;
        }

            .refer-icon-wrap a {
                width: 160px;
                margin-bottom: 10px;
            }

        .full-menu-inner {
            width: 100%;
        }

        .iam-res-btn-wrap {
            clear: both;
            display: block;
            overflow: hidden;
            margin: 0 auto;
            float: none;
            width: 35%;
            text-align: center;
            border: 1px solid #ed0000 !important;
            background: #ed0000 !important;
            border-bottom: none !important;
        }

        .order-item-inner-wrp-name {
            font-size: 14px;
            width: 70%;
        }

        .order-item-inner-wrp-price {
            font-size: 14px;
        }

        .order-item-extra-deal-item {
            font-size: 13px;
        }

        .order-item-extra {
            font-size: 13px;
            padding-right: 25px;
        }

        .order-item-d-c-inner {
            font-size: 14px;
        }

        .checkout-title-heading {
            font-size: 16px;
        }

        .orc-foll-opt {
            font-size: 14px;
        }

        .offers-wrap {
            margin-bottom: 0px;
        }

        .ref-invite-share-section-wrap h6 {
            font-size: 14px;
        }

        .checkout-right-penal-wrap .close-pop-reg {
            display: none;
        }

        .res-discount-label {
            font-size: 14px;
        }

        .res-ecash-label {
            font-size: 16px;
        }

        .offers-wrap {
            margin-bottom: 0px;
        }

        .ricw-mi-item-value {
            font-size: 12px;
        }

        #divLoginPanel .registration-form-review-sec .no-display-resp-icon, .registration-main-right-content .registration-form-review-sec .no-display-resp-icon {
            display: none !important;
        }

        .lbl-from, .lbl-to {
            margin: 8px 8px 0 0;
        }

        .total-referral, .active-referral, .inactive-referral {
            margin: 0px;
        }

        .ap-c-m-success-wraper, .ap-c-m-error-wraper, .ap-c-m-warning-wraper, .ap-c-m-info-wraper {
            width: 100%;
        }

        .add-topping-wrap {
            width: 100%;
            margin-right: 0px;
        }


        .thans-page-content-wrapper {
            width: 100%;
        }

        #dvMessageTagAddress, #spAreaValidationError, #dvMessageCity, #dvMessageTown, #dvMessageStreet, #dvDisplayName, #dvDisplayFirstName, #dvDisplaySurName, #dvDisplayMobileCountryCode, #dvDisplayMobileNumber, #dvDisplayLandlineCountryCode, #dvDisplayMessage {
            padding-left: 5px;
            padding-bottom: 5px;
        }

        .sidebar-title-resp {
            display: block;
            padding: 3px 10px 0px 10px;
            float: left;
            background: none;
            width: 100%;
            margin: 10px 0px 13px 0px;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .sidebar-title-resp h6 {
                background: #f2f2f2;
                padding: 10px;
            }

        .special-offer-label {
            font-size: 16px;
            margin-top: 12px;
        }

        filter-box input {
            padding: 5px 0% 5px 6%;
        }

        .search-items-icon {
            position: absolute;
            left: 13px;
            top: 11px;
            color: #777;
        }

        .new-heading-line-shadow {
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .popular-deals-section-main-wrap {
            width: 49%;
            margin: 0px;
            float: none;
            display: inline-block;
            padding: 0px;
        }


        .moty-toppings-wrapper {
            width: 99%;
        }

        .moty-icow-topping-data-box {
            width: 100%;
        }

        .rm-content-multi-addresses-wrap {
            width: auto;
            float: none;
            margin-top: 6px;
            display: inline-block;
        }

        .faqs-list-wrap {
            margin: 0px 0px;
        }

        .faqs-left-wrap {
            float: left;
            width: 100%;
            padding: 0px 0px;
        }

        .right-fas-icon {
            font-size: 18px;
            position: absolute;
            right: 20px;
            top: 17px;
        }

        .faqs-right-wrap {
            float: left;
            width: 100%;
            padding: 0px 0px;
            margin-top: 30px;
        }

        .faq li.q {
            font-size: 16px;
        }



        .faqs-heading {
            font-size: 14px;
        }

        .faq li.a {
            font-size: 16px;
        }

        .ref-invite-share-html-code-box table#tblCodeBox tr {
            width: 100%;
        }

        .social-links-ref {
            width: 100%;
        }

        .moty-t-item {
            width: 46%;
        }

        .moty-t-iteminsertBox {
            width: 100%;
        }

        .topping-cost-wrap {
            padding: 10px 0px 10px 0px;
        }

        .message-warring-wrap {
            margin: 0px 2%;
            width: 96%;
        }

        .social-icon-wrap {
            position: absolute;
            bottom: 85px;
            right: 0px;
        }

        .total-price-wrap {
            float: right;
            width: 96%;
            padding: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0px 2%;
        }
        /*Restaurant menu header banner css starts here*/
        .rdw-logo-wrapper {
            float: left;
            width: 100%;
            border: none !important;
            margin-left: 0px;
            position: relative;
            margin-top: 20px;
            text-align: center;
            height: auto;
        }

        .rdw-restaurant-logo {
            border: none;
            background: #fff;
            float: left;
            width: 80px;
            height: auto !important;
            min-height: 80px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 50%;
            outline: none;
            position: relative;
            top: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            float: none;
            display: inline-block;
            margin-top: 7px;
        }

        .menu-header-wrap {
            float: left;
            color: #fff;
            margin-left: 0px;
            text-align: center;
            position: relative;
            top: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            width: 100%;
            margin-bottom: 20px;
        }

        .menu-address-wrap {
            float: none;
            margin-bottom: 0px;
            width: 100%;
            text-align: center;
            display: inline-block;
        }

        .menu-address-label {
            float: none;
        }

        .menu-star-label {
            float: none;
            margin-top: 5px;
            display: inline-block;
        }

        .restaurant-cover-photo-image-wrap img {
            max-height: 200px;
            min-height: 280px;
        }



        .menu-title {
            padding: 0px 10px 0px 0px;
            font-size: 22px;
            display: block !important;
        }

        .open-close-wrap {
            display: flex;
            margin-left: 30px;
            align-items: center;
            width: 185px;
            flex-flow: wrap;
            margin: 15px auto 0px auto;
        }

            .open-close-wrap .restaurant-header-delivery-dtl-wrap {
                color: #fff;
                height: auto;
                margin-top: 10px;
            }

        .menu-star-label {
            margin-top: 10px;
        }

        .menu-cusines-wrap {
            margin-bottom: 5px;
        }

        .menu-list-fooditem-order-distance span i {
            padding: 4px 5px 0px 0px;
            font-size: 14px;
        }

        .menu-ecash-or-discount-wrap {
            top: 15px;
        }

            .menu-ecash-or-discount-wrap span:first-child {
                font-size: 30px;
            }

            .menu-ecash-or-discount-wrap span:last-child {
                font-size: 14px;
            }

        .menu-ecash-or-discount-wrap {
            padding: 0px 10px 10px 10px;
        }
        /*Restaurant menu header banner css ends here*/
        .search-item-menu-wraper {
            display: block;
        }
        .offers-wrap {
            margin-top: 15px;
        }
        .search-menu-filter-page {
            display: none;
        }

        .coiw-points-message {
            margin-bottom: 30px;
        }

        .order-detail-main-wrap {
            width: 100%;
            margin: 0px 0%;
            display: block;
            float: left;
            border: none;
        }

        #divOrderCart {
            position: relative;
            min-height: 100px;
            background-color: #fff;
            float: left;
            width: 100%;
            max-height: 100%;
            overflow-y: auto;
        }

        .recent-order-price-filter {
            margin: -10px 0px 10px 0px;
            width: 217px;
            font-size: 16px;
        }
        /*consumer support search page css starts here*/
        .consumer-search-customer-img-wrap {
            float: none;
            width: 90px;
            display: block;
            margin: auto;
        }

        .con-sr-name {
            width: 100%;
            margin: 0px 0px 10px 10px;
            font-size: 28px;
            text-align: center;
        }

        .consumer-search-customer-details-wrap {
            float: none;
            width: 300px;
            margin: 0px auto 0px auto;
        }

        .consumer-search-cus-order-details-wrap {
            float: none;
            width: 280px;
            margin: 50px auto;
            text-align: center;
        }
        /*consumer support search page css ends here*/

        .easy-paisa-link-wrap {
            display: block;
        }

        .easy-paisa-text {
            color: #afafaf;
            font-weight: bold;
            margin: 0px 0px 10px 0px;
            font-size: 18px;
            float: none;
            text-align: center;
            display: inline-block;
        }

        .terms-n-footer-text {
            margin: 0px 0px 10px 0px;
        }

        .float-left.footer-card-company-logos-wrap {
            margin: 0px auto 10px auto;
            clear: both;
            width: 100%;
            display: inline-block;
            text-align: center;
        }

        .footer-card-company-logos-wrap span {
            float: none;
            height: 32px;
            width: 60px;
            display: inline-block;
        }

        .footer-powered-by {
            margin: 0px 0px 0px 0px;
            width: 100%;
            float: left;
            text-align: center;
            box-sizing: border-box;
        }

        .easy-paisa-link-wrap {
            width: 250px;
            display: block;
            margin: 10px auto 0px auto;
        }

        .easy-paisa-mobile-hide {
            display: none;
        }

        .top-recent-eating-food-wrap {
            width: 100%;
        }

        .top-recent-area-name-wrap {
            float: left;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        /* Alternate Restuarants Design Wrap Starts here */
        .online-alt-restaurants-wrap {
            width: 96%;
            float: left;
            margin: 0px 2%;
        }

            .online-alt-restaurants-wrap td {
                float: left;
            }

        .acc-profile-setting span.icons-span {
            left: 5px;
            top: 1px;
            margin: 0px;
        }

        .acc-profile-setting-btns-btm {
            width: 100%;
        }
        /* Alternate Restuarants Design Wrap Ends here */
        /*restrauant review starts here*/
        .re-review-content {
            width: 100% !important;
            float: left;
        }

        .review-content-main-wrap {
            width: 100%;
            float: left;
            margin: -20px 0px 0px 0px;
            border: none;
            padding: 0px;
        }

        .review-info-heding {
            float: left;
            font-size: 22px;
            margin: 0px 0 20px 0px;
            width: 100%;
        }

        .review-info-wrap {
            width: 94%;
            margin: 0 3%;
            float: left;
        }

        .review-content-area-wrap {
            width: 94%;
            margin: 0 3%;
        }
        /*restrauant review Ends here*/
        .footer-mobile-banner-app-wrap {
            width: auto;
        }

        .order-your-meal-mobile-main-wrap {
            width: 100%;
        }

        .order-your-meal-mobile-wrap {
            width: 100%;
            margin: 0px 0px 0px 0px;
        }

        .order-your-meal-mobile_img-wrap {
            float: left;
            width: 100%;
            margin: 10px 0px -12px 0px;
        }

        .common-area-search-find-btn {
            right: 2%;
        }

        #spNotDelivery {
            margin: 20px 0px 10px 0%;
            float: left;
            width: 270px;
        }

        .area-found-wrap-inner-not-a-delivery {
            float: none;
            width: 170px;
            margin: 0px auto;
            display: inline-block;
        }

        .no-area-found-wrap a {
            padding: 0px 10px;
            text-align: left;
        }

        .area-found-wrap-inner-not-a-delivery.mar-d {
            margin: 0px 0px 0px 10px;
        }

        .area-found-wrap-location {
            text-align: left;
        }

        .fd-getdeal-green, .fd-getdeal-orang, .fd-getdeal-blue, .fd-getdeal-dark-gray {
            display: block;
            width: 100%;
            margin: 0 auto;
            padding: 11px;
            font-size: 13px;
        }

        #back-top a {
            display: none;
        }

        .log-or-wrap {
            display: none !important;
        }

        .show-login-or {
            display: block !important;
        }

        .registration-or-social-wrpper .show-login-or {
            display: none !important;
        }

        .registration-content-wrapper .registration-login-password-wrap {
            width: 352px;
            float: none;
            margin: 8px auto 0px auto;
        }

        .registration-content-wrapper .login-with-email-label {
            font-size: 22px !important;
            margin: 10px 0px 10px 0px;
        }

        .registration-content-wrapper .sup-login-heading-wrapper {
            width: 352px;
            margin: 0px;
        }

        .sup-login-heading-wrapper {
            float: none;
            font-size: 20px;
            color: #000;
            margin-bottom: 15px;
            text-align: left;
            width: 352px;
            margin: 0px auto;
            clear: both;
            display: inline-block;
        }

        .registration-login-password-wrap {
            width: 352px;
            float: none;
            margin: 8px auto 0px auto;
        }

        .so-lo-or-vr {
            color: #000;
            float: left;
            font-size: 16px;
            line-height: 1;
            min-height: 15px;
            width: 100%;
            margin: 10px 0px;
            text-align: center;
            transform: rotate(0deg);
        }

            .so-lo-or-vr:before, .so-lo-or-vr:after {
                content: "____________________";
                position: absolute;
                color: #d2d2d2;
            }

            .so-lo-or-vr::before {
                margin: -6px 0px 0px -157px;
            }

        .top-takeaways-suggested-wrap {
            float: left;
            padding: 0px 0px 0px 0px;
            width: 94%;
            margin: 0px 3% 20px 3%;
        }

        .welcome-back-login-name-wrap {
            float: left;
            width: 96%;
            text-align: center;
            padding: 4px 2%;
            font-size: 12px;
            display: block;
        }

        .itm-action-wrapper {
            float: left;
            padding: 3px 0 0;
            text-align: center;
            width: 100%;
            margin: 3px 0px 5px 0px;
            position: fixed;
            bottom: 0;
            background: #fff;
        }

        div#headerWrapper {
            margin-bottom: 65px;
        }

        #ulAppliedCuisines .sr-applied-filter-remove-icon {
            margin: 0px 30px 0px 0px;
        }

        .order-guest-checkout-wraper {
            margin: 0px 0px 0px 0px;
            padding: 0px;
            width: 100%;
            min-height: 100%;
            background-color: #f2f2f2;
        }

        #btnBckToChkOut {
            display: block;
            float: left;
        }
        /*view map css starts here*/
        .sr-view-map-wrap {
            font-size: 14px;
            font-weight: normal;
            width: 100%;
            margin: 0px 0px 0px 5%;
            float: left;
        }
        /*view map  css Ends here*/
        /*area popup css starts here*/
        .common-area-txt-wrap {
            float: left;
            position: relative;
            width: 100%;
        }

        #dvAreaList {
            margin: 34px 0 0 3px;
            z-index: 100;
            position: static;
        }

        .area-pop-charges-wrap {
            float: none;
            width: 250px;
            margin: 0px auto;
        }
        /*area popup css starts Ends here*/
        .search-cuisine-main-wrap {
            font-size: 13px;
            width: 89%;
            margin: 10px auto 10px auto;
            float: none;
        }

        .email-subscription-wrap {
            float: right;
            width: 100%;
        }

        .rm-right-side-social-wrap {
            margin: 10px 0px 0px -6px;
            float: left;
        }

        .rbc-form-input-field-mobile {
            width: 79%;
        }

        .btn-guest-checkout {
            background-position: 25px 10px;
            float: left;
            padding: 20px 0px;
            text-transform: uppercase;
            border-radius: 3px;
            font-size: 16px;
            width: 94%;
            text-align: center;
        }

        .change-resturant {
            float: left;
            margin: 4px 0px 0px 10px;
        }

        .search-deals-wrap-m {
            background: white;
        }

        .sr-radius-or-sr-search-btn-wrap {
            float: none;
            width: 440px;
            margin: 0px auto;
        }



        .top-main-center-transparent-bg-wrap {
            padding: 0px 20px 0px 20px;
        }

        .fd-online-orders-types {
            margin-top: 10px;
        }

        .fd-serving-heading {
            margin: 3px 0 10px 0%;
            width: 50%;
        }

        .fd-filter-inp {
            margin: 0px auto;
            width: 89%;
            float: none;
        }

        .header-uan-wrap {
            background: #d2d2d2;
        }

        .search-box-restaurant-pages {
            background: #FFFFFF;
        }

        .fd-getdeal-dark-gray {
            width: 50%;
            padding: 11px;
        }

        .fd-filter-price-range {
            width: 48%;
        }

        .sr-diplay-search-box-restaurant-wrap, .sr-display-results {
            background: white;
        }

        .sr-search-map-wrap {
            margin: 0px auto 50px auto;
            float: none;
            width: 60%;
            text-align: center;
        }

        .fd-count-records {
            width: 100%;
        }

        .search-change-location-wrap {
            float: left;
            margin: 5px 0px 15px 0px;
        }

            .search-change-location-wrap a {
                float: none;
            }

        .sr-count-records-main-wrap {
            text-align: center;
        }

        .sr-search-count-wrap {
            border-top: none;
            border-bottom: none;
            margin: 0px;
        }

        .search-deals-wrap-m {
            float: right;
            border: none;
            width: 100%;
        }

        .fd-page-content-wrapper .search-box-restaurant-pages {
            width: 100%;
            background: #fff;
            padding: 0px 0px 25px 0px;
            float: left;
        }

        .search-box-content-wrap {
            margin: 0px;
            width: 100%;
            float: left;
        }

        .foodeals-filter-search {
            width: 100%;
            display: block;
            box-shadow: none;
            border: none;
            background: #f2f2f2;
            margin: 0px auto 2px;
        }

        .fd-right-box1 {
            min-height: 0;
            width: 100%;
            margin: 0px;
            float: left;
            border: none;
            background: #fff;
        }

        .hotel-location-search-eat-res {
            font-size: 14px;
            font-weight: normal;
            width: 89%;
            margin: 0px auto;
            float: none;
        }

        .search-box-content-wrap {
            width: 100%;
            float: left;
        }

        .common-order-type-slc-wrap {
            width: 100%;
            margin: 15px auto 10px;
            float: left;
            text-align: center;
        }

        .sr-radius-or-sort-by {
            float: left;
            width: 400px;
            margin: 2px auto;
            display: block;
        }

        .sr-search-btn-wrap {
            margin-top: 0px;
        }

        .search-find-search-text {
            text-align: center;
            width: 100%;
            float: left;
        }

        .sr-count-records {
            font-size: 28px;
        }

        .how-it-work img {
            width: 100%;
        }

        .how-it-work {
            width: 90%;
        }

        .foortal_sidebar {
            width: 100%;
            margin: 0 0px;
        }

        .referral-faq-wrap {
            width: 92%;
        }

        .referral-faq-ans {
            color: #000;
            float: left;
            list-style-type: decimal;
            margin: 10px 30px;
            width: 90%;
        }

        .referral-faq-wrap div.referral-faq-content-wrap {
            width: 100%;
        }

        .order-text {
            color: #000;
            display: inline-block;
            font-size: 24px;
            padding: 10px 0px 0px 0px;
            margin-bottom: 20px;
            width: 100%;
        }

        .change-passwod-action-change {
            padding-right: 0px !important;
        }

        .rs-slcted-menu-price, .a-rciw-varity-price, .rciw-selected, .a-rciw-varity-price-non-matrix {
            background: #fff;
            border-radius: 6px;
            cursor: pointer;
            display: inline-block;
            font-size: 32px;
            float: none;
            width: 25px;
            line-height: 21px;
            text-align: center;
            border: 1px solid #d2d2d2;
            color: #000;
            float: right;
            margin-top: -2px;
        }

        .a-cew-extras-done {
            background-color: #000;
            float: left;
            margin: 10px 5px;
            text-align: center;
            width: 50px;
            border-radius: 0px;
            padding: 7px 10px !important;
        }

        .rm-delivery-area-select-popup .float-left {
            margin-top: 0px;
        }


        .rs-slcted-menu-price {
            height: 25px;
            line-height: 25px;
            width: 25px;
        }

        .rciw-selected, .a-rciw-varity-price-non-matrix:hover {
            background-color: #000;
            color: #fff;
            width: 25px !important;
        }

        .rm-field-img-remove-icon {
            width: 7px;
            margin: 8px -20px 0 0px;
            height: 16px;
            position: absolute;
            left: 70%;
        }

        .btn-guest-checkout {
            float: left;
            margin: 0px 22px;
        }

        .orc-checkout-alert-box {
            display: inline-block;
            float: right;
            padding: 10px 0px;
            margin: 0px 24%;
            font-size: 14px;
            clear: right;
            width: 300px;
        }

        .orc-checkout-btn-wrapper {
            margin-right: 76%;
        }

        .orc-field-img-remove-icon {
            right: 26% !important;
        }

        .sr-map-img {
            width: 100%;
            margin: 0px;
            height: 77px;
        }

        .login-btn-singup {
            float: left;
        }

        .retaurant-categeory-wrapper, .retaurant-categeory-wrapper a {
            display: inline-block;
            float: left;
            width: 100%;
        }

        .subscription-left-side, .subscription-right-side, .privacy-message-wrap {
            float: left;
            margin: 0 auto;
        }

        .rs-slcted-menu-price, .a-rciw-varity-price, .rciw-selected, .a-rciw-varity-price-non-matrix {
            font-size: 14px;
            padding: 0px 0px;
        }

        .fd-filter-go-btn {
            margin: 10px 3% 0px 10px;
        }
        /*CSS work for info tab starts here */
        .rs-slcted-menu-item-price-vrities {
            float: right;
            margin-top: 10px;
            width: 300px;
            padding: 0 5px 0 0;
        }

        .rs-slcted-menu-extras-wrapper {
            width: 99%;
        }

        .mi-vew-center-content-wrapper {
            background: #E9E9E9;
        }

        .restaurant-info-delivery-order-table-inner td:nth-of-type(1) {
            text-align: left;
        }

        .restaurant-info-delivery-order-table-inner table {
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        .restaurant-info-delivery-left {
            width: 100%;
            float: left;
        }

        .restaurant-info-about-left {
            width: 100%;
            float: left;
        }

        .restaurant-info-delivery-order-table-inner {
            width: 100%;
        }

        .restaurant-info-working-hours {
            float: right;
            width: 100%;
            margin: 10px 0px;
            padding: 0px 0px 0px 0px;
        }

        .restaurant-info-about-detail {
            width: 100%;
        }

        .restaurant-info-about-gallery {
            width: 30%;
        }

        .restaurant-info-delivery-top-selling-inner-wrap {
            width: 100%;
            float: left;
        }
        /*  CSS work for info tab ends here */

        div#dvListViewWrap table {
            float: left;
        }

        body.noscroll {
            position: absolute;
            overflow-y: auto;
            width: 100%;
        }

        .common-popupl-layout, .more-takeaway, .rm-delivery-area-select-popup {
            z-index: 101;
        }

        .no-display-resp-mobile {
            display: none;
        }

        .common-popup-bg, .common-popup-video {
            z-index: 100;
        }

        .font-mobile-6 {
            font-size: 6px;
        }

        .font-mobile-14 {
            font-size: 14px;
        }

        .font-mobile-12 {
            font-size: 12px;
        }

        .font-mobile-10 {
            font-size: 10px;
        }

        .font-mobile-18 {
            font-size: 18px;
        }

        .font-mobile-20 {
            font-size: 20px;
        }

        .bw-r-btn-action {
            background: #000;
        }

        .resp-float-left {
            float: left !important;
        }

        .privacy-policy-header-wrap {
            padding: 15px 10px 60px;
            width: 85%;
        }
        /*Begin: Header CSS*/
        .header-uan-wrap {
            min-height: 75px;
            margin: 0px;
        }

        .header-basket-wrap {
            display: block;
            float: right;
            padding: 15px 5px 13px 5px;
            margin: 0px 15px 0px 0px;
            z-index: 1000;
        }



        .header-basket-rightside-amount-wrap {
            width: 60px;
            float: right;
        }

        .app-logo-search-warpper {
            height: auto;
            z-index: 100;
            border-bottom: 2px solid #d2d2d2;
            box-shadow: none !important;
            position: relative;
        }

        .all-cities {
            margin: 36px 0 0 0;
        }

        .all-cities-wrap-mobile {
            width: 20%;
            margin: 0px auto;
        }

        .mob-nav-wrap {
            text-transform: uppercase;
            font-size: 14px;
            width: 100%;
            float: right;
            margin-top: 0px;
        }

        .header-nav {
            display: none;
            width: 100%;
            clear: both;
            margin-top: 0px;
            background: #000;
        }

        .resp-user-header-nav {
            display: block;
        }

        .main-nav-a:hover, .header-nav-selected, .htnw-myaccount-selected, .header-nav ul li {
            width: 100%;
            border-bottom: none;
            margin: 0;
            background: none;
            box-shadow: none;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid #d2d2d2;
        }

        .nav-ul-list ul li:last-child {
            border: none;
        }

        .header-nav ul li a {
            padding: 15px 0px 15px 40px;
            color: #f2f2f2;
            margin: 0px;
            width: 100%;
            border-bottom: 1px solid #6c6c6c;
        }

        .header-nav-areas-list-wrap a {
            padding: 15px 0px 15px 20px;
            color: #f2f2f2;
            margin: 0px;
            width: 100%;
        }

        .header-nav-areas-list-wrap ul li a {
            border: none;
        }

        .header-top-nav-wrapper > #MyAccountAction:hover {
            border-bottom: 1px solid #6c6c6c;
        }

        .header-nav-areas-list-wrap ul li a {
            color: #000;
            margin: 0px 0;
            padding: 10px 0;
            width: 100%;
        }

        .header-nav-areas-list-wrap ul li:hover {
            background: #000;
            color: #fff;
            box-shadow: none;
            border: none;
            margin: 0px;
            width: 97%;
        }

            .header-nav-areas-list-wrap ul li:hover a {
                color: #fff;
                width: 97%;
            }

        .arrow-box-wrap {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999;
        }

        .menu-line-wrap {
            border-radius: 50px;
            float: right;
            margin: 19px 5px 0px 0px;
            width: 36px;
            cursor: pointer;
            background: #000;
            padding: 7px 0px;
        }

        .menu-line {
            border: 1px solid;
            border-radius: 10px;
            height: 0px;
            width: 35%;
            color: #fff;
            margin: 4px auto;
        }

        .header-top-nav-wrapper {
            float: left;
        }

        .nav-ul-list {
            float: left;
            width: 100%;
        }

        .header-login-btn-blue, .header-reg-takeaway-btn {
            width: 100%;
            padding: 15px 0px 15px 40px;
            float: left;
            background: none;
            margin: 0px;
            border-bottom: 1px solid #6c6c6c;
            border-radius: 0px;
        }

        .iam-res-btn {
            padding-left: 0px;
            color: #fff !important;
        }

        .header-login-btn-blue {
            color: #000;
        }

            .header-login-btn-blue:hover {
                background: none !important;
                border-bottom: 1px solid #d2d2d2 !important;
                border-top: none !important;
                border-left: none !important;
                border-right: none !important;
                color: #000 !important;
            }

        .main-nav-a:hover {
            margin: 0px;
        }

        .header-nav ul li a:hover {
            background: none;
            color: #fff;
            border-bottom: 1px solid #6c6c6c;
            box-shadow: none;
            margin: 0px;
        }

        .header-uan-wrap {
            display: none;
        }

        .arrow-box {
            background: #fff;
            border: 5px solid #ccc;
            display: none;
            float: none;
            margin: 0 auto;
            overflow: hidden;
            padding: 15px 5px;
            position: static;
            top: 0;
            width: 90%;
            z-index: 999;
        }

        .center-box-wrap {
            width: 95%;
        }

        .landmarks-list-section-wrap, .town-list-section-wrap {
            float: none;
            width: 90%;
            min-height: 500px;
            margin: 0px auto;
            overflow: hidden;
            padding-left: 10px;
        }

        .landmarks-list-section-wrap {
            margin: 30px auto 0px;
        }

        .sub-nested-town-list {
            float: none;
            width: 75%;
            margin: 10px -245px 0px 0px;
            column-count: 1;
            column-gap: 20px;
            -moz-column-count: 1;
            -moz-column-gap: 20px;
            -webkit-column-count: 1;
        }

            .sub-nested-town-list li {
                margin: 10px 10px 10px 35%;
                font-size: 11px;
                width: 70%;
            }

        .sub-nested-town-list-320 li {
            margin: 10px 10px 10px 5%;
            font-size: 11px;
            width: 50%;
        }

        .town-name-list {
            float: none;
        }


        .change-city-popup-inner-layer {
            width: 96.6%;
        }

        .change-city-list {
            width: 95%;
            margin: 5px auto 20px;
            overflow: auto;
            height: 160px;
        }

        .city-name-listing {
            width: 165px;
        }

        .no-shown-for-mobile {
            display: block;
        }

        .sr-resturent-name-wrap {
            float: none;
        }

        .sr-content-res-name {
            max-width: 100%;
            font-size: 16px;
            text-align: left;
        }

        .header-more-areas-btn {
            width: 100% !important;
            padding: 10px 0px !important;
        }

            .header-more-areas-btn:hover {
                background: #0080ca !important;
                color: #fff !important;
            }

        .arrow-box:before {
            display: none;
        }

        .arrow-box:after {
            display: none;
        }

        .common-fixed-header {
            padding: 5px 0px 0px;
            position: fixed;
            transition: all 0.7s ease-in-out;
            -webkit-transition: all 0.7s ease-in-out;
        }

        .headline-home-slctd-city, #MapIconDefault {
            display: none;
        }
        /*END: Header CSS*/


        /*Begin: Body CSS*/

        .filter-close-io {
            right: -4%;
        }

        #MyAccountAction, .master-page-random-bg, .consumer-search-main-wrapper img.lazy {
            display: none;
        }

        .top-main-center-transparent-bg-wrap {
            padding: 0px 0px 0px 0px;
            width: 94%;
            margin: 0px 3% 20px 3%;
            background: none;
            border-radius: 0px;
            border-bottom: 1px solid #aaa;
            border-top: none;
            border-left: none;
            border-right: none;
        }

        .new-heading-line-shadow.uppercase {
            font-size: 26px !important;
        }

        .hotel-location-search-wraper {
            width: 98%;
            float: left;
            margin: 0;
        }

        .main-center-heading {
            margin: 0px auto 10px auto;
            width: 95%;
        }

            .main-center-heading h1 {
                font-size: 34px !important;
            }

        .home-or-txt-wrap {
            margin: 0px auto 10px;
            float: left;
            width: 100%;
            text-align: center;
        }

        .home-or-txt {
            font-size: 20px;
        }

            .home-or-txt:before, .home-or-txt:after {
                content: "_____";
                margin: -7px 0 0 -16%;
                position: absolute;
                color: #000;
            }

            .home-or-txt:after {
                margin: -7px 0 0 3%;
            }

        .home-left-txt-box {
            margin-bottom: 10px;
        }

        .home-right-txt-box, .home-left-txt-box {
            float: left;
            width: 100%;
            padding: 2px 1% 5px;
            border: none;
            background: none;
        }

        .fd-txtareabox-home {
            padding: 6px 0px 3px 0;
        }

        .home-right-txt-box input, .home-left-txt-box input {
            margin-bottom: 0px;
            width: 99%;
            border-radius: 0px;
            border: 3px solid #d2d2d2;
        }

        .specific-pop-deal-banner-wrap img {
            width: 100%;
            height: auto;
        }

        .popular-restaurant-wrapper {
            height: 120px;
            width: 650px;
            margin: 20px auto;
            display: block;
            float: none;
        }

        .header-uan-wrap, .c-app-content-wrapper, .c-app-footer-wrapper, .footer-privacy-lang-wrapper, .specific-pop-deal-banner-wrap,
        .footer-subscription-textboxes-wrap, .footer-supermeal-msg, .footer-subscription-wrap, .privacy-message-wrap, .sr-voucher-dtl-wrap, .registration-main-right-content {
            width: 100%;
        }

        .foortalicious-items-slides-next {
            right: 10%;
            position: relative;
        }

        .foortalicious-items-slides-prev {
            right: -10%;
            position: relative;
        }

        .common-new-font-muli, .popular-rest-main-wrap, .mobile-app-div-wrap, .subscription-right-side > span.common-font-16,
        .subscription-right-side > .sms-instruction-wrap, .footer-ul-li-wrap ul, .icon-views-main-wrap, .sr-site-search-wrapper, .search-main-heading,
        .fd-deals-page-features, .fd-box-separater, .fd-rs-review-wrap, .registration-main-left-content, .main-page-map-img {
            display: none !important;
        }

        ul.footer-foortal-ul-wrap {
            display: block !important;
        }

        .footer-ul-li-wrap ul.footer-foortal-ul-wrap.footer-supermeal-msg-heading {
            display: block !important;
            width: 100%;
        }

        .mobile-app-div-wrap {
            background: url('../images/home-page-mobile-img.jpg') no-repeat right bottom transparent;
            width: 500px;
            margin: 0 auto;
            float: none;
            overflow: hidden;
            text-align: center;
            display: block;
            height: 700px;
        }

        .google-app-link {
            margin: 0px auto;
            display: block;
            float: none;
        }

        .header-uan-wrap span.text-center {
            margin: 0;
            text-align: center;
            float: none;
            display: inherit;
            margin-left: 0px !important;
        }

        .header-uan-wrap span.bold {
            text-align: center;
            display: inherit;
            margin-top: -15px;
            color: #000 !important;
        }

        .header-uan-wrap .header-uan-timing-spn {
            text-align: center;
            display: inherit;
            margin-top: -15px;
            float: none;
        }

        .right-box1 {
            margin: 20px auto 4px;
            width: 95%;
        }

        .new-heading-line-shadow.uppercase {
            display: block !important;
            background-position: -80px -802px;
        }

        .sr-count-records {
            margin: 0px;
        }

        .sr-dietary-cuisines-wrap {
            font-size: 12px !important;
            width: 100%;
            text-align: left;
            margin: 5px 0px 10px 0px;
        }

        .sr-order-type-wrap {
            float: none;
            margin: 0 auto;
            width: 30%;
        }

        .sr-followers-wrap {
            position: inherit;
            font-size: 10px;
            display: none;
        }
        /*END: Body CSS*/




        /*Begin: Food Deals CSS*/
        .fd-right-box1 {
            min-height: 0;
            width: 100%;
            margin: 0px;
            float: left;
            border: none;
        }

        .fd-hot-box {
            width: 96%;
        }

        .fd-deal-logo {
            width: 100px;
            margin-bottom: 10px;
        }

        .fd-dlv-img {
            float: none;
            border: none;
            margin: 0 auto;
            display: block;
            width: initial;
            height: initial;
        }

            .fd-dlv-img img {
                height: 75px;
                width: 100px;
            }

        .fd-deal-heading {
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        .fd-hot-details {
            font-size: 12px;
            line-height: 15px !important;
            text-align: left;
            float: left;
        }

        .fd-deal-hed {
            width: 100%;
        }

            .fd-deal-hed h2 {
                font-size: 14px;
                font-weight: normal;
            }

        .fd-label-serving {
            font-size: 11px;
            float: left;
            margin-left: -3px;
        }

        .fd-dlv-order {
            width: 130px;
            float: left;
            margin: 30px 0px 0px 5px;
        }

        .fd-dlv-rs-dtl {
            margin-top: 20px;
        }

        .fd-dlv-rs-dtl-a {
            width: 45px;
            border: none;
            height: 30px;
        }

            .fd-dlv-rs-dtl-a img {
                width: 40px;
                height: 30px;
            }

        .fd-dlv-rs-name {
            float: left;
            position: relative;
            font-weight: normal;
            font-size: 10px;
            margin-top: 3px;
            padding-left: 0px;
        }

        .order-review-wrap, .rest-menu-reviews {
            float: left;
            text-align: left;
            font-size: 16px;
            font-weight: normal;
            margin: 6px 0px 0 0;
            width: 15%;
            padding: 0;
        }

        .order-review-wrap {
            margin: 9px 0px 0px 10px;
        }

        .rdw-riw-right {
            width: 100%;
            margin: 0px 0px 0 0px;
        }

        .fd-deals-details {
            margin: -4px 0px 0px 0px;
            width: 210px;
            float: right;
        }

        .fd-label, .fd-label-more-deals {
            font-size: 22px;
        }

        .fd-getdeal {
            float: right;
            width: 120px;
            font-size: 14px;
        }

        .foodeals-filter-search {
            width: 97%;
            display: block;
            box-shadow: none;
            border: none;
            background: #f2f2f2;
            margin: 0px auto 2px;
            padding: 0px 0px 0px 0px;
        }

        .foodeals-filter-search-white-bg {
            background: #fff;
            padding: 10px 0 15px;
            margin-top: 6px;
        }

        .filter-img-io {
            width: 19px;
            height: 21px;
            float: left;
            background-position: -206px -62px;
            margin-top: -3px;
        }

        .sr-display-total-records {
            padding: 10px 0 15px 0;
            border: none;
            box-shadow: none;
            width: 100%;
        }

        .fd-hot {
            margin: 10px 1% 10px 1%;
            width: 98%;
        }
        /*END: Food Deals CSS*/

        #back-top {
            margin: 30px;
            bottom: 15px;
        }

            #back-top a {
                overflow: hidden;
                height: 75px;
            }

        /*Begin: Search Resturent Body CSS*/
        .sr-search-side, .fd-search-side {
            width: 100%;
        }

        .search-main-heading, .search-box-content-wrap .headtitle {
            font-size: 18px;
            width: 100%;
            text-align: center;
        }

        .sr-site-search-wrapper {
            width: 96%;
            margin: 0 auto 10px;
            float: none;
        }

        .input.watermark, .ssw-search-feild {
            width: 96%;
        }

        .ssw-action-search {
            width: 27px;
        }

        .search-result-filter-wrapper, .fd-left-box {
            width: 99.5%;
            position: fixed;
            left: -100%;
            top: 0;
            height: 92%;
            z-index: 1000;
            padding: 0 0 30px;
            background: white;
        }

        .fd-left-box {
            position: fixed !important;
            top: 0 !important;
        }

        .search-result-filter-wrapper {
            position: fixed !important;
            top: 0px !important;
            max-height: none;
            padding-bottom: 30px;
        }

        .com-ln-border-top3 {
            margin: 10px 0;
        }

        .clr-filters, .dl-clr-filters {
            border-radius: 0px;
            float: left;
            background-position: 134% -32px;
            overflow: hidden;
            padding: 5px 0px 5px 0px;
        }

        .filter-price-detail .deal-filter-btn {
            width: 93%;
        }

        .com-ln-border-top3 h5.srw-h-h5 {
            margin: 5px auto;
            width: 90%;
        }

        .com-ln-center-content ul li div.lnk-selected, .com-ln-center-content ul li div, .cuisine-types-filter-wrap ul li div {
            width: 90%;
            float: none;
            margin: 0 auto 5px auto;
            background-position: 98% 50%;
            display: block;
        }

            .cuisine-types-filter-wrap ul li div, .cuisine-types-filter-wrap ul li div.lnk-selected-li-bg {
                display: table;
                width: 86%;
            }

        .search-box-restaurant-pages, .search-result-wrapper {
            width: 96%;
            float: none;
            margin: 0px auto;
            height: 65px;
            box-shadow: none;
            border: none;
        }

        .all-order-types li a {
            width: 98%;
        }

        .icon-views-main-wrap {
            float: left;
            width: 97%;
            margin: 0 10px 10px;
        }

        .search-result-wrapper {
            width: 97.5%;
            margin: 2% 1%;
            min-height: 102px;
            padding: 0;
            height: 102px;
        }

        .search-area-txtbox-restaurant {
            width: 98%;
            padding: 6px 0px 5px 0px;
            text-indent: 6px;
            margin-left: 3px;
            font-size: 14px;
            float: left;
        }

        .common-area-search-go-btn {
            margin: 1px 0px 0px 5px;
            padding: 7px 8px;
            font-size: 14px;
        }

        .search-box-content-wrap .headtitle {
            margin: 0;
        }

        .fd-search-side {
            width: 100%;
            overflow: inherit;
        }

        .search-box-content-wrap .all-order-types {
            width: 98.5%;
            font-size: 18px;
            float: left;
            margin: 6px 0 0 0;
            padding: 5px;
        }

        .sr-offers-ribbon {
            top: 0px;
        }

        .common-order-type-slc-wrap {
            width: 96%;
            margin: 0 auto 10px;
            float: none;
            text-align: center;
        }

        .icon-views-main-wrap a.icon-views-main-wrap-slctd, .icon-views-main-wrap a {
            width: 48%;
            padding: 5px 0;
            text-align: center;
            margin: 0 auto;
            float: left;
            display: block;
            border: 1px solid #d2d2d2;
        }

        .icon-list-view, .icon-map-view, .sr-count-records {
            float: none;
        }

        .icon-views-main-wrap a {
            border: 1px solid transparent;
            margin: 0px;
            float: right;
        }

            .icon-views-main-wrap a:hover {
                margin: 0px;
            }

            .icon-views-main-wrap a.icon-views-main-wrap-slctd {
                margin-top: 0px;
            }


        #dvListViewWrap .sr-map-img {
            display: inline-block;
        }

        .ecash-link, .order-history-ecash-link {
            background: none;
            color: #000;
            display: inline;
            font-size: 20px;
        }

        .sr-ecash-link {
            width: 0;
            display: inline;
            font-size: 12px;
            padding: 5px 10px;
            margin-left: 4px;
        }

        .sr-content-box-wrapper {
            width: 100%;
            padding-bottom: 0px;
            margin-left: 0;
            margin: 10px 0px;
        }

        .sr-voucher-dtl-wrap {
            width: 100%;
        }

        .sr-voucher-content {
            width: 67%;
        }

        .sr-voucher-offer-btn {
            padding: 2px 5px;
            margin: 5px 3px 0 0;
        }

        .sr-content-address-wrap {
            font-size: 12px;
            text-align: left;
        }

        .home-left-txt-box span, .home-right-txt-box .link-btn {
            display: none;
        }

        .filter-your-search {
            background: #000;
            border: 1px solid #d2d2d2;
            color: #f2f2f2;
            padding: 10px 25px;
            display: block;
            width: 80%;
            margin: 10px auto 10px;
            text-align: center;
            font-size: 16px;
            text-transform: uppercase;
            border-radius: 3px;
        }

        .filter-close, .goto-filter-close {
            color: #000;
            padding: 15px 0px;
            position: fixed;
            font-size: 18px;
            text-align: center;
            width: 100%;
            display: none;
            z-index: 1001;
        }

        .filter-close {
            left: 0;
            bottom: 0;
            margin-bottom: 0;
        }

        .goto-filter-close {
            bottom: 0;
            right: 0;
            background: #0BC113;
            color: #fff;
            bottom: 20px !important;
            width: 90%;
            margin: 0px 5%;
            border-radius: 3px;
        }

        .filter-overlap {
            width: 100%;
            position: fixed;
            background: #fff;
            top: 0;
            bottom: 0;
            z-index: 999;
            display: none;
        }
        /*END: Search Resturent Body CSS*/
        .rbw-sub-heading {
            display: block !important;
            padding: 10px 20px !important;
            text-align: center !important;
            margin: 0px;
        }
        /* Restaurant Menu Page CSS for Mobile Starts Here */

        /* Left Content CSS Here for Mobile View Starts*/

        .rs-left-content {
            width: 100%;
        }

        .restaurant-deals-wrapper, .menu-col-left {
            width: 100%;
        }

        .filter-box {
            margin: 0px 2% !important;
            width: 96%;
            margin-top: -12px !important;
        }

        .filter-price-detail {
            font-size: 14px;
            width: 100%;
            height: auto;
        }

            .filter-price-detail input {
                width: 34%;
                margin: 0px 1% 0px 0px;
                padding: 2px 0;
            }

        .fd-serving-drpdown {
            width: 48%;
            margin: 0px 3% 0px 0px;
        }

        .spn-filter-price-txt {
            float: left;
            margin: 16px 1% 0px;
            width: 24%;
            font-size: 12px;
        }

        .filter-price-txtbox-wrap {
            margin-top: 5px;
            float: right;
            width: 74%;
        }

        .filter-price-detail .riw-menu-price-filter {
            width: 8%;
        }

        .riw-menu-search-filter {
            width: 7%;
            background-position: -202px -60px;
        }

        .filter-box a {
            margin-top: 0px;
        }

        .restaurant-deals {
            display: none;
        }

        #accDealsMobileWrap, #mobileBuffetMenu, #accMenuWrap {
            display: block;
            width: 100%;
            margin: 0px auto;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0px 10px;
        }

        .rciw-category-varity-subheading, .res-category-heading, .menu-col-left, #dvMenuItems {
            display: none;
        }

        .restuarent-category-name:after {
            content: "";
            float: right;
        }


        .mobile-menu-arrow {
            float: right;
        }

            .mobile-menu-arrow:after {
                content: "";
                font-size: 22px;
                font-weight: initial;
                height: 20px;
                width: 20px;
                position: absolute;
                right: 20px;
                margin-top: 8px;
                color: #000;
            }

        .ricw-mi-item-name a {
            font-size: 16px;
        }

        .r-price-list-err-message {
            width: 96%;
            margin: 5px auto;
            font-weight: normal;
            font-size: 14px;
            height: auto;
            margin: 0px 2%;
            padding: 10px 60px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .visitor-login-form-wrapper {
            height: 200px;
        }

        .form-holding {
            width: 75%;
        }

        .r-m-l-w-bottom-action-w {
            width: 40%;
            padding: 0 0 0 40px;
        }

        .vlfw-keep-login {
            width: 100%;
            float: left;
        }
        /* Toppings Popup */

        .menu-order-topping-wrapper {
            width: 90%;
            z-index: 101;
        }

        #spnAddToppingGroup {
            padding: 5px 0px 5px 0px;
            float: left;
            width: 80%;
            line-height: 20px;
        }

        .icow-total-cost-box {
            width: auto;
            float: right;
            padding: 0px;
        }

        .motyicow-added-item-wraper {
            width: 100%;
            margin-bottom: 20px;
            font-weight: normal;
        }

        .moty-item-topping-apply-a {
            padding: 0 0 0 3px;
            margin-top: 5px;
            width: auto;
            float: right;
            clear: both;
        }

        #dvGroupItemToppingMessage {
            clear: both;
            float: left;
        }

        .cew-extras-item-select select {
            padding: 2px;
            width: 45px;
        }

        .icow-tcb-name {
            width: auto;
            float: left;
        }

        .moty-item-topping-apply, .moty-item-topping-group {
            line-height: 22px;
            font-size: 12px;
            padding: 0 0 0 0;
        }

        #dvMenuEditExtras  .clr-head-gray, .motw-selected-topping {
            font-size: 14px!important;
        }

        .motw-selected-topping {
            padding: 0 0 8px 4px;
        }

        .a-motw-close-topping, .icow-action-wrapper {
            float: left; /*margin: 10px 0px;*/
        }

        /* Toppings Popup */

        .supermeal-left-panel-btn {
            font-size: 20px;
            font-weight: bold;
            float: left;
            position: fixed;
            top: 0px;
            display: block;
        }

        .rs-slcted-optns {
            width: auto;
        }


        .restaurant-cover-photo-image-wrap img {
            width: auto;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .restaurant-header-detail-wrap {
            position: relative;
            width: 100%;
            top: 0;
            float: left;
            padding: 10px 0px;
            margin-top: 0px;
        }

        .rs-slcted-menu-item-wrap, .restaurant-cover-photo-wrap {
            width: 100%;
        }

        .rs-slcted-menu-img-box {
            width: 100px;
        }

            .rs-slcted-menu-img-box img {
                width: 100%;
            }

        .rdw-riw-left {
            width: 100%;
            padding: 0px 0px 0px 5px;
        }

        .rdw-restaurant-info-wrapper {
            width: 69%;
            margin-top: 5px;
        }

        .rciw-cv-price-non-matrix b {
            margin: -11px 0 0 71px;
            position: relative;
            float: right;
        }

        .disable-menu-text-inner {
            width: 100%;
            margin-left: 0px;
        }

        .meta-item-heading {
            font-size: 14px;
        }

        .riw-restaurant-name {
            font-size: 20px;
        }

        .riw-row {
            width: 100%;
        }

        .rest-menu-uan-lbl {
            font-size: 12px;
            margin: 6px 0 5px 3px;
        }

        .rm-address-dtl {
            width: 95%;
        }

        .restaurant-name-unfollow-link, .restaurant-name-following-link, .restaurant-name-follow-link {
            font-size: 8px;
            margin: 5px 0px 2px 5px;
        }

        .rm-promotion-icon {
            width: 30px;
            background-position: -171px -322px;
        }

        .rm-offer-txt {
            width: 100%;
        }

        .rm-offer-txt1 {
            width: 83%;
        }

        .rs-nav-wrap-common-menu {
            width: 100% !important;
            margin: 0px;
            margin-top: 10px;
            padding: 0px 15px;
            box-sizing: border-box;
            display: flex;
        }

            .rs-nav-wrap-common-menu a {
                text-align: center;
                margin: 0px 10px 0px 0px;
                padding: 5px 5px;
                float: none;
                display: inline-block;
                flex: 1;
            }

        .restaurant-header-delivery-dtl-wrap {
            display: none;
        }

        .rn-a-w-nav:hover {
            float: none;
        }

        .restaurant-nav-wrapper {
            height: 55px;
        }

        .vew-header-wrapper {
            width: 100%;
            text-align: left;
            margin: 0 0 10px 0px;
        }

        .vew-cw-heading {
            font-size: 14px;
            width: 90%;
            float: left;
        }

        .vew-cw-min-extras-num {
            font-size: 14px;
        }

        .rs-slcted-menu-srv-persons, .rciw-cv-serving-non-matrix, .rciw-cv-serving-matrix {
            text-transform: capitalize;
        }

        .rs-slcted-menu-price, .a-rciw-varity-price, .rciw-selected, .a-rciw-varity-price-non-matrix {
            font-size: 14px;
            padding: 0px 0px;
        }

        .rs-slcted-menu-cmplt-dtl {
            width: 98%;
            margin-top: 10px;
            padding-left: 0px;
            float: left;
        }

        .restautrant-category-item-wrapper {
            display: none;
        }

        .ricw-mi-des-wrapper {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
        }

        .rciw-category-varityprice-wrapper {
            text-align: center;
            width: 120px;
            min-width: 100px;
            max-width: 200px;
        }

        .ricw-mi-item-value {
            text-transform: initial;
        }

        .rciw-cv-price a {
            font-size: 12px;
        }


        .basket-header-mobile {
            display: block;
            background: #fff;
            color: #000;
            width: 96%;
            padding: 10px 2%;
            font-size: 14px;
            font-weight: lighter;
            position: fixed;
            z-index: 100;
            top: 0;
            text-transform: uppercase;
        }

            .basket-header-mobile i {
                margin-right: 10px;
                font-size: 25px;
            }

        .cowi-h-item-timing {
            float: right;
        }

        .order-basket-wrap {
            position: fixed;
            width: 100%;
            top: 0px;
            z-index: 112;
            background: #fff;
            height: 100%;
            max-width: 100%;
        }

        .order-basket-tooltip-wrap-bottom, .coiw-item-total-wrapper, .coiw-items-wrapper, .check-out-item-wrapper {
            width: 100% !important;
        }

        .coiw-item-total-wrapper {
            padding: 12px 0px 7px;
        }



        .coiw-head-wrap {
            padding: 0px 2%;
            width: 96%;
            margin-bottom: 0px;
        }

        .qctx-dtl-row, .coiw-i-qctx-wrapper {
            width: 100%;
            font-weight: normal;
        }

   

        .coiw-rest-dtl-dropdown-main-wrap {
            padding: 0px 0px 7px;
            width: 100%;
        }

        .coiw-checkout-item {
            padding: 0 4%;
            width: 92%;
            margin-bottom: 10px;
        }


        .restuarant-status-popup {
            width: 90%;
            margin: -3% auto 0px 0%;
            z-index: 101;
            top: 20px !important;
        }

        .common-image-popup {
            width: 80%;
            padding: 5px;
            margin-top: -50px;
        }

            .common-image-popup img {
                width: 100%;
                height: auto;
            }

        .m-a-item-loader-60 {
            margin: 135px 0 0 100px;
        }

        .popup-close-wrapper {
            padding: 13px 0 5px 0;
        }


        .uvpw-name-non-matrix {
            width: 45%;
            font-size: 13px;
            text-transform: capitalize;
            color: #000;
            font-weight: 300;
            float: left;
            display: inline-block;
            text-align: right;
        }

        .rciw-cv-price-non-matrix {
            width: 80px;
            min-width: 80px;
            max-width: 100px;
        }

        /* delivery tab css */
        .list-view-wrapper {
            width: 100%;
        }

        .map-layout-wrapper, .rdw-map-view {
            width: 100%;
        }

        .rdw-lbl-view {
            margin-left: 10px;
        }

        .area-delivery-charges {
            padding: 3px 0px 0px 15px;
        }

        .list-row {
            width: 50%;
            padding: 10px 0;
            font-weight: normal;
        }

        .town-delivery-charges {
            width: 100%;
        }

        /* review tab css */

        .rr-review-rate-chart-wrapper {
            padding: 16px 3% 16px 0px;
            width: 96%;
        }

        .restaurant-detail-wrapper {
            width: 100%;
            padding: 10px 5px 10px 5px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0px 15px;
            display: inline-block;
        }

        .rr-right-col-wrapper {
            display: none;
        }

        .rr-rrc-rate-bar-box {
            padding: 0 0 0 5px;
            width: 60%;
        }

        .rrc-rate-green-box {
            width: 30%;
            float: right;
        }

        .rr-rrc-rate-bar-box .rrc-label {
            font-size: 12px;
        }

        .review-box-wrapper {
            width: 100%;
            display: flex;
        }

        .rr-r-box {
            max-width: 100%;
            min-width: 0px;
            width: 100%;
            box-sizing: border-box;
        }


        .mi-vew-center-content-wrapper {
            color: #000;
            padding: 10px;
            font-size: 14px;
            top: 120px;
            z-index: 101;
            overflow: auto;
        }

        .rm-delivery-area-select-popup {
            width: 80%;
            left: 70px !important;
        }

        .rm-search-side {
            width: 100%;
        }

        .common-area-txtbox-map-pin {
            display: none;
        }

        .rm-popup-no-dlvry-btn, .a-restaurant-working-hrs {
            margin-top: 20px;
        }

        .search-postcode-title {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .dv-area-dtls-popup-wrap {
            width: 100%;
            margin: 10px 0 5px;
        }

        .restuarant-reExtras-popup {
            z-index: 101;
            position: fixed !important;
            width: auto;
            margin: 0px;
            height: 100%;
            background: #fff;
            max-height: 100%;
            top: 0px !important;
        }

        .vew-cw-extras-item-row-group {
            padding: 0 0 10px 0;
        }

        .rm-popup-no-cancel-btn {
            float: right;
            margin-top: 0px;
        }


        /* Menu Page CSS Ends */

        /* Order Review Checkout Page CSS STARTS here */

        .coiw-i-name {
            font-size: 14px;
        }

        .orc-res-dtl-wrap {
            display: none;
        }

        .orc-left-content-wrap, .orc-order-review-wrapper {
            width: 100%;
            border: none;
        }

        .order-review-mobile-wrapper {
            position: fixed;
            top: 0;
            z-index: 105;
            height: 100%;
            display: none;
            overflow-y: auto;
            overflow-x: hidden;
            width: 100%;
        }

        .orc-order-review-wrapper {
            padding: 0px;
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            min-height: 100%;
            max-height: 450px;
        }

        .orc-or-border-top-heading {
            margin: 0px;
            font-size: 12px;
            width: 100%;
        }

        .orc-content-area {
            width: 100%;
            margin: 0px auto;
            padding: 10px 0;
        }

        .orc-login-wrapper {
            margin: 0px auto;
            float: none;
            display: block;
        }

        .orc-or-data-item-wrapper, .orc-list-dtl-wrap {
            width: 100%;
        }

        .orc-list-dtl-wrap {
            margin-top: 45px;
        }


        .orc-or-border-top-heading .h-itemname {
            width: 70%;
            margin-left: 10px;
        }

        .orc-or-border-top-heading .h-cost {
            width: 15%;
            text-align: center;
            min-width: 10%;
            max-width: 15%;
            display: none;
        }

        .orc-or-border-top-heading .h-quantity {
            width: 15%;
            text-align: center;
            display: none;
        }

        .orc-or-border-top-heading .h-subtotal {
            width: 15%;
            text-align: center;
        }

        .orc-or-data-item-wrapper .h-itemname {
            width: 70%;
        }

        .orc-or-data-item-wrapper .h-cost {
            display: none;
        }

        .orc-or-data-item-wrapper .h-quantity {
            display: none;
        }

        .orc-or-data-item-wrapper .h-subtotal {
            font-size: 12px;
            width: 21%;
        }

        .common-your-order {
            text-transform: uppercase;
            text-align: center;
            width: 86%;
        }

        .link-orc-or-add-more {
            width: 90%;
        }

            .link-orc-or-add-more .link-text {
                padding: 10px 4%;
                width: 100%;
                text-align: center;
            }

        .orc-or-data-item-wrapper .a-link-remove {
            margin-right: 0px;
        }

        .orc-or-data-item-detail {
            font-size: 11px;
        }

        .orc-checkout-btn-wrapper {
            padding: 20px 22px;
        }

        /* Order Review Checkout Page CSS ENDS here */

        .registration-content-wrapper {
            width: 92%;
            margin: 0px auto;
            float: none;
            overflow: hidden;
        }

        .registration-main-right-content {
            width: 99%;
            float: none;
            margin: 0px auto;
        }

        .right-panel-reg-wrap {
            float: none;
            width: 90%;
            margin: 0px auto;
        }

        .verification-content-wrap-stp-1 {
            width: 100%;
        }

        .rbc-reg-form-required-msg {
            margin: 0px auto;
            float: none;
        }

        .verification-page-txtbox-center {
            width: 80%;
            margin: 35px auto 10px;
            float: none;
        }

        .thankyou-guest-tbl-main-main-wrap {
            width: 90%;
        }

        .guest-thankyou-reg-btn {
            margin: 20px auto;
            width: 94%;
            display: block;
            padding: 10px;
        }

        .guest-form-fields-main-wrap {
            width: 100%;
        }

        .rbc-login-heading-wrapper {
            text-align: center;
        }

        .guest-registration-wrap {
            float: none;
            margin: 50px auto;
            width: 90%;
        }

        .guest-img-main-box {
            margin: 8px auto;
            width: 100%;
            padding: 10px 0px;
        }

        .guest-img-wrapper {
            padding: 20px 0px;
            width: 100%;
        }

        .guest-dtl-lbls, .guest-lbls, .guest-rw-number, .guest-rw-email {
            font-weight: normal;
            font-size: 14px;
        }

        .guest-email-update {
            word-wrap: normal;
            width: 160px;
            text-overflow: ellipsis;
            overflow-wrap: break-word;
        }

        .rrc-rbw-r-block {
            width: 100%;
        }

        .rrc-error-msg {
            float: none;
            display: block;
        }

        .r-b-label-input-wrapper, .r-b-label-select-wrapper {
            width: 100%;
            padding-left: 0;
        }

        .liw-text-field {
            padding: 5px 0;
        }

        /*Begin: Footer CSS*/
        .subscription-left-side {
            width: 100%;
            text-align: center;
            float: none;
            display: inline-block;
        }

        .help-link-responsive-wrap {
            display: none;
        }

        .subscription-right-side, .footer-ul-li-wrap {
            float: none;
            width: 66%;
            margin: 0px auto;
        }

        .footer-ul-li-wrap {
            clear: both;
        }

        .footer-privacy-lang-wrapper .float-left, .footer-privacy-lang-wrapper .float-right {
            width: 100%;
            text-align: center;
        }

        .item-crousel-wrpr {
            width: 98%;
        }

        .footer-social-icons-wrap, .footer-supermeal-msg, .footer-ul-li-wrap div, .footer-app-icon-img,
        .footer-privacy-lang-wrapper .float-left, .footer-privacy-lang-wrapper .float-right {
            float: none;
        }

        .footer-privacy-lang-wrapper .float-right {
            display: block;
            margin-top: 10px;
            clear: both;
        }



        .footer-app-icon-img {
            display: block;
            margin: 0 auto;
        }

        .sr-content-box-wrapper {
            padding-top: 0px;
        }

        .sr-display-total-records, .sr-count-records, .sr-reviews,
        .sr-content-text-area .float-left a h2.sr-content-res-name {
            margin: 0px auto;
        }

        .sr-count-records, .sr-content-box-wrapper {
            text-align: center;
            width: 75%;
        }

        .sr-content-box-wrapper {
            margin: 5px 0;
            width: 100%;
        }

        .sr-content-logo, .sr-content-logo-wrap {
            overflow: hidden;
        }

        .sr-count-records {
            text-align: left;
            width: auto;
            float: left;
            margin: 0px 0px 12px 10px;
            font-size: 24px;
        }

        .sr-content-text-area {
            width: 61%;
            margin-top: 0px;
            padding-left: 8px;
            float: left;
            min-height: 90px;
        }

        #mapRestCount {
            font-size: 14px;
            width: 70%;
        }

        .sr-order-type-delivery, .sr-order-type-takeaway, .sr-order-type-dinein, .sr-order-type-executive {
            height: 15px;
            background-position: -5px -5px;
            margin: 5px auto 5px;
            width: 17px;
            background-size: 100px 85px;
        }

        .sr-order-type-dinein {
            background-position: -21px -5px;
        }

        .sr-order-type-takeaway {
            background-position: -38px -5px;
        }

        .sr-order-type-executive {
            height: 18px;
            background-position: -4px -37px;
        }

        .sr-offers-discounts {
            padding: 3px 3px 5px 9px;
            width: 88px;
            font-size: 8px;
        }

        .sr-offers-scissors {
            background-position: -10px -66px;
            background-size: 68px 112px;
            margin: -3px 3px -5px -6px;
            height: 19px;
            width: 17px;
        }

        .sr-content-logo-wrap {
            width: 100px;
            float: left;
        }

        .sr-content-logo {
            width: 80px;
        }

            .sr-content-logo img {
                width: 80px;
                height: 60px;
            }

        .sr-voucher-dtl-wrap {
            width: 96%;
            margin: 0 auto;
            float: none;
            overflow: hidden;
            margin-bottom: 4px;
        }

        .sr-voucher-content {
            width: 74%;
            float: left;
        }

        .sr-content-address-wrap {
            display: block;
        }

        .sr-content-text-area .float-left a h2.sr-content-res-name, .sr-content-address, .sr-content-distance,
        .sr-reviews {
            float: none;
        }

        .sr-content-right-area {
            margin: 0 auto 0;
            width: 98%;
            text-align: center;
        }

        .sr-order-type-wrap-right {
            float: right;
            margin: 0 0 0 12px;
            width: 100%;
        }

        .sr-ratings {
            float: left;
            width: 130px;
            text-align: left;
            margin-left: 6px;
        }

        .sr-ratings-no-reviews {
            text-align: left;
            font-size: 14px;
        }

        .sr-ratings-count {
            font-size: 16px;
            font-weight: normal;
            text-align: left;
        }

        .sr-reviews-right {
            width: 100%;
            margin: 0px;
            float: left;
            text-align: left;
        }

        .sr-ecash-wrap {
            width: 100%;
            float: none;
            padding: 0;
            margin: 0;
            min-height: inherit;
        }

        #cashbackPopupLnk {
            display: inline-block;
        }

        .sr-ecash-wrap div {
            display: block;
            margin: 3px 0 0 4px !important;
            line-height: 15px;
            text-transform: uppercase;
        }

            .sr-ecash-wrap div span.float-left {
                color: #000;
                font-size: 18px;
                line-height: 13px;
            }

        .sr-action-view-menu, .sr-action-view-menu-orng, .sr-action-view-menu-blue {
            display: block;
            width: 50%;
            margin: 0 auto;
            padding: 5px;
            font-size: 13px;
        }

        .sr-action-view-menu-orng, .sr-action-view-menu-blue {
            padding: 11px;
        }

        .sr-action-delivery-dtls {
            font-size: 11px;
            text-align: right;
            margin-right: 5px;
            margin-bottom: 10px;
        }

        .tooltip-wrap-bottom {
            width: 23px;
            margin: 0 auto;
            float: right;
        }

        .txt-area-multi-line {
            width: 75%;
            padding: 4px 5px 4px 5px;
        }

        #dvDeliveryTime {
            margin: 0px 0px 0px 10px;
        }

        .fd-hot-box {
            width: 92%;
            margin: 5px auto;
            float: none;
            overflow: hidden;
            box-shadow: none;
        }
        /*END: Footer CSS*/
        .resp-common-font-14 {
            font-size: 14px;
        }

        .resp-common-font-10 {
            font-size: 10px;
        }

        .resp-bold {
            font-weight: bold;
        }

        .common-filter-icon-fixed {
            top: 10px;
            position: fixed;
            width: 10px;
            left: 10px;
            height: 40px;
            z-index: 100;
            border: none;
            border-radius: 31px;
            box-shadow: 1px 1px 15px #777;
        }

        .common-basket-icon-fixed {
            top: 22px;
            position: fixed;
            width: 40px;
            right: 20px;
            height: 40px;
            z-index: 100;
            border: none;
            line-height: 40px;
            border-radius: 31px;
            background-size: 45%;
            box-sizing: content-box;
            z-index: 1000;
        }

        .order-basket-active.common-basket-icon-fixed {
            background: #ed0000;
            color: #fff;
        }

        .common-basket-icon-fixed i {
            display: inline-block;
            margin-left: 0px;
        }

        .filter-your-search.common-filter-icon-fixed .filter-img-io {
            margin: 8px 0px 0px -4px;
        }

        .filter-price-detail .riw-menu-price-filter {
            width: 100%;
            background-image: none;
            background-color: #FFFFFF;
            margin-top: 7px;
            border: 1px solid #d2d2d2;
            color: #000;
            text-transform: uppercase;
            font-size: 12px;
        }

        .display-none-resp {
            display: none;
        }

        .display-block-resp {
            display: block;
        }

        /* Thank You Page CSS starts */
        .thanks-page-wrapper, .thans-page-content-wrapper, .thanks-page-congrats-txt, .reset-password-content-wrapper {
            width: 100%;
            font-size: 20px;
        }

        .thanks-page-points-txt-new, .thanks-first-order-lbl-new {
            font-size: 13px;
        }

        .thanks-page-heading-section {
            width: 100%;
        }

        .thanks-page-congrats-txt {
            width: 100%;
        }

        .thanks-page-why-not-choice-wrap img {
            width: 100%;
        }

        /* Thank You Page CSS Ends */

        /* ---- User Accout After Login Section Starts Here ---- */

        .dvRatingReview-30-review-title, .ref-invite-left-menu {
            display: none;
        }

        .faq-main-heading {
            padding: 10px 14px;
        }



        .account-common-content-area-wrapper {
            width: 96%;
            margin: 0px auto;
            float: none;
        }

        .acc-edit-photo {
            display: block;
            margin-right: 9%;
            clear: both;
            width: 100%;
            margin: 0px 13px;
            text-align: center;
        }

        .acc-profile-image {
            float: none;
            overflow: hidden;
            display: block;
            margin: 0 auto;
        }

        .acc-profile-name {
            margin-top: 15px;
            text-align: center;
        }

        .acc-common-img-frame {
            height: 128px;
            margin: 10px auto 25px;
            width: 100%;
            background: none;
            float: none;
        }

        .action-pv-new-address-wrapper {
            padding: 6px 0 5px 7px;
        }

        .acc-ps-info-wrapper, .acc-profile-setting, .acc-pv-info-wrapper {
            width: 100%;
            padding: 0px 4px;
        }

        .acc-profile-common {
            padding: 2px 0 5px;
            width: 100%;
            text-align: left;
        }

        .acc-ep-input {
            width: 100%;
            float: right;
        }

        .acc-ep-value {
            width: 160px;
        }

        .acc-ps-info-wrapper {
            width: 100%;
        }

        .acc-profile-setting {
            font-weight: normal;
            display: block;
            margin: 5px 0px;
            float: left;
        }

        .acc-ps-name, .acc-profile-gender {
            text-align: left;
            padding-left: 0px;
        }

        .acc-ps-input-password {
            width: 120px;
        }

        .acc-ps-change-password {
            margin: 0px auto;
            width: 100%;
            padding: 5px 0 0;
            float: none;
        }

        .acc-ps-text {
            padding: 0 0 0 0;
        }

        .acc-ps-address-value {
            width: 90%;
            margin-left: 5px;
            min-width: 90%;
        }

        .acc-ep-info-wrapper {
            width: 100%;
        }

        .acc-ps-input {
            width: 100%;
        }

        .acc-profile-common-mobile {
            width: 100%;
            min-width: 100%;
        }

        .acc-profile-birthday {
            margin-top: 10px;
        }

        .acc-ps-text {
            font-size: 16px;
            text-align: left;
        }

        .new-address-add-btn-new {
            margin: 0px 0px 0px 0px !important;
        }

            .new-address-add-btn-new .action-profile-new-address-text {
                font-size: 16px;
                margin-left: 10px;
            }

        .acc-profile-setting-btns {
            width: auto;
        }

        .acc-profile-user-name {
            width: 60%;
            float: left;
        }

        .acc-ps-new-address {
            width: 100%;
            margin: 0px auto;
            float: none;
        }

        .action-pv-new-address-wrapper {
            width: 70%;
        }

        .acc-ep-info-wrapper {
            float: left;
            padding: 10px 0 7px 6px;
            text-align: left;
        }

        .acc-pe-width {
            width: 100%;
        }

        .acc-ps-width {
            width: 100%;
        }

        .acc-ps-value {
            width: 100%;
        }

        .acc-right-pannel {
            width: 310px;
        }

        .acc-left-pannel {
            width: 163px;
        }

        .acc-lp-upload-photo {
            padding: 15px 0 0 5px;
        }

        .acc-oh-order-data-wrapper, .acc-order-history-order-wrapper {
            width: 98%;
            padding: 2px 5px;
        }

        .OrderHistory-status {
            padding: 4px 12px;
        }

        .acc-oh-order-reference-wrap, .acc-oh-restaurant-logo-area {
            display: none;
        }

        .order-type-wrap {
            display: block;
        }

        .tab-res-name {
            width: 50%;
            font-size: 16px;
        }

        .tab-row {
            padding-left: 80px;
        }

        .acc-oh-restaurant-logo-wrapper {
            height: 45px;
            width: 60px;
        }

            .acc-oh-restaurant-logo-wrapper img {
                height: 60px;
                width: 60px;
            }

        .acc-oh-restaurant-name {
            font-size: 14px;
            color: #000;
        }

        .dvRatingReview-30-review-label, .acc-common-label {
            width: 70px;
            text-align: left;
        }

        .acc-oh-order-label {
            width: 75%;
        }

        .action-ep-new-address-wrapper {
            padding: 6px 0 5px 10px;
        }


        .acc-oh-points-amount-wrapper {
            width: 100%;
            text-align: left;
        }

        .acc-oh-spended-amount {
            color: #000;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            padding: 0 0 3px 10px;
            width: auto;
        }

        .ecash-wrap-order-history {
            width: 55%;
            text-align: left;
            float: left;
        }

        .ecash-link-btn {
            padding: 2px 10px;
            text-transform: uppercase;
            font-size: 14px;
            float: left;
            margin-left: 0px;
            width: auto;
        }

        .order-history-ecash-link {
            font-weight: normal;
            font-size: 14px;
        }

        .acc-wallet-info-wrapper {
            width: 100%;
        }

        .pcpuw-label, .pcpuw-value {
            font-weight: normal;
            text-align: left;
            width: 65%;
        }

        .pcpuw-value {
            width: 30%;
        }

        .pcpuw-action-wrapper {
            padding: 0 0 0 5px;
        }

        .acc-wallet-option-action-text {
            font-size: 14px;
        }

        .acc-wallet-history-date-selection {
            display: block;
            overflow: hidden;
            margin: 0 auto;
            float: left;
        }

        .acc-combo-box-wrapper {
            width: auto;
            padding: 0 0 0 0;
            margin: 0 0 10px 0;
        }

        .acc-wallet-history-date-label {
            text-align: right;
            width: auto;
            padding: 5px 10px 0 10px;
            font-weight: normal;
        }

        .scroll-for-responsive {
            width: 100%;
            overflow-x: scroll;
            overflow-y: auto;
        }

        .summary-right-content {
            width: auto;
            float: none;
        }

        .summary-ecash-earned-dtl {
            width: 100%;
            margin: 0px auto;
            padding: 10px 0px;
        }

        .referral-left-menu {
            width: 98%;
        }

        .summary-ecash-earned-dtl-cash {
            float: left;
            width: 100%;
        }

        .social-lnks-vertical-wrap, .social-lnks-wrap-invite-friends {
            margin: 10px auto 5px;
            float: none;
        }

        .ref-vdo-iframe {
            width: 100%;
        }

        .social-lnks-vertical-wrap img, .social-lnks-wrap-invite-friends img {
            width: 95%;
            display: block;
            overflow: hidden;
            float: none;
            margin: 0 auto;
        }

        .summary-ecash-earned-dtl-cash-wrap, .summary-ecash-earned-dtl-custom {
            width: 100%;
        }

        .referral-stats {
            width: 98%;
            margin: 0px auto;
            font-weight: normal;
        }

        .summary-ecash-dtl-custom-date-box {
            margin-top: 20px;
            width: 97%;
            float: left;
        }

        .order-text {
            font-size: 16px;
        }

        .btn-refer-friend {
            font-size: 18px;
            padding: 8px 15px;
            width: 230px;
            float: none;
            display: block;
        }

        .referral-dtl-head th {
            font-size: 12px;
            width: 24.5%;
        }

        .stats-span {
            width: 100%;
        }

        #referral-vdo-modal iframe {
            width: 90%;
        }

        .two-slct-boxes {
            /*width: 250px;*/
            display: block;
            margin: 0 auto;
        }

        .summary-ecash-dtl-custom-date {
            margin-left: 0px;
        }

        .right-content {
            width: 100%;
        }

            .right-content h1 {
                font-size: 18px;
                margin: 0px;
            }

        .ref-invite-share-url span {
            font-size: 14px;
            float: left;
        }

        .referral-faq-wrap #referral-vdo-pk-modal, .referral-faq-wrap #referral-vdo-pk-modal .modal-dialog {
            width: 80%;
            margin: 0 auto;
        }

            .referral-faq-wrap #referral-vdo-pk-modal iframe {
                width: 100%;
            }

        .referral-faq-wrap iframe {
            display: inline-block;
            width: 88%;
        }

        .registration-referred-wrapper {
            margin: 5px 10px 0 0;
        }

        .registration-refered-wrapper {
            margin: 10px 0px;
        }

        .registration-referred-left-content {
            width: 45%;
        }

        .registration-referred-right-content {
            width: 50%;
        }

        .registered-referral-user-head-wrap {
            padding: 5px 10px 0px 10px;
        }

        .registration-referred-by-member {
            margin: 0 0 3px 0;
            font-weight: bold;
            font-size: 12px;
        }

        .registration-referred-username {
            font-weight: normal;
        }

        .offer-on-registration {
            margin-bottom: 5px;
        }

        .offer-type-on-registration {
            font-weight: normal;
        }

        .registration-referred-username, .offer-type-on-registration {
            font-size: 14px;
        }

        /* ---- User Accout After Login Section Ends Here ---- */
        .menu-line {
            float: none;
        }

        /*back to top css for responsive starts here*/
        .back-tp {
            position: fixed;
            margin: 0px 0% !important;
            bottom: 0%;
            right: 0%;
            display: block;
        }

            .back-tp a {
                width: 81px;
                display: block;
                text-align: center;
                font: 11px/100% Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                text-decoration: none;
                color: #000;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                transition: 0.2s;
                float: right;
            }

            .back-tp span {
                width: 50px;
                height: 50px;
                display: block;
                margin-bottom: 7px;
                background: #000 url(../images/up-arrow.png) no-repeat center center;
                -webkit-border-radius: 55px;
                -moz-border-radius: 55px;
                border-radius: 55px;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                transition: 0.2s;
                background-size: 30px 30px;
                background-position: 9px 11px;
            }

        .back-top-text {
            float: left;
            background: none !important;
            width: 80px !important;
            margin: 4px 0px 0px -12px;
            display: block;
        }

        .back-tp a:hover span {
            background-color: #0080ca;
        }

        .new-rrc-heading {
            display: block !important;
            text-align: center;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }
        /*back to top css for responsive starts here*/

        /* PROFILE PAGES RESPONSIVE STARTS HERE */

        .wallet-dtls-right {
            float: left;
            width: 100%;
        }

        .exchange-cash-btn {
            float: left;
        }
        /* PROFILE PAGES CSS ENDS HERE */

    }

    @media (max-device-width : 800px) and (orientation : landscape) {
        .filter-close, .goto-filter-close {
            color: #000;
            padding: 15px 0px;
            position: relative;
            font-size: 18px;
            text-align: center;
            width: 86%;
            display: none;
            z-index: 1001;
            float: left;
            margin: 20px 0% 20px 5%;
            color: #fff;
        }

        .search-result-filter-landscape-wrapper {
            position: absolute;
            overflow-x: hidden;
            height: 100%;
            width: 100%;
        }
    }

    @media (max-width: 640px) {

        .full-menu-border {
            margin: 22px 10px 20px 10px;
        }

        .refer-heading {
            font-size: 20px;
        }

        .full-menu-main-wrap p {
            font-size: 30px;
            padding-top: 8px;
        }

        .rdw-center-wrapper i {
            position: absolute;
            font-size: 60px;
            margin-top: 50px;
            background: #f2f2f2;
            padding: 20px;
            border-radius: 50%;
            left: 0;
            top: 0;
            border: 1px solid #d2d2d2;
        }

        .execption-wrapper {
            padding: 40px 30px 40px 117px;
        }

        .exc-w-heading {
            font-size: 30px;
        }

        .invite-refer-friends-main-wrap {
            padding-top: 10px;
        }

        .payment-methods-main-wrap {
            width: 100%;
        }

        .summary-ecash-earned-dtl-cash {
            width: 98%;
            float: none;
            margin: 0 auto;
        }

        .ref-vdo-iframe {
            width: 98%;
            padding-top: 15px;
        }
    }

    @media (max-width: 600px) {
        .charity-header {
            flex-direction: column;
            margin: 20px 0px 20px 0px;
        }
        .charity-logo {
            width: 150px;
            margin-bottom: 15px;
        }
        a.charity-header-btn {
            margin-left: 0px;
        }
        .charity-header-btns-wrap {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
        }
            .charity-header-btns-wrap span {
                margin-right: 0px;
                margin-bottom: 15px;
            }
            .charity-header-btns-wrap a {
                margin-left: 0px;
            }
        a.charity-header-btn, .ch-footer-donation a {
            padding: 10px 25px;
            font-size: 14px;
            text-transform: uppercase;
            border-radius: 30px;
            cursor: pointer;
        }
        .charity-home {
            margin: 0px;
        }
        .carousel-search-popular-item, .popular-item-name {
            width: 140px;
        }

  

        .registration-referred-wrapper {
            font-size: 22px;
        }

        .offer-on-registration {
            font-size: 12px;
        }


        .refer-video-label {
            margin-top: -23px;
            font-size: 12px;
        }


        .top-recent-rs-name-link {
            font-size: 16px;
            font-weight: normal;
            color: #000;
            margin: 0px 10px 0px 0px;
            width: 100%;
        }

        .top-recent-eating-food-wrap {
            font-size: 12px;
        }

        .eating-around-address-wrap {
            font-size: 13px;
            float: left;
            width: 60%;
            margin-top: 10px;
            font-weight: normal;
            margin-left: 15px;
        }

        .top-recent-eating-btn {
            font-size: 12px;
            width: 90px;
            float: right;
            text-align: center;
            padding: 3px 10px;
            font-weight: bold;
        }

        .restaurant-img {
            width: 60px;
            position: absolute;
            left: 0;
            border: 3px solid #d2d2d2;
            border-radius: 50%;
            vertical-align: middle;
            height: 60px;
        }

        .top-recent-link-wrap {
            padding-left: 70px;
        }

        .eating-around-address-wrap {
            font-size: 13px;
            float: left;
            width: 60%;
            margin-top: 10px;
            font-weight: normal;
            margin-left: 15px;
        }


        #dlDeals tr td {
            width: 100%;
        }

        .acc-header-top h5.aclp-h-h5 {
            width: 100% !important;
        }

        .invite-frds-btns {
            float: none;
            display: block;
            margin: 0px auto;
            width: 300px;
            overflow: hidden;
        }

        .invite-frnds-span {
            margin: 0px;
        }
    }

    @media (max-width: 560px) {
        .full-menu-inner {
            width: 100%;
        }

        .exc-deals-head-wrap .riw-restaurant-name-dtl span {
            font-size: 22px;
            font-weight: normal;
        }

        .exc-deals-head-wrap {
            width: 100% !important;
            overflow: hidden;
        }

            .exc-deals-head-wrap img {
                width: auto;
            }

        .acc-history-grid-wrapper {
            width: 420px;
        }

        .rm-popup-click-here-btn {
            font-size: 13px;
        }

        .rm-delivery-area-select-popup, .more-takeaway {
            padding: 40px 15px 15px 15px;
            width: 80%;
            overflow-y: auto;
            max-height: 350px;
        }

        .moreTakeAway_content {
            width: auto;
        }

        .home-page-banner-web-wrap {
            display: none;
        }

        .home-page-banner-responsive {
            float: left;
            width: 100%;
            display: block;
            margin: 20px 0px 0px 0px;
            clear: both;
            height: auto;
            padding: 0px 40px;
        }

            .home-page-banner-responsive img {
                width: 100%;
            }

        .external-circle-mask-wrap {
            height: 70px;
            width: 70px;
            float: none;
            background-size: 70px;
            margin-bottom: 10px;
            margin: 0px auto;
        }

        .external-main-wrap {
            float: left;
            width: 98%;
            margin: 0px 1% 48px 1%;
        }

        .restaurant-menu-middle-wrapper {
            width: 100%;
        }

        .restaurant-menu-offer-wrapper {
            width: 96%;
            float: left;
            margin: 0px 0%;
        }

        .menu-term-toltip {
            left: 3%;
        }



   

        div#dvOfferPagination {
            clear: both;
            margin: 0px 5px 0px 0px;
        }

        .offers-discounts-block {
            width: 100%;
            padding-left: 25px;
        }

        .offers-discounts-details-res-offer {
            width: 77%;
        }

        .odd-head-res-offer {
            font-size: 13px;
            width: 100%;
        }

        .rdo-width {
            width: 100%;
        }

        .odd-action-wrap-res-offer {
            display: inline-block;
            float: right;
        }

        .btn-guest-checkout {
            float: left;
            margin: 0px 17px;
        }

        /* Breadcrumbs / Item details css starts */
        .acc-oh-rating-actions-wrapper {
            padding: 0px;
        }

        ol.nav.breadcrumb {
            font-size: 9px;
            float: left;
        }

        .rm-itm-dtl-left-heading-wrap {
            width: 70%;
        }

        .rm-slcted-menu-dtl {
            font-size: 14px;
        }

        .rm-itm-dtl-res-logo img {
            width: 100%;
            height: auto;
        }

        .rs-slcted-menu-item, .rs-nav-wrap-slctd-menu {
            width: 96%;
            margin: 15px 2% 0px 2%;
        }


        /* Breadcrumbs / Item details css ends */


        table.referral-faq-table {
            width: 98%;
            margin: 5px 0px 0px 2px;
        }

        .search-find-restaurants-area-inner-wrap {
            width: 80%;
        }

        .consumer-search-main-wrapper-new {
            border: none;
        }

        .consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
            background: white;
        }
    }

    .consumer-search-main-wrapper-new {
        background: #f2f2f2;
    }

    @media (max-width: 550px) {
        .book-table-form-wrap {
            width: 90%;
        }

        .press-info-btns-wrap {
            width: 423px;
        }

        .press-info-upper-sec .press-info-btns-wrap a {
            margin: 0px 10px 0px 0px;
            width: 111px;
            font-size: 12px;
        }

        .referral-faq-wrap #referral-vdo-pk-modal, .referral-faq-wrap #referral-vdo-pk-modal .modal-dialog {
            width: 95%;
        }

        .referral-faq-wrap div.play-btn-ref {
            padding: 9px 0px 9px 4px !important;
        }

        .referral-vdo-uk iframe {
            width: 98% !important;
            margin: 0 auto;
            float: none;
        }

        .rm-itm-dtl-res-logo {
            width: 70px;
            height: 70px;
        }

        .rm-itm-dtl-res-logo-wrap-dtls h2.menu-title {
            font-size: 16px;
        }

        .exc-deals-head-wrap {
            height: 104px;
        }

        .refer-new-registration-wrapper {
            width: 95%;
        }

        .referal-social-btn-wrrper {
            width: 95%;
        }



        .offer-on-registration {
            font-size: 12px !important;
        }

        .registration-referred-username {
            font-size: 20px !important;
        }

        .refer-join-btn {
            font-size: 14px;
        }

        .more-orders-invite {
            font-size: 14px;
            width: 90%;
        }

        .earn-label {
            font-size: 20px;
        }

        .refer-heading-common {
            font-size: 20px;
        }

        .welcome-refer-label {
            font-size: 30px;
        }

        .refer-paragraph-label {
            font-size: 14px;
            width: 95%;
        }

        .search-icon-slide i {
            font-size: 15px;
            padding: 5px 7px;
            border: none;
            border-radius: 10px;
            background: none;
            color: #fff;
            color: #000;
        }

        .pnf-detail-wrapper {
            margin: 0px 0 10px 0px;
            padding: 0px;
        }

        .page-not-found-inner-wrap span {
            width: 115px;
            height: 115px;
            margin-top: 46px;
        }

        .page-not-found-inner-wrap h1 {
            font-size: 138px;
        }

        .page-not-found-inner-wrap {
            width: 333px;
        }

        .search-icon-slide i.search-selected {
            padding: 5px 7px;
            border: none;
            border-radius: 10px;
            background: #0080ea;
            color: #fff;
        }

        .no-display-resp {
            display: none;
        }

        .header-res-search-wrap {
            width: 100%;
        }

        .friends-cnctd-wrap-row {
            width: 100%;
        }

        .referral-faq-ans p {
            font-size: 12px;
        }

        .referral-faq-que {
            font-size: 18px;
        }

        .referral-faq-wrap div.referral-terms-cods {
            width: 93%;
        }

        .referral-faq-ans {
            font-size: 12px;
        }

        .referral-faq-que1 {
            font-size: 14px;
        }

        .offers-wrap {
            width: 100%;
            max-height: 210px;
        }

        .restaurant-menu-offer-inner {
            max-height: 143px;
        }

        .scissors-span {
            margin-left: 10px;
        }

        .acc-right-pannel {
            width: 100%;
        }

        .acc-left-pannel {
            width: 100%;
        }

        .acc-lp-upload-photo {
            width: 100%;
            text-align: center;
        }

        #light {
            float: none;
            margin: 0 auto;
        }

        .acc-upload-common {
            width: 33px;
            float: none;
            margin: 0 auto;
            display: block;
        }

        .resp-nav-slider-wrap {
            width: 100%;
            float: left;
        }

        .restaurant-nav-wrapper {
            height: auto;
        }

        .rs-nav-wrap-common-menu {
            text-align: center;
        }

        .restaurant-header-delivery-dtl-wrap {
            float: none;
            display: flex;
            margin: 0px auto;
            text-align: center;
            margin-top: 10px;
            background: none;
        }
        /*order histroy status new css starts here*/
        .status-order-history-wrapper {
            float: left;
            width: 96%;
            margin: 0px 2% 10px 2%;
            display: inline-block;
            border-bottom: 1px solid #d2d2d2;
        }
        /*order histroy status new css ends here*/

        /* Alternate Restuarants Design Wrap Starts here */

        .online-alt-restaurants-wrap tr {
            text-align: center;
            width: 100%;
        }

        .online-alt-restaurants-wrap td {
            float: none;
            display: inline-block;
        }
        /* Alternate Restuarants Design Wrap Ends here */

        .coiw-order-scroll-wrap {
            float: left;
        }

        .coiw-order-scroll-wrap {
            float: left;
        }

        .tooltip-wrapper-bottom-menu-page {
            float: left;
            position: relative;
            top: -14px;
            left: 30%;
        }

        .order-item-charges-wrap {
            width: 100%;
            padding: 8px 12px 8px 11px;
        }

        .order-guest-promotion-code-wrap {
            width: 180px;
            float: right;
        }

        .order-item-deliver-charges-total-wrap {
            float: right;
            margin: 0px auto;
            clear: both;
            padding-right: 0px;
        }

        .order-total-payable-wrap {
            font-size: 18px;
        }

        .order-guest-c-item-list-wraper {
            padding: 8px 12px 8px 11px;
            width: 95%;
        }


 

        .our-team-content {
            margin: 0 5px;
            padding: 10px;
        }

        .list-row {
            width: 80%;
            padding: 10px 0;
            font-weight: normal;
            float: none;
        }

        .rm-delivery-area-select-popup {
            left: 50px !important;
        }

        .list-view-wrapper {
            text-align: center;
        }

        .rdw-lbl-view {
            margin: 0px 0px 0px 36%;
        }

        #dvListViewWrap .sr-map-img {
            display: none;
        }

        .guest-orc-checkout-txtarea, .orc-checkout-txt-s-r {
            width: 93%;
            max-width: 285px;
        }

        .orc-checkout-disable-btn-text {
            margin-right: 20px;
        }

        .restaurant-info-delivery-order-table-inner {
            width: 100%;
        }

        .restaurant-info-about-left {
            width: 100%;
        }

        .restaurant-info-about-gallery {
            width: 100%;
        }

        .delivery-city-type-wrap {
            width: 95%;
            margin: 0px 0px 10px 0px;
        }

        .delivery-areas-type-wrap {
            width: 95%;
        }

        .delivery-city-type-wrap-mobile {
            width: 98%;
        }

        .restaurant-info-delivery-order-table-inner td:nth-of-type(1) {
            text-align: left;
            width: 40%;
        }
        /*checkout css set here*/
        .order-guest-add-more-item-btn-wrap {
            margin-bottom: 0px;
        }

        .order-guest-promotion-code-wrap {
            width: 291px;
            float: right;
        }

        .order-promotion-code-headline {
            font-size: 14px;
            margin-bottom: 3px;
            float: left;
        }

        .order-enter-code {
            float: left;
            margin-bottom: 3px;
            font-size: 13px;
        }

        .order-order-code-captcha-wrap {
            width: 120px;
            float: left;
            margin-top: -18px;
            margin-left: 0px;
            clear: none;
        }

        .order-promotion-code-form-control {
            font-size: 20px;
            width: 100%;
            border: 1px solid #d2d2d2;
            border-radius: 3px;
            color: #ed0000;
            margin-bottom: 3px;
            float: left;
            text-indent: 13px;
        }
        /*checkout css set Ends here*/

    }

    @media (max-width: 499px) {
        .referral-vdo-pk-main img {
            display: block !important;
        }



        .review-you-page-success-main-wrap {
            float: left;
            width: 96%;
            margin: 50px 1% 0px 3%;
        }

        .review-you-page-success-wrap {
            width: 100%;
            display: block;
            margin: 60px auto 0px auto;
            text-align: center;
        }
        /*thank you page new css starts here*/
        .thank-you-page-success-main-wrap {
            width: 90%;
            margin: 0px auto;
            float: none;
            display: block;
        }

        .thank-you-page-success-wrap {
            width: 100%;
            display: block;
            margin: 20px auto 0px auto;
            text-align: center;
        }

        .thanks-page-congrats-text {
            font-size: 26px;
            padding: 5px 0 0 0;
        }

        .ecash-thankyou-wrap {
            width: 100%;
            display: block;
            margin: 0px auto 10% auto;
            float: left;
        }
        /*thank you page new css ends here*/
        .Area-find-rs-heading {
            width: 92%;
            margin: 0px 0% 0px 8%;
        }

        .rest-menu-reviews {
            width: 20%;
        }

        .riw-rows {
            width: 70%;
        }

        span.footer-powered-by {
            clear: both;
            padding: 10px;
        }

        .r-p-c-res {
            padding: 5px 0;
            width: 100%;
            margin: 0px auto;
            float: none;
        }

        .rpcw-heading {
            font-size: 20px;
        }

        .acc-ps-info-wrapper {
            width: 100%;
        }


        .top-main-center-transparent-bg-wrap-new {
            margin: 40px 2%;
        }

        .search-find-restaurants-area-inner-wrap li {
            float: left;
            width: 100%;
            padding: 5px 0px;
        }

        .search-find-restaurants-area-inner-wrap {
            width: 78%;
        }

        .referral-faq-wrap img {
            width: 100%;
            display: none;
        }

        .refer-icon-inner-wrap img {
            width: auto;
            display: block;
            margin: 0px auto;
        }

        .dm-display {
            margin-left: 0px;
            float: left;
        }

        .acc-profile-setting span {
            margin: 0px;
        }
    }

    @media (max-width:480px) {
        .charity-list-logo-desc-wrap {
            flex-direction: column;
            text-align: center;
          
        }
        .charity-list-main-wrap {
            padding: 20px;
        }
        .charity-list-logo-desc-wrap img {
            width: 140px;
            margin-right: 0px;
            margin-bottom: 20px;
        }
        .other-charity-list-wrap {
            flex-basis: 480px;
        }
        .other-charity-list-wrap {
            margin: 10px 0px 10px 0px;
        }
            .charity-r-col img {
                margin-right: 20px;
                width: 70px;
            }
        .not-included-n-offer {
            padding: 0px 10px;
            line-height: 25px;
            font-size: 12px;
        }
        .verification-popup {
            background: none !important;
            width: 96% !important;
            margin-left: -1% !important;
            margin-right: 0% !important;
        }
            .verification-popup .verification-popup-content {
                background: #fff !important;
                padding: 20px 15px !important;
                float: left;
            }
            .verification-popup .verification-popup-txt, .verification-popup .verification-popup-lbl {
                font-size: 13px !important;
            }
            .verification-popup .cnfrm-heading {
                font-size: 20px !important;
                text-align: left;
            }
            .verification-popup .edit-btn-simple {
                font-size: 14px;
            }
            .verification-popup .usr-dtls-txt-wrap {
                padding: 10px 0px 10px 0px !important;
            }
            #divEditExtrasItem .clr-head-gray {
                font-size: 14px !important;
            }
        .rciw-cv-price-spn{
            font-size:14px;
        }
        .gro-item h3 {
            font-size: 14px;
        }
        #allGetCat .modal-body{
            padding-top: 70px;
        }
        #sortAndFilter .modal-body {
            padding-top: 85px;
            padding-bottom: 80px;
        }
        .hide-wrap {
            display: none !important;
        }

        #dvSelectArea .modal-body {
            padding: 0px;
            padding-top: 70px !important;
            height: 100%;
            padding-bottom: 70px !important;
            overflow: auto;
            margin: 0px;
            float: left;
        }

        #showAreaModalProfile .modal-body {
            padding: 0px;
            padding-top: 70px !important;
            height: 100%;
            padding-bottom: 70px !important;
            overflow: hidden;
            margin: 0px;
            float: left;
        }

        .search-area-map-modal {
            position: relative;
            height: 100%;
        }

        #showAreaModalProfile .search-area-map-modal {
            position: relative;
            height: 100%;
            padding-bottom: 145px;
        }

        .map-input-field-wrap {
            padding: 0px 10px 0px 10px;
        }

            .map-input-field-wrap:first-child {
                padding: 10px 10px 0px 10px;
            }

        a.login-to-see {
            font-size: 14px;
            width: 80%;
            left: 10%;
        }

        #showAreaModal .modal-body {
            padding: 0px;
            padding-top: 80px;
        }

        #showAreaModal .modal-header {
            display: flex;
            align-items: center;
        }

        #showAreaModal .modal-title {
            font-size: 18px;
        }

        #showAreaModalProfile .modal-body {
            padding: 0px;
            padding-top: 80px;
        }

        #showAreaModalProfile .modal-header {
            display: flex;
            align-items: center;
        }

        #showAreaModalProfile .modal-title {
            font-size: 18px;
        }

        .save-address-carousel .owl-prev {
            left: -10px;
        }

        .save-address-carousel .owl-next {
            right: -10px;
        }

        .search-m-wrap {
            padding: 0px 10px;
        }

        .map-address-wrap {
            position: absolute;
            height: 100%;
            min-height: 100% !important;
        }

        .order-again-wrap {
            font-size: 14px;
        }

        .redeem-voucher-wrap {
            padding: 0px 0px 0px 15px;
        }

        .voucher-alert-main-wrap {
            margin-bottom: 10px;
        }

        .referal-account-msg-strip {
            font-size: 20px !important;
            padding: 7px 20px;
        }

        #mobileVerificationModal .modal-body {
            padding: 20px !important;
        }

        .reg-enter-pin-field {
            font-size: 15px;
        }

        a.reg-pin-btn {
            padding: 10px 0px;
            color: #fff;
            min-height: 40px;
            font-size: 15px;
            width: 130px;
        }

        .verify-p-text {
            font-size: 14px;
        }

        .res-logo-img-div {
            float: none;
            margin: auto;
        }

        .change-order-type-section {
            padding: 0px;
        }

        .area-order-type {
            text-align: center;
            display: block;
            width: 100%;
        }

            .area-order-type span {
                display: block;
                width: 100%;
                text-align: center;
            }

                .area-order-type span + span {
                    margin-left: 0px;
                }

        .checkout-res-terms-cond {
            font-size: 13px;
        }

        .checkout-res-alert-box {
            width: 96%;
            margin: 0px 2%;
        }

        .cross-s-page {
            top: 1px !important;
        }

        .cd-top {
            /*right: 32%;*/
            bottom: 20px;
        }

        #tell-yourself-wrap .acc-profile-setting:first-child {
            justify-content: space-between;
            display: flex;
        }

            #tell-yourself-wrap .acc-profile-setting:first-child .acc-profile-common {
                width: auto;
                min-width: 0px;
                margin-right: 10px;
            }

        div#address-info-head {
            margin-top: 10px;
        }

        .acc-ps-name {
            width: 100%;
        }

        .popular-cuisines-wraper {
            padding: 0px 25px 0px 25px;
        }

            .popular-cuisines-wraper .owl-next, .popular-cuisines-wraper .owl-prev {
                right: -15px;
            }

        .cookie-text {
            display: none;
        }

        .cookie-icon {
            display: block;
        }

        .btn-hide-msg {
            background: none;
            color: #fff;
            padding: 5px 0px;
            border-radius: 3px;
            cursor: pointer;
            font-size: 14px;
            margin-top: 0px;
            margin-left: 5px;
        }

        .res-checkout-wrap-set {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .res-checkout-wrap-set .mar-left-5 {
                padding-left: 15px !important;
                margin-top: 0px !important;
            }

        .carousel-search-popular-item {
            padding: 8px;
            width: 105px;
            background-size: 110%;
            background-position: 50% -13px;
        }


        .popular-item-name {
            font-size: 14px;
            width: 100%;
        }

        .text-label {
            font-size: 14px;
        }

        .redeem-modal-main-wrap {
            justify-content: space-around;
            display: block;
            align-items: center;
            padding: 0px 0px;
        }

        .redeem-v-img-wrap {
            width: 150px;
            margin: auto;
            margin-bottom: 30px;
        }

        .redeem-bg-color .modal-header {
            border: none !important;
            height: 0px !important;
            background: #0dac4b !important;
            padding: 0px !important;
            margin: 0px !important;
            min-height: 0px !important;
        }

            .redeem-bg-color .modal-header .close {
                color: #000;
                text-shadow: none;
                opacity: 1;
                font-size: 26px;
                margin-right: 2px;
                margin-top: 0px;
                padding: 10px;
                top: 0px !important;
                position: fixed;
                right: 0px;
            }

        .redeem-apps-btn-wrap {
            padding-bottom: 50px;
        }

        .refer-banner-wrap {
            min-height: 150px;
        }

        .referal-col4 {
            padding: 20px 10px;
        }

        .ref-heading-common {
            font-size: 15px;
            margin-bottom: 15px;
        }

        .referal-col4 p {
            font-size: 14px;
        }

            .referal-col4 p i {
                font-size: 14px;
            }

        .ref-apps-button-banner-wrap {
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .refer-signup {
            background: #00bcd4;
            border-radius: 40px;
            color: #fff;
            padding: 8px 50px;
            margin-top: 10px;
            font-size: 18px;
            margin-bottom: 30px;
        }

        .download-app-referal-text {
            font-size: 20px;
            margin-bottom: 10px;
            margin-top: 30px;
        }

        .appstore-buttons-referal {
            margin-top: 20px;
            margin-bottom: 30px;
            margin-left: 7px;
        }

        .my-order-re-order-link {
            font-size: 14px !important;
        }

        .reorder-icon-span {
            width: 25px;
            height: 25px;
        }

        .DVhidden {
            display: none
        }

        .area-on-header-wrap {
            font-size: 12px;
        }

            .area-on-header-wrap i {
                font-size: 12px;
            }

        .back-btn {
            font-size: 16px;
        }





        .menu-line-wrap i {
            color: #000;
            font-size: 18px;
        }

        .logo img {
            height: 30px;
        }

        .search-icon-slide i {
            font-size: 14px;
            padding: 7px 7px;
        }

        .header-basket-wrap i {
            font-size: 18px;
        }

        .header-basket-wrap {
            font-size: 13px;
        }
        /*no area fond suggest modal css starts here*/
        .suggest-area-modal-icon-wrap {
            font-size: 40px;
        }

        .suggest-area-modal-title {
            font-size: 18px;
        }

        .suggest-area-modal-text-wrap {
            font-size: 15px;
        }

        .suggest-area-modal-btn {
            padding-bottom: 5px;
            text-align: center;
        }
        /*no area fond suggest modal css starts here*/
        .header-logo-text {
            font-size: 16px;
        }

        .header-deliver-type-inner-wrap {
            float: left;
            padding-left: 5px;
        }

        .slideDown-basket.order-basket-active, .slideDown-basket.order-basket-inactive {
            padding: 0px 0px;
            margin: 8px 0px 0px 0px;
        }

        .change-ordertype-btn {
            font-size: 12px;
        }

        li.current-active i {
            padding: 0px 6px 0px 0px;
            font-size: 13px;
            color: #777;
            margin-top: -7px;
        }

        .breadcrumb > li + li:before {
            content: ">";
            padding: 0px 6px;
        }


        .review-order-row {
            justify-content: center;
        }

        .slideDown .select-Search-asap-wrap {
            margin-top: 7px;
            padding-right: 70px;
            padding-left: 0px;
            width: 100%;
            box-sizing: border-box;
        }

        .slideDown .order-type-label {
            margin-top: 0px;
        }

        .slideDown .order-type-change-wrap {
            margin-top: 7px;
        }

        .slideDown #dvOrderTypeLabelWrap .order-type-change-wrap > div {
            padding: 0px;
        }

        .slideDown .order-type-change-wrap .order-type-icon {
            font-size: 11px;
            line-height: 24px;
            margin-right: 5px;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            width: 24px;
            min-width: 24px;
            height: 24px;
            display: inline-block !important;
        }

        .slideDown .header-basket-wrap i {
            font-size: 16px;
        }

        .header-deliver-type-wrap .order-type-label {
            text-align: left;
            font-size: 13px;
        }

        .slideDown .order-type-label span:first-child {
            display: block;
        }

        #dvOrderTypeLabelWrap .order-type-change-wrap > div {
            display: flex;
            padding: 0px 0px 0px 5px;
        }

        .order-type-change-wrap .order-type-icon {
            margin-right: 5px !important;
        }

        .tabs-menu .my-order-id-name-wrap {
            font-size: 12px;
        }

        .slideDown-basket .active-bubble {
            top: -13px;
            width: 16px;
        }

        .slideDown-basket i {
            font-size: 16px;
        }

        .slideDown-basket .header-basket-wrap i {
        }

        .slideDown-basket {
            font-size: 13px;
            right: 5px;
        }

        .tabs-menu .my-order-id-label {
            font-size: 18px;
            font-weight: bold;
            margin-right: 5px;
        }

        .tabs-menu .left-row, .tabs-menu .right-row {
            margin-bottom: 15px;
        }

        .tabs-menu .my-order-label {
            font-size: 13px;
        }

        .tabs-menu .my-order-label-sub {
            font-size: 15px;
        }

        .tabs-menu .order-type-dropdown {
            font-size: 14px;
        }

        .tabs-menu .my-order-new-row {
            margin-bottom: 0px;
        }

        .my-order-left{
            margin-right:20px;
        }
        .review-order-row div:first-child {
            text-align: center;
        }

        .tabs-menu .review-order-rating {
            width: 100%;
            display: inline-block;
            align-items: center;
            font-size: 18px;
        }


        .voucher-code-wrap {
            position: relative;
            width: 100%;
            float: none;
        }

        .review-save-icon-wrap {
            font-size: 40px;
            padding: 7px 15px;
        }

        .review-save-heading {
            font-size: 18px;
            font-weight: bold;
        }

        .share-review-message-wrap {
            margin-top: 30px;
            margin-bottom: 20px;
            font-size: 16px;
        }

        .review-rat-price-size {
            font-size: 20px;
            color: #ed0000;
            font-weight: bold;
        }

        .pre-define-label {
            width: 100%;
        }



        .item-searchloader {
            right: 30px;
        }

        .clearable.x {
            right: 13px;
        }

        .welcome-refer-label {
            margin: 60px 0 0px 0;
        }




        .refer-profile-icon-wrap .fa-icon {
            font-size: 40px;
            margin-top: -45px;
            width: 100px;
            height: 100px;
            line-height: 90px;
        }

        .refer-profile-icon-wrap {
            width: 100%;
            margin: -40px auto;
            max-width: 440px;
            float: left;
        }

        .change-order-type-wraper {
            padding: 0px;
        }

            .change-order-type-wraper .asap-dropdown-modal-wrap {
                margin-top: 20px;
                margin: 0px;
            }

                .change-order-type-wraper .asap-dropdown-modal-wrap .title-label {
                    width: 100%;
                }

        .asap-dropdown-modal-wrap div {
            float: left;
            margin-right: 5px;
        }

        .list-email-info {
            width: 96%;
            margin: 0px 2%;
            display: inline-block;
        }

        .sub-heading {
            font-size: 14px;
        }

        .list-email-info .list-label {
            font-size: 14px;
        }

        .padding-15 {
        }

        .radio-button-wrap {
            padding-left: 0px;
        }

        .footer-extra-modal {
            position: fixed;
            bottom: 0px;
            width: 100%;
            background: #fff;
            padding: 10px 0px;
        }

        .rm-popup-item-popup-cancel-btn, .a-cew-extras-done, .a-cew-extras-cancel, .rm-popup-no-cancel-btn {
            padding: 9px 10px;
        }
        /*Restaurant item image menu wrpper  starts css changes */
        .rciw-oneline-wrap {
            width: 100%;
            position: relative;
            float: left;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .left-item-img {
            width: 110px;
           
        }

        .rciw-category-un-varityprice-wrapper {
            width: 100%;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-bottom: 10px;
        }

        .ricw-mi-image-wrapper {
            float: left;
            height: auto;
            width: 70px;
            margin-top: 5px;
            display: inline-block;
            position: absolute;
            left: 0px;
        }

        .rs-slcted-menu-extras-wrapper, .ricw-mi-varity-extras-wrapper {
            float: right;
            /*display: none;*/
            margin: 0px 0 0px;
            background-color: #f2f2f2;
        }

        .vew-cw-extras-item-row .checkbox {
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-right: 65px;
            position: relative;
            width: 100%;
        }

            .vew-cw-extras-item-row .checkbox .margin-left-15 {
                position: absolute;
                right: 0px;
            }

        .extras-price-label {
            position: absolute;
            right: -70px;
            top: 0px;
        }

        .mandatory-label-req {
            position: relative !important;
            padding-right: 12px;
        }

        .vew-cw-extras-item-row .checkbox label {
            width: 90%;
        }
        /*Restaurant item image menu wrpper  ends css changes */
        .retaurant-categeory-wrapper, .retaurant-categeory-wrapper a {
            float: left;
        }

        .restuarent-category-name {
            line-height: 22px;
        }

        .plus-minus-topping-wrap .plus-icon, .plus-minus-topping-wrap .minus-icon {
            border-radius: 50%;
            font-size: 13px;
            font-weight: lighter;
            width: 22px;
            height: 22px;
            display: inline-block;
            text-align: center;
            line-height: 22px;
            margin-left: 8px;
            cursor: pointer;
            background: #FFF;
        }

        .plus-minus-topping-wrap {
            display: inline-block;
            position: absolute;
            left: 5px;
            top: 7px;
        }

        .add-topping-wrap label {
            padding: 10px 10px 10px 75px;
        }

        .menu-category-image-wraper {
            min-height: 55px;
        }

        .mobile-menu-arrow-custom {
            top: 10px;
        }

        .restuarent-category-name {
            font-size: 22px !important;
        }

        .press-info-upper-sec .press-info-btns-wrap a {
            margin: 0px 10px 10px 0px;
            width: 92%;
        }

        .press-info-btns-wrap {
            width: 275px;
            overflow: visible;
        }

        .orc-rest-logo img {
            width: 60px;
        }

        .review-info-address-wrap {
            margin: 0px 0px 0px 0px;
        }

        .review-info-heding {
            font-size: 18px;
            text-align: center;
        }

            .review-info-heding span {
                font-size: 14px !important;
            }

        .re-restaurantName {
            font-size: 16px;
            color: #000;
        }

        .review-rate-your-meal {
            font-size: 18px;
        }

        .review-stars-area-wrapper {
            float: left;
            width: 100%;
        }

        .review-rating-actions-wrapper, .review-commet-holding-wrap {
            float: left;
            width: 100%;
        }

        .order-item-prc {
            width: 30%;
            text-align: right;
        }

        .re-order-ordetail {
            font-size: 20px;
            color: #000;
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .rm-itm-dtl-res-logo-wrap-dtls {
            width: 66.6%;
        }

        .rm-itm-dtl-res-logo-wrap {
            width: 97.5%;
        }



        .order-status-type-label {
            position: absolute;
            width: 100%;
            top: -20px;
            left: 0px;
            font-size: 10px;
            text-transform: capitalize;
        }

        .wait-wizard-label {
            left: 10px;
        }

        .spCashBack {
            font-size: 16px !important;
        }

        .full-menu-main-wrap p {
            font-size: 30px;
        }

        .page-not-found-inner-wrap {
            width: 67%;
        }

        .full-menu-border {
            width: 30%;
        }

        .page-not-found-inner-wrap h1 {
            font-size: 100px;
        }

        .page-not-found-inner-wrap span {
            width: 95px;
            height: 95px;
            margin-top: 26px;
        }

        .execption-wrapper {
            padding: 40px 10px;
        }

        .rdw-center-wrapper i {
            position: relative;
            font-size: 86px;
            margin-top: 50px;
            background: #f2f2f2;
            padding: 32px;
            border-radius: 50%;
            margin: 0 auto 20px auto;
            float: none;
            display: block;
            overflow: hidden;
            width: 80px;
        }

        .checkout-restaurant-logo-wrap {
            top: 5px;
        }

            .checkout-restaurant-logo-wrap img {
                height: 50px;
                width: 50px;
            }

        .add-topping-catag-label {
            font-size: 14px;
        }

        .moty-toppings-wrapper {
            overflow-y: hidden;
        }

        #divAreaMessage a {
            font-size: 14px;
        }

        .orc-field-img-remove-icon {
            margin: 4px 0 0 33px !important;
        }



        .rr-review-rate-chart-wrapper {
            padding: 16px 1% 16px 1%;
            width: 93%;
        }

        .checkout-restaurant-title-wrap {
            padding: 15px 70px 15px 15px;
        }

        .order-item-extra-inner {
            margin: 0px 0px 0px 0px;
            width: 75%;
        }

        .rbc-reg-form-required-msg {
            font-size: 24px;
        }

        .checkout-main-heading {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .order-item-wrapper {
            width: 100%;
            margin-bottom: 5px;
        }

        .checkout-restaurant-title-wrap {
            font-size: 18px;
        }

        .rr-rrc-rate-bar-box {
            width: 200px;
            margin-bottom: 10px;
        }

        .rrc-rate-green-box {
            float: none;
            display: block;
            overflow: hidden;
            margin: 0 auto;
        }

        .acc-profile-user-name {
            width: 100%;
            text-align: center;
        }

        .aclp-edit {
            margin: 10px 0px;
            float: none;
            clear: both;
            display: inline-block;
        }



        .menu-address-label {
            width: 98%;
            margin: 0px 1%;
        }

        .menu-star-label {
            float: none;
            margin-top: 5px;
            display: inline-block;
        }

        .acc-header-top h5.aclp-h-h5 {
            font-size: 22px;
        }

        .order-item-deliver-charges-total-wrap {
            width: 100%;
        }



        .voucher-code-wrap {
            margin-top: 5px;
        }


        .moty-t-item {
            width: 100%;
        }

        .moty-toppings-wrapper {
            max-height: 200px;
        }

        .responsive-topping-scroll {
            width: 100%;
        }

        .modal-title {
            font-size: 16px;
        }

        .add-topping-wrap {
            width: 100%;
            margin-bottom: 15px;
            font-size: 12px;
            padding-left: 0px;
        }

        .modal-footer {
            padding: 5px;
        }

        .common-basket-icon-fixed {
            top: 23px;
        }

        .social-icon-wrap {
            display: none;
        }
        /*consumer support search page css starts here*/
        .con-sr-name {
            width: 100%;
            margin: 0px 0px 10px 0px;
            font-size: 18px;
            text-align: center;
            font-weight: bold;
        }

        .consumer-support-inner-wrap {
            width: 96%;
            margin: 0px auto;
            display: block;
        }

        .consumer-support-field-wrap {
            float: left;
            position: relative;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        .consumer-support-search-field-btn {
            float: left;
            background-color: #000;
            color: #fff;
            padding: 10px 7%;
            font-size: 14px;
            border-radius: 5px;
            margin: 0px 25%;
            width: 30%;
            text-align: center;
        }
        /*consumer support search page css ends here*/
        .riw-restaurant-name {
            font-size: 18px;
        }

        .riw-restaurant-name {
            margin-top: 0px !important;
            float: left;
            width: 170px;
        }

        .rm-itm-dtl-left-heading-wrap {
            width: 60%;
        }

        .email-addres-veri-wrap {
            width: 96%;
            float: left;
            padding: 0px;
            margin: 0px 2%;
        }

        .registration-content-wrapper .registration-login-password-wrap {
            width: 98%;
            float: left;
            margin: 0px 0px 0px 0px;
        }

        .sup-login-heading-wrapper {
            float: none;
            font-size: 20px;
            color: #000;
            margin-bottom: 15px;
            text-align: left;
            width: 98%;
            margin: 0px 0%;
            clear: both;
            display: inline-block;
        }

        .registration-content-wrapper .sup-login-heading-wrapper {
            width: 98%;
        }

        .registration-login-password-wrap {
            width: 98%;
            float: left;
            margin: 0px 0px 0px 0px;
        }

        .top-recent-area-name-wrap {
            float: left;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        #mapRestCount {
            font-size: 16px;
        }

        .r-p-c-w-box {
            width: 90%;
            float: left;
            padding: 10px 16px;
        }

        .checkout-res-input-form-control {
            font-size: 14px;
        }

        .external-login-fb-main-wrap {
            width: 97%;
            margin: 0px auto;
        }

        .rr-left-col-wrapper {
            float: left;
            padding: 0 0 0 0px;
            width: 100%;
            margin: 5px 0px 0px 0px;
        }

        .offers-discounts-details-res-offer {
            width: 100%;
        }

        .odd-action-wrap-res-offer {
            display: inline-block;
            float: left;
            margin: 10px 0px 10px 0px;
        }

        .reset-password-inner-wrap {
            width: 100%;
            margin: 0px auto;
        }

        .sr-search-btn-wrap {
            display: none;
        }

        .sr-search-count-wrap {
            font-size: 14px;
        }

        .search-find-restaurants-area-inner-wrap {
            width: 100%;
            max-height: 160px;
            overflow: auto;
        }

        .search-find-restaurants-area-inner-btn {
            background: #FFFFFF;
            padding: 5px 0px 5px 0px;
            color: #ed0000;
            border-radius: 2px;
            position: relative;
            width: 100%;
            display: block;
            text-align: left;
            width: 30%;
            float: left;
        }

        /*Topping popup css starts here*/
        #topping, #dvMenuEditExtras, .common-modal-responsive {
            background: #fff;
            padding-bottom: 76px;
            bottom: 0;
            right: 0;
            left: 0;
            top: 0;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 0px !important;
        }

            #topping .modal-dialog, #dvMenuEditExtras .modal-dialog, .common-modal-responsive .modal-dialog {
                position: relative;
                width: auto;
                margin: 0px;
                height: 100%;
            }

            #topping .modal-header, #dvMenuEditExtras .modal-header, .common-modal-responsive .modal-header {
                padding: 10px 15px;
                border-bottom: 1px solid #e5e5e5;
                min-height: 16.42857143px;
                position: fixed;
                width: 100%;
                background: #fff;
                z-index: 3;
                box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -khtml-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                height: 70px;
            }

            #topping .modal-title, #dvMenuEditExtras .modal-title, .common-modal-responsive .modal-title {
                position: relative;
                height: 100%;
                width: 100%;
                float: left;
            }

            #topping .clr-head-gray, #dvMenuEditExtras .clr-head-gray, .common-modal-responsive .clr-head-gray {
                font-size: 18px;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                display: flex;
                align-items: center;
            }

            #topping .modal-content, #dvMenuEditExtras .modal-content, .common-modal-responsive .modal-content {
                position: relative;
                background-color: #ffffff;
                border: 1px solid #999999;
                border: 0px;
                border-radius: 0px;
                -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
                box-shadow: none;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                outline: 0;
                height: 100%;
                overflow-x: hidden;
                overflow-y: auto;
            }

            #topping .responsive-topping-scroll, #dvMenuEditExtras .responsive-extras-scroll, .common-modal-responsive .responsive-extras-scroll {
                width: 100%;
                padding-top: 70px;
                overflow-y: auto;
                position: relative;
            }

            #topping .topping-scroll-modal, #dvMenuEditExtras .extas-scroll-modal, .common-modal-responsive .topping-scroll-modal {
                max-height: none;
                overflow-y: hidden;
                width: 100%;
                padding-bottom: 55px;
            }

            #dvMenuEditExtras .extas-scroll-modal {
                padding-bottom: 70px;
            }

            #topping .modal-footer, #dvMenuEditExtras .modal-footer, .common-modal-responsive .modal-footer {
                padding: 15px;
                text-align: right;
                border-top: 1px solid #e5e5e5;
                position: fixed;
                bottom: 0px;
                width: 100%;
                background: #fff;
                z-index: 3;
                box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -khtml-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

            .common-modal-responsive .m-t-60 {
                padding-top: 60px;
            }
        /*Topping popup css ends here*/


        .main-add-m-res-a {
            overflow: hidden !important;
        }

        .main-add-m-res-c .modal-header {
            position: absolute;
            top: 0px;
        }

        .main-add-m-res-e {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            padding-bottom: 70px;
        }

        .main-add-m-res-f {
            position: absolute;
            bottom: 0px;
        }

        .main-add-m-res-c {
            overflow: hidden !important;
        }

        .h-70 {
            height: 70%;
        }

        /*Restaurant review css starts here*/
        .left-rviewmain {
            width: 100% !important;
        }

            .left-rviewmain .rr-rrc-rate-bar-box .rrc-row {
                display: flex;
            }

     

        .c-r-comment-box.mb-comment-box {
            padding: 0px 0 0 10px !important;
         
        }

        .right-reviewmain .review-box-wrapper {
            margin-top: 10px;
        }

        .right-reviewmain {
            width: 100% !important;
        }

        .left-rviewmain {
            margin-top: 0px !important;
        }

        .left-rviewmain, .right-reviewmain {
            margin: 0px 0px;
        }

        .rrc-gb-g-label {
            font-size: 15px !important;
        }

        .left-rviewmain .rrc-gb-g-label, .rrc-gb-g-rate-total-num {
            font-size: 14px;
        }

        .right-reviewmain .rr-rb-rate-wrapper {
            width: 100%;
        }


    }

    @media (max-width:450px) {
        .rs-slcted-menu-item-price-vrities {
            width: 197px;
        }

        .referral-faq-wrap #referral-vdo-pk-modal div.modal-header .close {
            margin-top: -4px !important;
            margin-right: 6px;
        }

        .referral-faq-wrap #referral-vdo-pk-modal div.modal-header {
            padding: 10px 0px !important;
        }

        .referral-faq-wrap div.play-btn-ref {
            padding: 9px 4px 9px 8px !important;
        }



        .refer-icon-inner-wrap {
            max-height: 238px;
        }

        .addthis_toolbox a {
            width: 100%;
        }

        .social-invite-btn {
            width: 100%;
        }

        .referral-faq-wrap div.referral-terms-conds {
            padding: 0px 10px !important;
            width: 92%;
        }

        .header-basket-wrap {
            display: block;
            float: right;
            padding: 15px 5px 13px 5px;
            margin: 0px 15px 0px 0px;
            width: 100px;
        }

        .top-recent-link-wrap {
            width: 100%;
        }

        /*restruant review starts here*/
        .review-restaurant-logo-area {
            float: none;
            margin: 0px auto;
            width: 100px;
        }

        #lblTypeAddress {
            float: right;
            width: 100%;
        }

        .order-item-deliver-charges-total-inner-wrp {
            float: right;
            width: 100%;
        }
        /*restruant review Ends here*/
        .forgotten {
            font-size: 16px;
        }

        .vr-edit-wrap span {
            float: left;
            margin: 5% 0px 3% 16px;
            font-size: 14px;
        }

        .reset-pwd {
            font-size: 16px;
        }

        div#dvRegistration {
            width: 99%;
            margin: 0px auto;
        }

        .forgot-pass-wrap {
            padding: 10px 0% !important;
            width: 94% !important;
            margin: 0px 3%;
        }



        .top-takeaway-rs-name {
            font-size: 14px;
            font-weight: bold;
        }

        .top-takeaway-rs-name-dt {
            float: left;
            font-size: 11px;
            margin: 0px 0px 5px 0px;
        }

        .top-takeaway-rs-reviews-wrap {
            clear: both;
            margin: 5px 0px 0px 0px;
        }

        .top-takeaway-sp-cash-wrap {
            float: right;
            width: 70px;
        }

            .top-takeaway-sp-cash-wrap div {
                font-size: 11px;
            }

            .top-takeaway-sp-cash-wrap span {
                font-size: 11px !important;
            }

        .tool-terms-checkout {
            left: -144px;
        }

        .tool-term-inner-btm:after {
            left: 80%;
        }

        .terms-menu-position-set {
            position: relative;
            z-index: 90;
            display: none;
            left: -60%;
            top: 8px;
        }

        .tooltip-wrapper-bottom-menu-page {
            float: left;
            position: relative;
            top: -14px;
            left: 25%;
        }

        .orc-checkout-p-p-o-row-option {
            width: 190px;
        }

        .registration-form-inner-wrap {
            width: 98%;
            float: left;
            padding: 10px 0px;
        }

        .checkout-right-penal-wrap {
            width: 100%;
            float: none;
            display: block;
            margin: 0px auto;
        }

        .CheckoutPanel-wrap {
            width: 100%;
            float: none;
            display: block;
            margin: 0px auto;
        }

        .checkout-res-wrap {
            width: 100%;
            float: left;
            padding: 10px 0px;
        }

        .checkout-res-wrap-headline {
            font-size: 20px;
            margin-bottom: 15px;
        }

        label.sticky-placeholder-label {
            line-height: 50px;
            float: left;
            font-size: 14px !important;
            color: #000 !important;
            text-indent: 15px;
        }

        .orc-h-h5 {
            font-size: 22px;
        }

        .rbc-form-field-wrapper {
            margin: 0px 0px 20px 0px;
        }

        .orc-login-wrapper {
            float: left;
            width: 100%;
        }

        .checkout-res-radio-btn-wrap {
            float: left;
            width: auto;
        }

        .checkout-res-checkout-btn-wrap-inner {
            float: left;
            width: 96%;
            display: block;
            margin: 0px 2%;
        }

     

        .acc-ps-value {
            width: 100%;
        }

        .sr-inner-sort-by {
            margin-right: 11px;
            margin-left: 0px;
        }


        .referral-faq-ans {
            color: #000;
            float: left;
            list-style-type: decimal;
            margin: 10px 0px;
            width: 100%;
        }

        .order-basket-go-btn {
            padding: 5px 4px;
        }

        .rm-delivery-area-select-popup {
            width: 75%;
            left: 20px !important;
        }

        .orc-checkout-btn-wrapper {
            margin: 0px 20%;
        }

        .orc-checkout-alert-box {
            margin: 0px 7%;
        }

        /*home page searchbox field css starts here*/

        .logo .responsive-logo {
            display: block;
        }

        .web-logo {
            display: none;
        }
        /*home page searchbox field css ends here*/

    }

    @media (max-width:414px) {
        .font-size-18 {
            font-size: 14px !important;
        }

        .page-not-found-inner-wrap {
            width: 69%;
        }

        .acc-oh-rating-Message-failed {
            padding: 4px 0 7px;
            width: 95%;
        }

        .rbc-terms-conditions-wrapper {
            width: 109%;
        }

        .rbc-reg-form-i-accept {
            font-size: 12px;
            padding: 0px 2px 0 5px;
            float: left;
        }

        .term-conditions {
            font-size: 12px;
            float: left;
        }

        .rbc-form-field-wrapper input[type="checkbox"] {
            margin-left: 5px;
        }
    }

    @media (max-width:400px) {

        .carousel-search-popular-item {
            padding: 8px;
            width: 90px;
            height: 78px;
       
        }

        .full-menu-inner {
            width: 100%;
            margin: 0px 10px 0px 10px;
        }

        .page-not-found-inner-wrap {
            width: 75%;
        }

        .r-offer-message {
            font-size: 14px;
        }

        .tab-res-name {
            width: 40%;
            font-size: 14px;
        }

        .c-tab__content {
            padding: 10px 10px !important;
        }

        .row-order-detail {
            float: right;
            padding: 2px 10px;
            width: 100%;
            clear: both;
        }

        .restaurant-payment-wrap {
            width: 300px;
            margin: 40px auto;
        }

        .easy-paisa-link-wrap {
            width: 100%;
            margin: 10px auto 0px auto;
        }

        .thank-page-status-btn, .thank-page-ewallet-btn {
            width: 45%;
        }

        .top-recent-rs-name-link {
            width: 148px;
        }

        .cplw-rs-text {
            font-size: 20px;
        }

        .restaurants-offers-ltd {
            color: #000;
            float: left;
            font-size: 14px;
            width: 28%;
            text-align: right;
            margin: 0px 4% 0px 0px;
        }

        .menu-term-toltip {
            width: 230px;
        }

        .h-itemname {
            float: left;
            width: 30% !important;
            color: #0BC113;
        }

        span.h-quantity {
            float: left;
            width: 15%;
            text-align: center;
            color: #000;
        }

        .email-addres-veri-wrap {
            width: 94% !important;
            float: none;
            padding: 0px;
            margin: 0px 3%;
        }

        .common-new-verification-btn {
            width: 80%;
        }

        .common-new-verification-btn {
            font-size: 20px;
        }

        .coiw-order-scroll-wrap {
            float: left;
        }

        .terms-menu-position-set {
            float: none;
            z-index: 90;
            display: none;
            margin: 0 auto;
            width: 260px;
            left: 0px;
        }
        /*area pop css starts here*/
        .area-pop-charges-wrap {
            float: left;
            width: 250px;
        }
        /*area pop css starts Ends here*/
        .chkout-spn-or:before, .chkout-spn-or:after {
            content: "_____________";
            margin: -6px 20px 0 18px;
            position: absolute;
            color: #d2d2d2;
        }

        .chkout-spn-or::before {
            margin: -6px 0px 0px -110px;
        }

        .rbc-spn-or {
            width: 100%;
        }

            .rbc-spn-or:before, .rbc-spn-or:after {
                margin: 0px 0 0 20px;
                position: relative;
                color: #d2d2d2;
                top: -7px;
                content: "___________";
            }

            .rbc-spn-or::before {
                right: 17px;
            }

        .forgot-pass-btn {
            margin: 10px 0px 10px 2px;
        }

        .sr-inner-sort-by {
            margin-left: 0px;
            margin-right: 100px;
        }

        .sr-radius-deals-inner {
            margin-left: 2px;
        }

        .sr-radius-inner {
            margin-left: 0%;
        }

        .fd-filter-price-range.fd-margin {
            margin: 0px 3px 0px 0px;
        }

        .sr-content-box-inner-span {
            float: left;
            margin: 5px 0px 5px 5px;
            font-size: 13px;
        }

        .sr-inner-sort-by {
            margin-left: 5px;
        }

        .common-order-type-slc-wrap {
            width: 300px;
            margin: 3px 0 0 10px;
            letter-spacing: 0px;
            font-size: 16px;
            text-transform: uppercase;
            float: none;
            margin: 5px 0px 10px 0px;
        }

        .sr-radius-or-sort-by {
            float: none;
            width: 400px;
            margin: 0px auto;
            display: block;
        }

        .sr-radius-inner {
            float: left;
            width: 25%;
        }

            .sr-radius-inner select {
                padding: 6px 0px 6px 0px;
                border-radius: 4px;
                border: 1px solid #d2d2d2;
                text-indent: 3px;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat #fff;
                background-position: 39px -88px;
                background-size: 460px 160px;
                width: 60px;
            }

        .sr-inner-sort-by {
            float: right;
            width: 48%;
        }

            .sr-inner-sort-by select {
                padding: 6px 0px;
                border-radius: 4px;
                border: 1px solid #d2d2d2;
                text-indent: 5px;
                width: 141px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: #fff url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat;
                background-position: 119px -88px;
                background-size: 460px 160px;
            }

        .sr-ratings {
            float: left;
            width: 107px;
            text-align: left;
            margin-left: 6px;
        }
    }

    @media (max-width:375px) {

        .referal-social-btn-wrrper .sup-login-heading-wrapper {
            width: 100%;
        }



        .registration-referred-username {
            font-size: 18px !important;
        }

        .refer-heading {
            font-size: 18px;
        }

        .refer-join-btn {
            font-size: 12px;
        }

        .more-orders-invite {
            font-size: 12px;
        }

        .earn-label {
            font-size: 18px;
        }

        .refer-heading-common {
            font-size: 18px;
        }

        .welcome-refer-label {
            font-size: 24px;
        }

        .refer-paragraph-label {
            font-size: 14px;
        }

        .page-not-found-inner-wrap {
            width: 270px;
        }

        .acc-oh-review-textarea {
            max-width: 100%;
            min-width: 100%;
            width: 100%;
        }

        .acc-oh-review-input-text {
            width: 100%;
        }

        .acc-oh-water-holding {
            width: 100%;
        }

        .acc-oh-review-area-wrapper {
            width: 100%;
        }

        .execption-wrapper {
            padding: 0px 0px 0px 0px;
        }

        .rdw-center-wrapper i {
            position: relative;
            font-size: 86px;
            margin-top: 50px;
            background: #f2f2f2;
            padding: 32px;
            border-radius: 50%;
            margin: 0 auto 20px auto;
            float: none;
            display: block;
            overflow: hidden;
            width: 80px;
        }

        .exc-w-heading {
            font-size: 36px;
        }

        .execption-wrapper p {
            font-size: 14px;
            width: 95%;
        }

        .ref-invite-share-url-address span {
            font-size: 12px;
        }

        .btn-cal {
            width: 99%;
        }



        .rrc-gb-g-label, .rrc-gb-g-rate-total-num {
            font-size: 12px;
        }

    }

    @media (max-width:360px) {
        .charity-list-amount-detailp-wrap{
            width:100%;
        }
        .charity-list-amount-wrap img {
            width: 35px;
            margin-right: 5px;
        }
        .left-item-img {
            width: 100px;
        }
        .rr-rrc-rate-bar-box .rrc-row {
            width: 100%;
        }
        .left-rviewmain .rr-rrc-rate-bar-box .rrc-label {
            width: 60px;
        }
        .rrc-rate-green-box, .rr-review-rate-chart-wrapper {
            margin: 20px 0% 0px 0% !important;
        }
        .available-price {
            display: inline-block;
        }
        .cuisines .owl-item {
            width: 85px !important;
        }

        .cuisines .owl-stage {
            display: flex !important;
        }

        #reedemVoucherShow .modal-body {
            padding: 10px 0px;
        }

        #reedemVoucherShow .redeem-v-img-wrap {
            width: 110px;
            margin: auto;
            margin-bottom: 30px;
            margin-top: 20px;
        }

        .redeem-title {
            font-size: 20px;
        }

        .redeem-strip {
            font-size: 18px;
        }

        .card-holder-main-wrap .res-enter-pin-wrap {
            display: flex;
            width: 100%;
            margin: auto;
            box-sizing: border-box;
        }

        .card-holder-p {
            font-size: 14px;
        }

        #tabRestaurantReview .rr-r-heading {
            font-size: 22px;
        }

        .header-deliver-type-wrap .order-type-label {
            font-size: 12px;
        }

        .slideDown-basket {
            font-size: 12px;
        }

        .list-email-info .list-label {
            font-size: 14px;
        }

        .txtWalletCashPayment-input-wrap {
            width: 70px;
        }

        .restaurant-asap-select-filter {
            margin-left: 0px;
        }

        .referral-vdo-pk-main {
            width: 260px !important;
        }

        .rm-itm-dtl-res-logo-wrap {
            width: 96.5%;
        }



        .acc-ps-action-done {
            height: auto;
        }

        .registration-form-wrapper {
            width: 100%;
            float: left;
            padding: 10px;
        }

        .orc-field-img-remove-icon {
            margin: 5px 0 0 30px !important;
        }

        /*home page search control css starts here*/
        .main-center-heading h1 {
            font-size: 25px !important;
        }

        span.headline-home {
            font-size: 14px;
        }

        .fm-control-eat {
            width: 88%;
            padding: 7px 12% 7px 0px;
            font-size: 14px;
        }

        .wrapper-dropdown-2 {
            padding: 9px 0px 8px 15px;
            font-size: 14px;
            text-indent: 15px;
        }

        .fm-control-loc {
            width: 88%;
            padding: 9px 12% 5px 0%;
            font-size: 14px;
        }

        .headline-home {
            float: left;
            margin: 5px 0px;
            color: #000;
            font-size: 22px;
            font-weight: normal;
        }
        /*home page search control css ends here*/
        .rciw-cv-price-spn {
            font-size: 14px;
            font-weight: bold;
            margin: 0px 10px 0px 0px;
        }

        .top-recent-link-wrap {
            width: 55%;
        }

        .thank-page-status-btn, .thank-page-ewallet-btn {
            font-size: 14px;
        }

        .top-recent-area-tooltip-wrap {
            width: 235px;
            float: left;
            padding: 15px 15px 15px 15px;
        }

        .registration-submit-button {
            font-size: 18px;
            line-height: 37px;
        }

        .sr-count-records {
            text-align: left;
            width: auto;
            float: left;
            margin: 10px 0px 0px 10px;
        }

        .tooltip-wrapper-bottom-menu-page {
            float: left;
            position: relative;
            top: -14px;
            left: 15%;
        }

        .basket-address-input-wrap {
            float: none;
            width: 100%;
            margin: 10px auto;
            position: relative;
        }

        .riw-rows {
            width: 230px;
        }

        .rbc-form-input-field-mobile {
            width: 74%;
        }

        .common-area-search-go-btn {
            margin: 1px 0px 0px 3px;
            padding: 7px 8px;
            font-size: 14px;
        }

        .btn-guest-checkout {
            float: left;
            margin: 0px;
            width: 100%;
            background-position: 10px 12px;
        }

        .sr-radius-or-sort-by {
            float: left;
            width: 400px;
            margin: 0px auto;
            display: block;
        }

        .sr-radius-inner {
            margin-left: 0%;
        }

        .sr-search-count-wrap {
            font-size: 12px;
        }

        .search-find-restaurants-area-inner-btn {
            background: #FFFFFF;
            padding: 5px 0px 5px 0px;
            color: #ed0000;
            border-radius: 2px;
            position: relative;
            width: 100%;
            display: block;
            width: 100%;
            float: left;
        }

        .search-find-restaurants-area-inner-wrap {
            width: 100%;
            height: 90px;
            overflow: auto;
        }

        .common-image-captcha {
            margin-left: 13px;
        }

        .right-panel-reg-wrap .back-login-btn {
            margin: 0px 13% 0px 0px;
        }

        .captcha-input {
            margin: -1px 0px 0px 3px;
        }

        .gndr-width {
            float: left;
            width: 20%;
        }

        table.referral-faq-table {
            width: 96%;
            margin: 5px 0px 0px 0px;
        }

        .OrderHistory {
            color: #d2d2d2;
            font-size: 15px;
            text-align: right;
            float: left;
            padding: 15px 0px;
            width: 100%;
        }

        .rm-delivery-area-select-popup {
            width: 83%;
        }

        .ap-c-m-error-wraper {
            width: 90% !important;
        }

        .guest-user-saved-dtl-wrap {
            width: 95%;
        }

        .rdw-lbl-view {
            margin: 0px 0px 0px 28%;
        }

        .orc-checkout-alert-box {
            margin: 0px 0%;
            width: 288px;
        }

        .orc-checkout-btn-wrapper {
            margin: 0px 0%;
            padding: 20px 0px;
        }

        /* Bilal's CSS work for info tab starts here */
        .restaurant-info-delivery-order-table-inner table {
            width: 97%;
        }

        .restaurant-info-about-left {
            width: 100%;
            float: left;
        }

        .restaurant-info-about-gallery {
            width: 100%;
        }

        .restaurant-info-meal-type {
            float: left;
            width: 100%;
            margin-right: 75px;
        }

        .delivery-city-type-wrap {
            width: 93%;
            margin: 0px 10px 10px 0px;
        }

        .delivery-areas-type-wrap {
            width: 93%;
        }

        .restaurant-info-delivery-order-table-inner {
            width: 100%;
        }

        .delivery-city-type-wrap-mobile {
            width: 98%;
        }
        /* Bilal's CSS work for info tab ends here */
    }

    @media (max-width: 358px) {
        .web-logo {
            display: none;
        }

        .logo .responsive-logo {
            display: block;
        }
    }

    @media (max-width:320px) {
        .search-restaurant-and-text-slide-wrap {
            height: 110vh;
        }

        .slide-text-wrap {
            margin-top: 0%;
        }

        ol.nav.breadcrumb {
            text-align: center;
            padding: 10px 4px;
        }

            ol.nav.breadcrumb li {
                float: none;
                display: inline-block;
            }

        .allergy-wrapper {
            font-size: 11px;
        }

            .allergy-wrapper i {
                padding: 3px 7px;
                font-size: 10px;
            }

        .order-type-label {
            font-size: 13px;
            text-align: left;
        }

        .press-info-btns-wrap {
            width: 255px;
        }

        .ref-invite-accepted-img-wrap {
            width: 70px;
            height: 70px;
        }

        .ref-invite-acceptd-cons-dtl {
            width: 300px;
        }

        .select-mar-left-10 {
            margin-left: 5px;
        }

        .select-asap select {
            padding: 2px 0px 2px 5px;
        }

        .checkout-res-input-wrap {
            width: 107%;
        }

        .rrc-rate-green-box {
            width: 45%;
        }

        .top-recent-eating-btn {
            padding: 8px 2px;
        }

        /*home page css starts here*/
        .form-control-hotel-location {
            padding: 10px 0px;
        }

        .hotel-location-search-location .headline-home {
            margin-left: 0px;
        }

        .main-center-heading {
            margin: 0px auto 0px auto;
        }

        .coiw-order-scroll-wrap {
            float: left;
        }

        .restaurant-info-delivery-top-selling-itmes-move {
            width: 100%;
        }

        .restaurant-info-delivery-view-menu-btn {
            padding: 10px 67px;
        }

        .delivery-city-type-wrap-mobile {
            width: 97%;
        }

        .r-offer-message .sr-dvTerms {
            right: 0%;
        }

        .odd-details-res-offer .sr-dvTerms {
            left: -6%;
        }

        /*home page input fields starts here*/
        .fm-control-loc {
            width: 88%;
            padding: 9px 12% 5px 0%;
        }

        .fm-control-eat {
            width: 88%;
            padding: 7px 12% 7px 0px;
        }

        /*home page input fields ends here*/
    }

    @media(max-width:515px) {
        .eWallet-loader {
            top: 315px;
        }
    }