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

}
@media only screen and (max-width:1024px) {
    
    .dish-container .addToCartButton button.optionsTrigger{
            margin: 5px 0 0 10px;
    }
    section.index-login-container .left-column {
        width: 100%;
    }

    section.index-login-container .right-column {
        display: none;
    }
    .restaurants-container .restaurants-ads {display: none;}

    .restaurants-container > div {
        width: 100% !important;
    }

    .restaurants-container > div {}

    .filters .filters-container {border: 0;overflow: hidden;position: fixed !important;top: 0  !important;bottom: 0  !important;left: 0;right: 0;width: 92%;height: 94%;z-index: 100  !important;margin: auto;opacity: 0;visibility: hidden;padding: 0;border-radius: 4px;transform: translateY(-10px);transition-duration: 0.5s;}
    .filters .filters-container button {
        background: #55b85a;
        text-align: center;
        color: #fff;
        padding: 10px 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        border: 0;
        display: block;
    }
    .filters .filters-container.open{
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
    .filters .phone-filters {
        display: block;
        margin-bottom: 16px;
    }

    .filters .filters-container {
        /* width: 100%; */
    }

    .filters .filters-container .filter-option ul li {
        width: calc(50% - 2px);
        display: inline-block;
        margin: 0 0 5px;
    }

    .filters .filters-container .filter-option {
        display: block;
        margin-bottom: 30px;
    }

    .filters .desk-search {
        display: none;
    }

    .filters .phone-filters > div {
        display: inline-block;
        position: relative;
        height: 37px;
        vertical-align: top;
    }

    .filters .phone-filters input {
        width: 100%;
        height: 100%;
        background: 0 0;
        border: 0;
        font-size: 10pt;
        color: #000;
        padding: 0 14px;
    }

    span.icon {
        position: absolute;
        color: #4f5b66;
        left: 10px;
        width: 15px;
        height: 15px;
        opacity: .5;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .filters .phone-filters > div.filter-search {
        border-radius: 3px;
        -webkit-transition: background .55s ease;
        -moz-transition: background .55s ease;
        -ms-transition: background .55s ease;
        -o-transition: background .55s ease;
        transition: background .55s ease;
        border: 1px solid #d0d0d0;
        box-sizing: border-box;
        width: calc(100% - 99px);
        margin-left: 10px;
    }

    .filters .phone-filters > div.filter-popup-trigger {
        background-color: #f5f5f5;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid #ccc;
        white-space: nowrap;
        font-size: 12px;
        border-radius: 2px;
        width: 85px;
    }

    .filters .phone-filters > div.filter-popup-trigger label {
        margin: 0;
        vertical-align: middle;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 16px;
    }

    .filters .phone-filters > div.filter-popup-trigger label img {
        width: 16px;
        display: inline-block;
        opacity: 0.5;
        margin: 0 0 0 8px;
    }

    .filters .phone-filters > div.filter-search form {
        height: 100%;
        width: calc(100% - 40px);
    }
    .resNavigator .heading strong {
        font-size: 20px;
    }

    .resNavigator {
        padding-top: 50px;
    }








    .restaurant-information .cart-restaurant-div .cc {
        display: none;
    }
            .restaurant-information .cart-restaurant-div {
                width: 100%;
                height: -moz-fit-content;
                height: fit-content;
            }
    .restaurant-information .restauratn-content {
        width: 100%;
    }

    .dishes > .dishes-filter {
        display: none;
    }

    .dishes > .dishes-list {
        width: 100%;
        margin: auto;
    }



    .restaurantSinlgePage .restaurantNavigator .restaurantImage {
        width: 60px;
    }

    .restaurantSinlgePage .restaurantNavigator {
        padding-top: 40px;
    }

    .restaurantSinlgePage .restaurantNavigator .restaurantDetails h2 {
        font-size: 14px;
    }

    .restaurantSinlgePage .restaurantNavigator .restaurantDetails p,.restaurantSinlgePage .restaurantNavigator .restaurantDetails label {
        font-size: 10px;
    }


    .dish-container .resImage {
        width: 70px;
    }
    .dish-container .dishName label{
        display: block;
        width: 100%;
    }
    .dish-container .addToCartButton label.currency {
        display: none;
    }

    .dish-container .addToCartButton {
        width: 25px;
    }

    .dish-container .dishName {
        width: calc(100% - 100px);
    }

    .dishes {
        padding: 20px 10px;
    }

    .dish-container {
        padding: 15px 0;
    }

    .dish-container .dishName h2 {
        font-size: 14px;
        padding: 0px 0 0;
    }
    .review-container table tr {
        display: block;
        width: 100%;
    }

    .review-container table td label {
        margin: 0 0 0 5px;
    }

    .review-container {
        margin-top: 10px;
    }

    .information h3 {
        padding: 50px 0 0 0 !important;
        background-position: top right;
        font-family: wagbat-medium;
    }

    .information div > * {
        padding: 0;
    }
    .product-variants-container .pvo ul li {
        display: block;
    }

    .cart-phone-bar {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #55b85a;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        -moz-transition: opacity .35s,-moz-transform .35s;
        -o-transition: opacity .35s,-o-transform .35s;
        transition: opacity .35s,transform .35s;
        z-index: 9;
        box-shadow: 4px 0 8px 0 rgba(0,0,0,.15);
        left: 0;
        right: 0;
        padding: 14px 20px 11px;
        display: block;
    }
    .cart-phone-bar span {}

    .cart-phone-bar span.loader {
        display: none;
    }

    .cart-phone-bar span.loader img {
        width: 20px;
        display: inline-block;
    }

    div#mobile-cart.loading .cart-phone-bar span.loader {
        display: inline-block;
    }

    div#mobile-cart.loading .cart-phone-bar span {
        display: none;
    }
    .cart-phone-bar a {
        text-align: left;
    }
    .cart-phone-bar a:before {
        content: '';
        background: url(images/shopping-bag.png) center bottom no-repeat;
        background-size: 20px;
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        background-position: center;
    }
    .cart-phone-bar > * {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin: 0;
        width: calc(50% - 3px);
        color: white;
        font-family: wagbat-medium;
    }



}


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


}

@media only screen and (max-width:768px) {
    #promotions-accordion .restaurant-container {
        width: 100%;
    }

    #promotions-accordion .btn-link a span {
        font-size: 15px;
    }
    header, header .logo {
        float: unset;
        margin: auto;
        height: auto;
    }

    header .logo {
        /* width: 60px; */
    }

    header .logo a {
        width: 80px;
        margin: auto;
    }

    header > div > div.menu .desktop {
        display: none;
    }

    .account-cart-container {
        float: left;
        margin: 30px 0 0;
    }

    header > div > div.hamburger-menu{
        /* background-color: red; */
        width: 22px;
        cursor: pointer;
    }

    header > div > div.hamburger-menu .bar::before,
    header > div > div.hamburger-menu .bar:after {
        content: "";
        position: absolute;
        background: #000000;
        left: 0;
        z-index: 1100;
        display: block;
        width: 100%;
        height: 100%;
    }
    header > div > div.hamburger-menu .bar {
        background: #000;
        transition: all 0s .2s;
        width: 22px;
        height: 3px;
        margin: auto;
        position: relative;
        z-index: 1000;
        display: block;
    }
    header > div > div.hamburger-menu .bar::before {
        bottom: 6px;
        transition: bottom .2s .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);
    }
    header > div > div.hamburger-menu .bar:after {
        top: 6px;
        transition: top .2s .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);
    }
    header > div > div.menu .mobile {
        background: #ffffff;
        box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
        border-radius: 4px;
        overflow: hidden;
        font-size: 17px;
        line-height: 40px;
        white-space: nowrap;
        -ms-flex-positive: 1;
        flex-grow: 1;
        transform: rotate3d(1, 1, 0, -15deg);
        transform-origin: 100% 0;
        will-change: transform, opacity;
        transition-property: transform, opacity;
        transition-duration: .25s;
        position: fixed;
        z-index: 50;
        width: 97%;
        left: 0;
        right: 0;
        top: 4px;
        padding-top: 50px;
        box-sizing: border-box;
        overflow-y: auto;
        text-align: center;
        margin: auto;
        opacity: 0;
        visibility: hidden;
        display: block;
    }

    header > div > div.menu .mobile.open {
        opacity: 1;
        transform: rotate3d(1, 1, 0, 0deg);
        visibility: visible;
    }
    header > div > div.menu .mobile li {
        /* display: block; */
        width: 100%;
        /* margin: auto; */
        text-align: center;
    }

    header > div > div.menu .mobile li a {
        background: transparent;
        color: #484848;
        text-align: right;
        padding: 12px 0;
        font-size: 13px;
        margin: 4px auto;
        border-bottom: 1px solid #eee;
        width: 90%;
    }

    header > div > div.menu .mobile li:last-child a {
        border: 0;
    }

    header > div > div.hamburger-menu.open .bar::before {
        bottom: 0 !important;
        transform: rotate(-45deg);
        transition: bottom .2s cubic-bezier(.23,1,.32,1),transform .2s .2s cubic-bezier(.23,1,.32,1);
        background: #facb45;
    }
    header > div > div.hamburger-menu.open .bar:after {
        top: 0 !important;
        transform: rotate(45deg);
        transition: top .2s cubic-bezier(.23,1,.32,1),transform .2s .2s cubic-bezier(.23,1,.32,1);
        background: #facb45;
    }
    header > div > div.hamburger-menu.open .bar {
        background: rgba(255,255,255,0);
    }





    .userPage .Content,.userPage .SideBar {
        width: 100%;
        margin: auto;
    }

    .userPage {
        padding: 30px 0;
    }

    .userPage .Content {
        margin-top: 20px;
    }

    .userPage .SideBar h3 {
        background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQwMS45OTggNDAxLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5OCA0MDEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTczLjA5MiwxNjQuNDUyaDI1NS44MTNjNC45NDksMCw5LjIzMy0xLjgwNywxMi44NDgtNS40MjRjMy42MTMtMy42MTYsNS40MjctNy44OTgsNS40MjctMTIuODQ3ICAgIGMwLTQuOTQ5LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg1TDIxMy44NDYsNS40MjRDMjEwLjIzMiwxLjgxMiwyMDUuOTUxLDAsMjAwLjk5OSwwcy05LjIzMywxLjgxMi0xMi44NSw1LjQyNEw2MC4yNDIsMTMzLjMzMSAgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuOTAxLTUuNDI0LDEyLjg1YzAsNC45NDgsMS44MDcsOS4yMzEsNS40MjQsMTIuODQ3QzYzLjg2MywxNjIuNjQ1LDY4LjE0NCwxNjQuNDUyLDczLjA5MiwxNjQuNDUyeiIgZmlsbD0iIzg0ODQ4NCIvPgoJCTxwYXRoIGQ9Ik0zMjguOTA1LDIzNy41NDlINzMuMDkyYy00Ljk1MiwwLTkuMjMzLDEuODA4LTEyLjg1LDUuNDIxYy0zLjYxNywzLjYxNy01LjQyNCw3Ljg5OC01LjQyNCwxMi44NDcgICAgYzAsNC45NDksMS44MDcsOS4yMzMsNS40MjQsMTIuODQ4TDE4OC4xNDksMzk2LjU3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4czkuMjMzLTEuODExLDEyLjg0Ny01LjQyOGwxMjcuOTA3LTEyNy45MDYgICAgYzMuNjEzLTMuNjE0LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0OGMwLTQuOTQ4LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg0N0MzMzguMTM5LDIzOS4zNTMsMzMzLjg1NCwyMzcuNTQ5LDMyOC45MDUsMjM3LjU0OXoiIGZpbGw9IiM4NDg0ODQiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 15px 25px;
        text-align: right;
        padding-right: 19px;
        background-color: #ffd047;
        margin: 0;
    }

    .userPage .SideBar ul {
        height: 0;
        overflow: hidden;
        transition-duration: 0.5s;
    }

    .userPage .SideBar h3.open + ul {
        height: 100%;
    }
    .userPage .Content h2 {
        font-size: 17px;
    }

    .table-orders th:first-child, .table-orders td:first-child {
        /* background-color: red; */
        /* display: none; */
    }

    .table-orders td {
        display: flex;
        text-align: left;
        position: relative;
        border-bottom: 1px solid #ddd;
        background-color: white;
        padding: 15px 0 !important;
        align-items: center;
        justify-content: space-between;
    }

    .table-orders th {
        display: none;
    }

    .table-orders td::before {content: attr(data-label);/* position: absolute; */font-weight: 700;/* text-transform: uppercase; */right: 0;top: 0;bottom: 0;/* margin: auto; */height: 18px;}

    .table-orders {
        background: white;
    }

    .table-orders td a {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        font-size: 13px;
        padding: 10px 0;
        background: 0 !important;
        border: 0 !important;
        color: #797979;
        text-align: left;
        text-decoration: underline;
    }

    .table-orders td a.orderDetailBtn {
        right: 0;
        left: auto;
        text-align: right;
    }

    a.orderDetailBtn {}

    .table-orders td:last-child {
        /* background-color: red; */
        /* height: 33px; */
        padding-bottom: 40px;
        border-bottom: 2px solid #ffd047;
        margin-bottom: 16px;
    }
.table-orders tr {
    border: 0;
}



    .addresses-list .address dl dt {
        display: block;
        width: 100%;
    }

    section.userPage.balancePage .table-orders td:last-child {
        border: 0;
        padding: 10px 0;
        margin: 0;
        height: auto;
    }
    section.userPage.balancePage .table-orders td {padding: 10px 0;}


    .table-orders td:nth-child(3) {
        /*height: 35px;*/
    }

    section.userPage.balancePage .table-orders tr {
        margin: 0 auto 20px;
        display: block;
    }
    section.userPage.balancePage .table-orders td::before{
        right: 10px;
    }

    .order-page {
        width: 90%;
    }




    .filters .filters-container .heading {
        display: block;
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
        position: relative;
    }

    .filters .filters-container .filter-option strong {
        background: #f4f4f4;
        padding: 11px 20px;
    }

    .filters .filters-container .filter-option ul {
        padding: 0 20px;
    }

    .filters .filters-container .heading span.close-filter.close-btn {
        background-image: url(images/close.png)!important;
        background-size: 10px!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        cursor: pointer;
        opacity: .6;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .3s;
        -o-transform: rotate(0);
        transform: rotate(0);
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        left: 16px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .filters.open::before {content: "";position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: #191919d4;z-index: 100;}


    .aboutPage .about-cover {
        min-height: 400px;
    }

    .aboutPage .about-info {
        left: auto;
        top: auto;
    }

    .aboutPage .about-info h2 {
        font-size: 16px;
    }

    .aboutPage .about-info p {
        font-size: 12px;
    }

    .aboutPage .about-info a {
        font-size: 14px;
        max-width: 120px;
    }
    .helpPage .sidebar {
        display: none;
    }

    .helpPage .main {
        width: 100%;
        max-width: 100%;
    }
    .helpPage .cover form {
        float: unset;
        width: 100%;
        display: block;
        height: 57px;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e8e7e7;
    }
    .helpPage .cover form input {
        width: 100%;
        padding: 0 16px;
    }

    .helpPage .cover .site-width {
        width: 100%;
    }

    .helpPage .cover form input {
        height: 100%;
    }

    .helpPage .cover form button {
        height: 100%;
    }
    .helpPage .cover h2 {
        float: unset;
        margin-bottom: 20px;
        font-size: 22px;
        padding: 0 20px;
    }

    .helpPage .cover {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .helpPage .cover h2 span {
        font-size: 13px;
    }

    .contactFormContainer.row > div {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .contactContent {
        padding: 50px 20px 40px;
    }
    .checkout-box .content.gateways > div {
        width: 100%;
        margin: auto;
    }

    .checkout-box .content.gateways > div:last-child {
        margin: auto;
        width: 90%;
        display: block;
    }

    section.checkoutPage {
        width: 90%;
    }

    input#promo {
        width: calc(100% - 110px);
    }

    .delivery-costs-page .delivery-selection .wagbat-select > div {
        width: 100% !important;
    }

    body.delivery-costs-page .d-flex {
        /* flex-wrap: wrap; */
        /* flex-direction: row; */
        display: block !important;
    }

    .delivery-costs-page .delivery-selection .wagbat-select div h3 {
        text-align: right;
        font-size: 20px;
    }

    .align-self-center {
        align-self: flex-end !important;
    }

    .col-md-6.justify-content-center.align-self-center.hideBehind {z-index: -1;
        margin-top: 50px;}

    .delivery-costs-page .main-content .logo {
        width: 100px;
        display: block;
        position: relative;
        right: 0;
        margin-bottom: 50px;
    }
    .delivery-costs-page
    .restaurant-card {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .restaurant-card .title {
        font-size: 14px;
    }



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


    footer section .menus {
        display: none;
    }

    footer section .extraMenus>* {
        display: none;
    }

    footer section .extraMenus>*:last-child {
        display: block;
        width: 100%;
        /* background-color: red; */
    }

    footer > .site-width {
        width: 100%;
    }

    .footerContact {
        /* padding: 0 30px; */
    }

    footer {
        background-color: #292929;
        color: #fff;
        padding-bottom: 35px;
        padding-top: 35px;
        padding: 35px 25px;
    }

    footer .heading {
        color: white;
    }

    .footer_bottom>div:first-child {
        display: none;
    }

    .footer_bottom {
        border-color: #474747;
    }

    .two-columns>div.right-column,.two-columns>div.left-column {
        display: none;
    }

    .two-columns>div.left-column {
        width: 100%;
    }

    .index-headline h1 {
        color: #5a5a5a;
    }

    .search-form {
        display: none;
    }

    section.indexCover {
                padding-top: 40px;
        padding-bottom: 70px;
    }
    section.index-login-container .left-column h2,section.index-login-container .left-column p {
        display: none;
    }

    section.index-login-container .order-process li:after,.aboutPage .order-process li:after {
        width: 25px;
    }

    section.index-login-container .left-column .order-process li i,.aboutPage .order-process li i {
        height: 70px;
        background-size: 50px;
    }

    section.index-login-container .left-column .order-process,.aboutPage .order-process {
        /* max-width: 600px; */
    }

    section.index-login-container .left-column .order-process li,.aboutPage .order-process li {
        width: calc(33% - 3px);
        font-size: 14px;
    }
    .indexPage .phone-main-buttons {
        display: block;
    }
    .phone-cover-slider {
        display: none;
        opacity: 1;
        visibility: visible;
        height: auto;margin-bottom: 30px;
    }
    .restaurantSinlgePage .restaurantNavigator .restaurantDetails {
        width: calc(100% - 70px);
    }
    .restaurantSinlgePage .restaurantNavigator .restaurantRate {
        width: 100%;
        text-align: right;
        padding-right: 80px;
        display: block;
    }

    .restaurantSinlgePage .restaurantNavigator .restaurantRate .share-container {
        display: none;
    }










}
@media only screen and (max-width:600px) {
    .order-page .order-summary td, .order-page .order-address td {
        width: 100%;
        display: block;
        padding: 2px 0;
    }

    .order-page .order-summary tr, .order-page .order-address tr {
        margin-bottom: 10px;
        display: block;
    }
}
@media only screen and (max-width:515px) {
    .restaurants-lists ul li .resRateMenu{
        /* display: none; */
        padding-right: 70px;
        width: 100% !important;
        padding-bottom: 10px;
    }
    .restaurants-lists ul li .resRateMenu span strong, .restaurants-lists ul li .resRateMenu .restReviewAn strong {
    font-size: 12px;
    padding: 6px 7px 3px;
}
    .restaurants-lists ul li > div.resImage {
        vertical-align: top;
        width: 60px !important;
        border: 1px solid #d0d0d0;
    }

    .restaurants-lists ul li .resNameDetails {
        width: calc(100% - 70px) !important;
        padding: 0 10px;
    }

    .restaurants-lists ul li .resNameDetails ul {
        padding: 10px 0;
    }

    .restaurants-lists ul li .resNameDetails ul li {
        font-size: 10px;
    }

    .restaurants-lists ul li .resRateMenu .menuButton {
        display: none;
    }
    .resNavigator .heading {
        padding: 10px 0;
        font-size: 16px;
    }

    .resNavigator .heading strong {
        font-size: 16px;
    }
    .resImage {}

    .restaurants-lists ul {
        padding: 10px 10px;
    }
    .filters .filters-container .filter-option ul li label {
        font-size: 12px;
    }
}
@media only screen and (max-width:425px) {

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

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

}