@media  screen and (max-width : 356px) {
    .col-sm-6{
        width: 100%;}
    .qty-mobile {text-align: center;}
    .special-instruction{margin-top:20px;}
}


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


    .mobile-item{

    }

    .food-item-actions{
        height:30px;
        display: block;
    }

    .item_mobiletitle h1{
        padding:0 15px;
    }
    .top-menu-wrapper img.logo{
        border:0px solid white;
    }

    .item-desc{position:relative;height:60px;overflow:hidden;}
    .item-desc:after{
        content:'';
        width:100%;
        background:linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1));

        height:20px;position:absolute;bottom:0;right:0;}
    
    .search-menu
    {
        padding-top:10px;
    }

    .mobile-banner-wrap img{
        width: 100%;
    }

    .search-wraps h1,
    .search-wraps p,
    .search-wraps p a
    {
        color:#fff;
    }

    .top-menu-wrapper
    {
        position:relative;
        border-bottom:0px solid #14171b;
    }

    .top-menu-wrapper .col-b,

    .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: 35px 0px 5px 0px;
    }

    #parallax-wrap
    {
        min-height:inherit;
        /*background:none;*/
        border:0px solid red;
        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:inline-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;
        border:0px solid red;
    }

    .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%;
    }

    .full_mobilemenu_top{
        width:100%;

    }

    .main_mobileitem_desc{max-width:100%;padding:0 15px;}
    .special-instruction{
        padding: 0px;
        line-height: 42px!important;
        height: auto!important;
        border-radius: 43px;
        width: 100%;
    }

    .special-instruction:hover {

        border-radius: 43px;
        padding: 0px;
    }
    .menu_mobileitem_top{
        height:200px;
        width:100%;
        position:relative;
        background-size: cover!important;
    }

    .menu_mobilebar{
        position:absolute;
        bottom:0;
        width:100%;

    }

    .menu_mobileitem_top .item_mobiletitle{

        width:100%;
        background:#fff;

    }
    .full_mobilemenu_top .item_mobiletitle h1{padding:0 15px; color:#000;}
    .full_mobilemenu_top .item_mobiletitle ul li {height:4px;}

}

@media only screen and (max-width : 970px)
{
    .checkout-header{
        display:none;

    }

    .mobile-100{
        padding:0;
    }
    .section-payment-option{
        padding-top: 40px;
    }


    .top-menu-wrapper img.logo{
        border:0px solid brown;
        max-width:140px;
        min-width:inherit;
    }
    .nav-tabs>li>a:hover {
        border: 0;
        border-color: none;
    }


    .nav>li>a:focus, .nav>li>a:hover {
        text-decoration: none;
        background-color: #fff;
    }

    .menu-item-list .image {
        width: 140px;
        background-position: center!important;
    }

    .menu-item-list .item_title_menu {
        width: calc(100% - 140px);

    }

    .bottom_item{
        width: calc(100% - 140px);
    }

    .bottom_item{
        padding:0 10px;
    }
.crisp-client{
    display:none!important;

}
    .category-list .box2{

        border: 0px solid #d8dfec!important;
        box-shadow: 0px 2px 4px #69696952;
    }
    .mobile-cart{
        background: #18c746;
        width: 100%;
        position:fixed;
        bottom: 0;
        z-index: 99999;
        text-align: center;
        padding: 10px;
        color:#fff;
    }

    .mobile-cart span{
        font-size:16px;
        line-height: 30px;
    }

    /* 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;
        border:none;
    }
    .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
    {
        border:0px solid red;
        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%;
    }


    .search-wraps h1
    {
        margin:0;
    }

    .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 .col-md-3
    {
        text-align:center;
    }

    .list_phone_mobile{
        background:#5cb85c;
        display: inline-block!important;
        padding: 10px 14px;
        border-radius: 50px;
        float: left;
    }


    .list_phone_mobile:before {
        font-family: 'Linearicons';
        content: "\e76c";
        font-size: 18px;
        color: #fff;
    }

    .item_add_menu .mbile {
/*
        display: inline-block!important;
        padding: 0!important;

        border: none!important;;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 37px;
*/
        left: 0px!important;
        bottom: 5px;
    }
.mobile_edit_item{display:inline-block!important;}
    .item_add_menu .mbile .add_icon i{
        color:#18c746;
    }

    .touch {
        background:#ccc;
    }

    .touch .item_add_menu .mbile{
        left: 0!important;
    }

    .item_add_menu .mbile .green-color{
        color: #fff;
    }

    .result-merchant  .bottom-bar p{
        font-size:12px;
    }

    #search-listgrid h2{
        text-align:right;
    }

    #search-listgrid .mytable{
        border:0px solid red;
        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:15px;
        padding-right:15px;
    }

    .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)
{

    .fancybox-overlay-fixed {

        z-index: 99999999999999999999;
    }
    .menu-cat .items-row a:hover
    {

    }
    .menu-cat .items-row a:hover svg
    {
        fill: #18c746;

    }
    .fancybox-opened{
        z-index:9999999999999;
    }

    .top-menu-mobile {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 0px solid #7a82f4;
        z-index: 999;

    }

    .top-menu-mobile a:hover{text-decoration:none;}

    .logo-mobile {
        padding:10px;
        height:56px;
    }


    .header-menu {
        float: left;
    }

    .header-menu a {
        color: #fff;

        font-size: 26px;
        display: block;
        padding: 15px;
    }

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

    .bottom-bar{

        margin: 12px 0 0 0;

    }

    .top-menu-wrapper img.logo{
        border:0px solid yellow;
        max-width:130px;
    }

    .section-food .title h2 {
        font-size: 16px;
    }

    .section-food .title {
        width: 50%;
        margin: auto;
        color: #fff;
        display: block;
        position: relative;
        bottom: 25px;
        padding: 5px 0;
    }

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

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

    #mobile-header{
        border:0px solid yellow;
        position:fixed;
        top:0;
        width: 100%;
        right: 0;
        z-index: 99999;
    }

    .resturant_title {
        padding: 8px 0 10px 0!important;
    }

    .black-shad2 {
        display:none;
    }

    .resturant_details{
        background: rgba(0, 0, 0, 0.78);
        padding-bottom:0;
    }
    .resturant_details a:hover {text-decoration:none;}
    .resturant_details .navto {float:right;display: grid;}
    .resturant_details .navto a{padding:10px; text-align:center;    border-left: 1px solid #fff;}
    .resturant_details .callnow {float:left;display: grid;}
    .resturant_details .callnow a{padding:9px; text-align:center;  background:#5cb85c;}
    .resturant_details .website {float:right;display: grid;}
    .resturant_details .website a{padding:10px; text-align:center;   border-left: 1px solid #fff;}
    .resturant_details .kosher {float:right;display: grid;}
    .resturant_details .kosher a{padding:10px; text-align:center; }

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

    .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:50%;
    }

    .menu-3,
    #mobile-app-sections
    {
        text-align:center;
    }

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

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

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

    #parallax-wrap
    {
        padding-bottom:0;
        padding-top:25px;

    }
    .parallax-home{
        height:600px;
    }

    .menu-page{
        padding-top:100px;
    }
    .location-search-submit{

    }

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

    .search-menu,
    .order-progress-bar .container,

    .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
    {*/

    }

    .dsktop{

    }
    .category-list{
        width:100%;
        padding: 0;
        z-index:999;
        position:fixed!important;
        top:57px;
    }

    .category{
        display: block;
        width: 100%;
        white-space: nowrap;
        background: #fff;
        background-size: contain;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .category a {
        display: inline-block;
        border-bottom: 0px solid #ccc!important;
    }

    .category a i {
        display:none;
    }



    .filter-wrap, .box-grey {

        margin-top: 25px;

    }

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

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

    .section-how-it-works .steps
    {
        border:0px solid red;
        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{
        border:0px solid red;
        margin:auto;
    }

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

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

    .logo-small, .logo-medium {
        min-height: auto!important;
        max-width: 100%;
        min-width: 100%;
    }

    .open_tag {

        font-size: 14px;
    }

    .open_tag:before {

        font-size: 14px;

    }

    .close_tag {

        font-size: 14px;
    }

    .close_tag:before {

        font-size: 14px;

    }

    .kosher_label {

        font-size: 14px;

        margin-right: 0;

        position: relative;
        top: 10px;
    }

    .menu-item-list{

    }

    .category a:last-child, .items-row .row.even {
        border-bottom:1px solid #ccc;
    }

    .menu-item-list:last-child {
        border-bottom:0;
    }

    .items-row {
        padding-left: 0;
        width: 100%;
        margin: auto;
    }

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

    #menu-page{

        padding-top: 100px;
    }

    .section-cuisine a{
        text-align:center;
        display:block;
    }

    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%;


    }

    .box{
        -webkit-border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        -ms-border-radius: 0px!important;
        -o-border-radius: 0px!important;
        border-radius: 0px!important;
    }

    .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 : 480px)
{

    .top-menu-wrapper img.logo{
        border:0px solid green;
        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:100%;
    }

    .merchant-review-wrap .into-row,
    .view-food-item-wrap .into-row
    {
        float:none;
        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:center;
        margin-bottom:5px;
    }

    .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: 80px;
        min-width: 80px;
    }

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

    .search-wraps h1{
        font-size:30px;
        text-align: right;
    }
    .sections h2, .sections h4{
        font-size:18px;
    }

    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:28px;
        text-align: right;
    }


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

    .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:none;
        width:100%;
        text-align:center;
        margin-bottom:8px;
    }

    #mobile-filter-handle, #mobile-viewmap-handle,
    .sort-wrap .orange-button
    {
        display:inline-block;
        float:none;
    }

    .menu-header .mytable
    {
        width:auto;
    }

    #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;
    }

    .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;
    }

    .top-menu-wrapper{
        border-bottom:1px solid #14171b;
    }

    .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%;
    }

}

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

    .top-menu-wrapper img.logo{
        border:0px solid orange;
    }


}