@media only screen and (max-width : 1024px) 
{
.top-menu-wrapper img.logo{border:0px;}
.search-menu {padding-top:10px;}
.mobile-banner-wrap{padding-top:47px;}
.mobile-banner-wrap img{
width: 100%;
}
a.mbile{
 text-decoration:none;   
}
.menu-item-name{
 margin-top:12px;   
}
.search-wraps h1,
.search-wraps p,
.search-wraps p a
{color:#0d1115;}

.top-menu-wrapper
{
    background:#f8a700;
    position: fixed;
    top: 0;
}

.top-menu-wrapper .col-b,
.parallax-mirror,
.logo-desktop,
.search-left-content,
.search-view-map,
.menu-right-content,
#change-package-wrap,
#section-social-login
{
display:none;
}

#parallax-wrap{
background-image:none !important;
}

.menu-right-content.modal 
{
padding-top:20px;
}

.search-wraps,
.search-wraps.single-search,
.parallax-search .search-wraps
{
padding-top:0;
}

#parallax-wrap
{
min-height:inherit;
background:none;
padding-bottom:20px;
padding-top:20px;
}

.search-input-wraps{
border:1px solid #444;
}

.mobile-home-banner,
.mobile-banner,
.logo-mobile,
.menu-nav-mobile,
#mobile-filter-handle,
#mobile-viewmap-handle,
.cart-mobile-handle,
#mobile-social-login
{
display:block;
}

body .mobile-banner
{
max-height:60%;
}

.search-wraps h1{font-size:45px;}
.search-input-wraps{padding:10px 20px;}

.sections h2, .sections h4 {font-size:25px;}

.section-footer h3{font-size:14px;}

.search-wraps{width:auto;}
.advance-search.search-wraps h1{padding-top:10px;}
.search-wraps p, .search-wraps p a,
.search-wraps h1 {margin:0;}


.menu-top-menu .green-button,
.menu-top-menu .orange-button
{
background:none;
border:none;
padding:0;
}

#cuisine_chosen{
width:100% !important;
}

.section-checkout a.forgot-pass-link2{
padding-bottom:10px;
}

.with-padleft{
padding-left:15px !important;
}

.section-menu .row .menu-left-content{
width:100%;
}

}

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

.top-menu-wrapper img.logo{
    max-width:140px;
min-width:inherit;
}

/* contact */
#contact-map,
.section-contact .container-map
{
position:relative;
}

.section-contact .container-map .inner{
max-width:100%;
min-width:100%;
}

.container-map .dim,
.container-map .black
{
min-height:inherit;
max-height:inherit;
padding:30px;
}
.section-contact .container-map .row{
margin-left:0;
margin-right:0;
}
.sections.section-contact{
 min-height: auto;
}
.container-map .dim{
background: rgb(6, 6, 6); 
background:rgba(6, 6, 6, 0.9);
border-bottom:none;
}
.container-map .black{
background:none;
padding-top:0;
}
/* contact */

.subscribe-footer .col-md-3,
.subscribe-footer .col-md-2,
.section-browse .result-merchant h2,
.section-browse #restuarant-list p
{
text-align:center;
}
.section-browse #restuarant-list .mytable,
.section-browse #restuarant-list .mytable .mycol
{
width:auto;
margin:auto;
}

.section-browse #restuarant-list a{
margin:20px auto;
display:table;
}

.subscribe-footer .col-md-3{
padding-bottom:10px;
}

.section-subcribe .green-button, .section-subcribe .email
{
padding:10px 18px
}

.section-subcribe .email{
font-size:15px;
width:50%;
}

.sections,
.parallax-container.parallax-home
{
padding-bottom: 15px;
padding-top: 20px;
}

.sections h2, .sections h4,
.forgot-pass-link2,
#frm-modal-forgotpass .back-link
{
margin:0;
margin-bottom:10px;
}

img.img-cuisine{
margin:0 auto auto;
}

#search-listgrid .col-md-7,
#search-listgrid h2,
#search-listgrid .col-md-3
{
text-align:center;
}

#search-listgrid .mytable{margin:auto;}
.result-merchant .inner.list-view a.orange-button
{
margin:20px auto auto;
}

#search-listgrid .row{
margin-left:0px;
margin-right:0px;
}

#search-listgrid{
padding-left:5px;
padding-right:5px;
}

.section-menu ul#tabs li span {display:none;}
.section-menu ul#tabs li i {display:block;}
.container-medium{width:auto;}


}

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

.result-merchant .logo-medium {
max-width: 100px;
min-height: 100px;
}

.top-menu-wrapper img.logo{
    max-width:130px;
}

.indent-5percent{
text-indent:inherit;
}

#mobile-social-login .a{
margin-left: 15%;
width: 30%;
}

.merchant-opening-hours .col-md-3,
.merchant-opening-hours .col-md-6,
#mobile-app-sections .into-row
{
float: none;
width: 100%;
}

.menu-3 img{
display:block;
margin:auto auto 10px;
max-width:100%;
}

.menu-3 .item_type_ico{
    display:inline-block;
    margin-left:10px;
    max-width:10%;
}
.menu-3,
#mobile-app-sections{text-align:left;}

#merchant-map{
min-height:200px;
max-height:200px;
}

.logo-medium
{
max-width: 100px;
    min-width: 100px;
    background: #fff;

    padding: 2px 2px;
    z-index: 9;
    position: relative;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(84,84,84,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(84,84,84,1);
    box-shadow: 0px 0px 14px 0px rgba(84,84,84,1);
}

.order-progress-bar{
background:none;
padding-bottom:8px;
padding-top:8px;
border-top:0;
}

#parallax-wrap
{
padding-bottom:10px;
padding-top:10px;
}

.mobile-search-menu.mytable,
.progress-dot.mytable
{
display:table;
}

.search-menu,
.order-progress-bar .container,
#menu-tab-wrapper .category-list,
.menu-cat .items-row a.dsktop,
.menu-2 a.dsktop,
.menu-3 a.dsktop,
.section-profile #tabs li span,
.section-browse #tabs li span,
.app-image-wrap,
#getapp-wrap,
.view-receipt-front
{
display:none;
}

.section-browse #tabs li i,
.section-profile ul#tabs li i
{
font-size:30px;
}

.menu-cat .items-row a.mbile,
.menu-2 a.mbile,
.menu-3 a.mbile,
#getapp-wrap2,
.view-receipt-mobile
{
display:block;
}

.section-how-it-works .steps
{
max-width: inherit;
min-height: auto;
}


.top-menu-wrapper.top-home .col-a{
padding-left:0;
padding-right:0;
}

.section-feature-resto .col-md-9.col-sm-9
{
text-align:center;
}

.section-feature-resto .services-type{
margin:auto;
}

.search-wraps h1 {font-size:35px;}

.sections h2, .sections h4{
font-size:23px;
margin:0 0 8px;
}

.sections,
.parallax-container.parallax-home
{
padding-bottom: 10px;
padding-top: 5px;
}

.section-cuisine a{
text-align:center;
display:block;
}
    .search-input-wraps{
        max-width:73%;
    }


p, .search-input-wraps #s, .search-input-wraps .search-field{
font-size:15px;
}

.section-feature-resto h2, .section-cuisine .sub-text
{
margin-bottom:20px
}


.section-cuisine a{
padding-top:5px;
padding-bottom:5px;
}

.section-cuisine a.even
{
background:#f4f4f4;
border:1px solid #c9c7c7;
border-left:0;
border-right:0;
}

.section-cuisine .nopad
{
margin: 0;
overflow: hidden;
padding: 0;
}

#menu-list-wrapper
{
width:100%;
padding-left: 0px;
padding-right: 0px;
}

.merchant-review-wrap a.inline{
display:block;
margin-bottom:5px;
}

#mobile-app-sections h2{
margin-top:auto;
font-size:25px;
}

#mobile-app-sections{
padding-bottom:30px;
}
#mobile-app-sections h3{
font-size:20px;
}


}


@media only screen and (max-width : 520px)
{
    .sub-item-rows .row.top10:hover{
        background: #fff !important;
    }
    .green-button{
        border:0px !important;
    }

    .mobile_guest_checkout{
        text-align: left;
    }
    .place_order{
        border-width: 0px;
        border-style: solid;
        border-radius: 5px;
        background-color: rgb(0, 126, 243);
        padding: 12px 10px;
        margin: 0 auto;
        display: block;
        margin-top: 15px;
        color: #fff;
        font-weight: bold;
        font-family: "Montserrat";
        text-align: center;
        width:100%;
    }
    .apply_voucher{
        width:100%;
        text-align:center;
        background: #f8a700 ;
        border:1px solid #f8a700;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    #redeem_points{
        width:100%;
    }
    #voucher_code{
        width:100%;
    }
    .mobile_delivery_options{
        font-size:16px;font-weight:bold;text-align: left;font-family: "Montserrat";
    }
    .delivery-option .grey-fields{
     width:100%;
    }
    .summary-wrap .text-right{
        text-align: left;
    }

    .summary-wrap .cart_values{
        text-align: right;
    }
    .summary-wrap .cart_subtotal{
        text-align: right;
    }

    .menu-item-name{
        margin-bottom:0px !important;
    }
    .food-description{
        font-family: "Lato";
        font-weight:300;
        font-size:14px;
    }
    .menu-cat{
        margin-top: -68px !important;
        color: #fff !important;
        width: 72%;
        line-height: 22px !important;
        padding-left: 16px !important;
        height: 60px;
        overflow: hidden;
    }
    .mobile_restaurant_name{
        font-family: "Montserrat", serif !important;
        font-weight:bold !important;
        font-size:22px !important;
        color:#333333 !important;
    }
    #parallax-wrap{margin-top:0px; margin-bottom: 0px;padding-top:0px !important;padding-bottom:0px;

    }
    .mobile_animate_hover_right{

    }
    .mobile_search_input_wrap{
        min-width: 97% !important;

        margin-left: 5px !important;
        margin-right: 5px !important;
        border: 1px solid #b9b9b9;
    }
    .mobile_search_list{
        color:#717171 !important;
        font-family: "Lato" !important;
        font-weight: 300;
        width:100%;
    }
    .mobile-inline{
        display:inline-block;
    }
    p.mobile-inline{
        font-family: "Lato";
        font-weight: 300;
    }
    p.cuisine{
        font-family: "Lato";
        font-weight: 300;
    }
    .filter-box a:hover{
        color:#000;
    }
    .result-merchant .inner{
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        border: 1px solid #c1c1c1;
    }
    .sort-results button.dropdown-toggle{
        margin-top: 7px;
        margin-left: 5px !important;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        width:150px;
    }
    .result-merchant .inner.list-view a.orange-button
    {
        font-size:14px ;
    }

    #mobile-app-sections h2{
        font-size:20px;
    }
    #mobile-app-sections h3{
        font-size:16px;
    }

    #mobile-app-sections{
        padding-top:10px;
        padding-bottom:10px;
    }

    #mobile-app-sections h3{
        margin-bottom:10px;
    }

    .section-subcribe h2{
        line-height:1;
    }

    .section-footer a{
        font-size:12px;
    }



    .fb-button.orange-button,
    .google-button.orange-button
    {
        width:100%;
    }

    .language-selection-wrap {
        padding:0;
    }
    .language-selection-wrap .orange-button{
        font-size:11px;
    }
    .language-selection-close{
        top:2%;
    }
    .result-merchant .inner.list-view a.orange-button{
        margin-top:0px;
    }
    #search-listgrid .mytable,
    #search-listgrid .mytable .mycol,
    .menu-header .mytable,
    .menu-header .mytable .mycol
    {
        display:block;
    }

    .menu-header .mytable .mycol
    {
        padding-top:3px;
        padding-bottom:3px;
    }
    #mobile-filter-handle, #mobile-viewmap-handle,
    .sort-wrap .orange-button
    {
        display:inline-block;
        float:none;
    }
    .menu-header .mytable
    {
        width:auto;
    }
    .resp_right{
    float:right !important;
    }
    .colaborate_us {
    font-size:16px;
    }
    .float-left-text{
        float:right !important;
    }
    #im-full-height {
    background-size: 100% 100%;
    background-size: contain;
    height: 100vh;
}
    .sort-wrap{
        position:fixed;
        bottom:0px;
        width:100%;
        background:#e6e6e6;
        z-index:9999;
        margin-left:-15px;
    }
    #search-listgrid h2{
        color:#3d3d3d;
        font-weight:bold;
        text-shadow: none !important;
    }
    #mobile-search-filter{
        padding-left:10px !important;
        padding-right: 10px !important;
        padding-top:10px;
    background: #fff;
    }
    #search-listgrid .col-md-3{
        text-align:right;
    }
    .mobile_left{
        text-align:left !important;
    }
     .mobile_left h2{
        text-align: left !important;
    font-size: 18px !important;
    line-height: 26px;
     }
    .section-how-it-works h3{
            text-align: center;
    margin: 0 auto;
    width: 100%;
    }
    .pulse {
        padding-top:20px;
    }
    .cart-mobile-handle:active{
        color:#fed623;
    }
    .nopadding-mobile{
        padding-left:0px !important;
        paddin-right:0px !important;
    }
    .filter-wrap, .box-grey{
        border: 0px !important;
    }
.section-footer{
    text-align:center;
}
.top-menu-wrapper img.logo{max-width:110px;}

.section-order-history table tr td,
.section-credit-card table tr td
{
display: block;
text-align: center;
}
.section-order-history table tr.tr_mobile,
.section-credit-card table tr
{
margin-bottom:15px;
display:block;
}

.section-credit-card table thead{display:none;}

.section-order-history table tr td p{font-size:13px;}

#getapp-wrap2 img{max-width:100px;
}

#getapp-wrap2{
margin:auto;
width:260px;
}

#mobile-header{
border:0px solid green;
}

.menu-nav-mobile, .cart-mobile-handle{
width:12%;
}

.merchant-review-wrap .into-row,
.view-food-item-wrap .into-row
{
float:left;
width:auto;
}

.view-food-item-wrap .into-row-2{
width:32%;
float:none;
display:inline-table;
margin-bottom:8px;
text-align:center;
padding:0;
}
.view-food-item-wrap .into-row-2.text-to-right{
text-align:right;
}
.view-food-item-wrap .into-row-2.text-to-left{
text-align:left;
}

.view-food-item-wrap .to-hide{
display:none;
}
.view-food-item-wrap .to-show{
display:inline;
}

.view-food-item-wrap .into-row
{
text-align:left;
margin-bottom:0px;
}

.merchant-review-wrap a.inline
{
display:inline-block;
margin:auto;
}

.section-menu ul#tabs li
{
padding:5px 10px;
}

.section-menu ul#tabs li i
{
font-size:25px;
}

.logo-medium
{
max-width: 100px;
min-width: 100px;
background:#fff;
}

.search-input-wraps
{
padding:8px 18px
}

.search-wraps h1{
font-size:30px;
}
.sections h2, .sections h4{
font-size:20px;

}
.child_block_sea h2{
    text-shadow: 0px 0px 4px #000000;
}
p, .search-input-wraps #s, .search-input-wraps .search-field,
.section-subcribe .email,
.section-subcribe .green-button, .section-subcribe .email
{
font-size:14px;
}

.search-input-wraps button[type="submit"],
#mobile-app-sections h2
{
font-size:23px;
}

.search-wraps h1{
font-size:1.5em;
margin-bottom:8px;
}


.section-how-it-works .steps img{
max-width:80px;
margin:0 auto;
}

.section-how-it-works h3,
.mobile-search-menu a i
{
font-size:18px;
}

.section-subcribe .email
{
width:100%;
}

.mobile-search-menu.mytable
{
width:70%;
}

.sort-wrap .row .col-md-6
{
float: left;

    text-align: center;

}

    a.mbile span.bold{
        font-size:15px;
        color:#f8a700;
        font-family:"Lato";
        font-weight: 700;
    }





    .arrow_down{
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .arrow_down span{
        display: block;
        width: 20px;
        height: 20px;
        border-bottom: 5px solid #505050;
        border-right: 5px solid #505050cc;
        transform: rotate(45deg);
        margin: -10px;
        animation: animate_arrow 2s infinite;
    }
    .arrow_down span:nth-child(2){
        animation-delay: -0.2s;
    }
    .arrow_down span:nth-child(3){
        animation-delay: -0.4s;
    }
    #mobile-search-filter.modal .filter-box ul.cousine_filter li{
        width:47%;float:left;
    }
}


@media only screen and (max-width : 320px)
{
.top-menu-wrapper img.logo{
}
}

@keyframes fadebgmobile {
    from {background:rgba(0, 0, 0, 1);}
    to {background:rgba(248,167,0,1);}
}

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

    #parallax-wrap {
        background: rgb(253, 253, 253) !important;
    z-index: 4;
        padding-top: 10px;
      /*  animation: fadebgmobile 2s forwards;*/
}
}





@keyframes animate_arrow {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-10px,-10px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(10px,10px);
    }
}



@media only screen and (min-width : 1400px)
{
    .search-input-wraps{width:48%;}
}