@media only screen and (max-width:1000px) {
  .top_header .logo img { max-width: 200px; }
  .top_header .container { padding: 0 15px; }
  .container { width: 100%; padding: 0 15px; }
  .site_footer .apps img { max-width: 150px; }
  .best-seller .row .col.s3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .banner-section h1 { font-size: 38px; }
  .item-wrapper { padding: 0 10px; }
  .sidebar-stick { display: none; }
  .site_footer h3 { font-size: 20px; }
  .nav_links li a, .copyrights p { font-size: 16px; font-weight: 400 }
  .detail_page .searchbox-header { width: 100%; max-width: 230px; }
  .navigation li a { padding: 0 10px; }
  .item-box h2 { font-size: 22px; }
  .account-links { display: none; }
  .account-content { width: 100%; padding: 0px }
  .orders-list li .box .ide, .orders-list li .box .dat { font-weight: 400; }
  html { font-size: 16px; }
  .page-section-content p, .page-section-content { font-size: 16px; font-weight: 400 }
  .accordion .collapsible-header { font-weight: 500; font-size: 17px; }
  .sidenav .user-body li > a { font-size: 16px; font-weight: 400; }
  .max-height-set { max-height: inherit; overflow: inherit; }
  .sidebar-stick .box { border: none; padding: 0px; }
  .checkout-page .d-flex { display: inline-block; width: 100%; }
  .checkout-page .cart-wrapper { max-width: 100%; margin-top: 25px; }
}
@media (max-width:640px) {
  .navigation li a.btn-cart i { left: 0px; }
}
@media only screen and (max-width:767px) {
  .logo-and-location { width: 60px; }
  .container { padding: 0 15px; width: 100%; }
  .top_header .logo img { max-width: 100px; max-height: 100px; object-fit: cover; bottom: 0; float: left; }
  .top_header .logo a { top: -6px; left: 10px; }
  .searchbox-header { position: fixed; width: 100%; top: 0; left: 0; z-index: 2; background: #fff; padding: 10px; display: none; }
  .top_header .navigation li { display: none; }
  .top_header .navigation li.cart { display: inline-block; position: relative; }
  .navigation li { margin-left: 0px; }
  .navigation li.shown-mobile a { font-size: 25px; padding: 0 5px; }
  .top_header { padding: 10px 0; height: 58px; z-index: 56; }
  .navigation li a.btn-cart { padding-right: 0px; }
  .nav-header ul li a { font-size: 15px; padding: 0px 10px; border: none; display: flex; justify-content: center; align-items: center; background: #5c7212; border-radius: 5px; text-align: center; line-height: 1; }
  .nav-header ul li { margin-right: 10px; }
  .nav-header ul { display: flex; width: 100%; overflow: auto; }
  .banner-slider { margin-top: -10px; }
  .nav-header ul li.menu-slide { position: absolute; left: 10px; top: 7px; }
  a#get_mini_cart { position: relative; top: 0px; }
  span.count { position: relative; }
  .cart a#get_mini_cart { top: 0px; }
  .navigation li a.btn-cart { margin-left: 15px; padding-left: 36px; }
  .wallet-top p { font-size: 30px; }
  .ttiles { font-size: 19px; margin-left: 0px; }
  .cart_empty h4 { font-size: 24px; }
  .nav-header { top: 0px; padding-left: 0px; height: auto; padding: 7px 0; position: relative; height: auto; padding-left: 50px; margin-top: 58px; }
  .logo-and-location a.ttiles { top: 30px; display: none; font-size: 14px; position: relative; }
  .navigation ul.reset { position: relative; top: 0; display: flex; align-items: center; }
  .banner-section .img-next { right: -35px; top: -80px; max-width: 160px; }
  .banner-section h1 { font-size: 30px; padding-right: 0px; padding-right: 50px; }
  .banner-section { padding-top: 80px; padding-bottom: 80px; overflow-x: hidden; background-size: cover; margin-top: 63px; }
  .banner-section p.sub { font-size: 20px; padding-right: 50px; }
  .pop-location a { padding: 0 5px; }
  .banner-section .form-control { font-size: 18px; height: 50px; border-radius: 5px; padding-left: 38px; padding-right: 50px; }
  .banner-section .btn-blue { width: 45px; height: 50px; line-height: 50px; font-size: 25px; border-radius: 0px 5px 5px 0px }
  .how-it-works { padding: 40px 0; }
  .how-it-works h2 { font-size: 26px }
  .row .col.s3, .row .col.s6, .row .col.s4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .how-it-works .box { min-height: inherit; position: relative; text-align: left; padding: 10px; padding-left: 80px; border-radius: 0; margin-bottom: 25px; }
  .how-it-works .box i { position: absolute; left: 15px; top: 0; font-size: 45px }
  .how-it-works h3 { font-size: 17px; margin-bottom: 10px; }
  .how-it-works p { font-size: 16px; }
  .mobile-app .mobile_apps { display: none; }
  .mobile-app h2 { font-size: 26px; }
  .mobile-app p { font-size: 18px; }
  .mobile-app { padding: 50px 0; text-align: center; }
  .site_footer { padding: 40px 0; }
  .site_footer .row .col.s3 { margin-bottom: 20px }
  .nav_links li a { font-size: 15px; }
  .site_footer h3 { font-size: 16px; margin-bottom: 0; font-weight: 700; cursor: pointer; }
  .site_footer h3:after { content: 'arrow_downward'; font-family: 'Material Icons'; font-weight: 300; margin-left: 10px; display: inline-block; position: relative; top: 4px; }
  .expand-section { display: none; }
  .site_footer .open h3:after { content: 'arrow_upward'; }
  .open .expand-section { display: inline-block; width: 100%; margin-top: 15px; margin-bottom: 15px; }
  .copyrights { margin-top: 0px; border: none; padding: 0; text-align: left; }
  .copyrights p { font-size: 16px; }
  .checkout-box .asap-groups .form-group .las { top: 2px; }

  /*page title section*/
  .page-title-section { padding: 30px 0; }
  .page-title-section h1 { font-size: 22px; text-align: center; }
  .checkout-page .ch-wrapper { padding-right: 0px; }
  .checkout-page .d-flex { display: inline-block; width: 100%; }
  .checkout-box { padding-left: 0px; }
  .checkout-box .icon-side, .checkout-box:before { display: none; }
  .checkout-page { padding: 20px 0; background: #fff; }
  .user-info li { width: 100%; display: inline-block; margin: 6px 0; }
  .cart-wrapper .box-top h3 { font-size: 20px; }
  .checkout-box .boxed { padding: 0; box-shadow: none; border: none; }
  .cs-row-25 { margin: 0px; }
  .listing-location h2 { font-size: 22px; }
  .listing-location p { font-size: 18px; }
  .site_content { margin-top: -10px; }
  .search-and-filter .input-field { min-width: 100%; }
  .row.search-content { margin-left: -15px; margin-right: -15px; }
  .listing-content .row .col.s4 { padding: 15px; margin-bottom: 0; }
  .box-listing-top .img { width: 90px; height: 90px; position: absolute; left: 0; top: 0; }
  .box-listing-top { padding-left: 100px; min-height: 90px; }
  .box-listing-top .active { position: relative; left: 0px; margin: 0; font-size: 13px; padding: 0 0px; }
  .box-listing-top .favbutton.btn { width: 25px; height: 25px; line-height: 25px; font-size: 16px; top: auto; bottom: -46px; right: 0; box-shadow: none; }
  .box-listing-top .title { font-size: 17px; }
  .box-listing-top p { font-size: 15px; }
  .box-listing-top .active.offline { background: none; color: #f00; }
  .box-listing-top .active.busy { background: none; color: #2196F3; }
  .navigation li a { height: 32px; line-height: 32px; }

  /*responsive header*/
  .responsive_header { position: fixed; width: 100%; bottom: 0px; left: 0px; background: #fff; z-index: 10; display: flex; justify-content: space-between; text-align: center; box-shadow: 0px 0px 10px 0px rgba(49, 49, 75, 0.36); }
  .responsive_header a { display: inline-block; width: 100%; height: 55px; line-height: 55px; color: #000020; position: relative; }
  .responsive_header a img { max-width: 30px; }
  .responsive_header a i { font-size: 27px; }
  .responsive_header a.mini-cart-responsive span { width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; position: absolute; background: #fd8726; text-align: center; border-radius: 50%; color: #fff; font-weight: 600; right: 50%; top: 5px; margin-right: -34px; }

  /*responsive header*/
  .modal-overlay { background: #fff; opacity: 1 !important }
  .modal .modal-content { margin: 0; box-shadow: none; border-radius: 0; }
  .banner-section .left-box .logo { display: inline-block; width: 100%; }
  .banner-section .left-box .logo img { max-width: 170px; margin-bottom: 30px; display: inline-block; }
  .banner-section .left-box { margin-top: 0px; }
  .accordion .collapsible-header { background: #fff; font-size: 16px; }
  .collapsible { box-shadow: none; }
  .accordion .collapsible-header { padding: 11px 10px; }
  .accordion .collapsible-header:after { display: none; }
  .listing-location { padding: 30px 0; text-align: left; }
  .listing-location .btn { font-size: 17px; padding: 0 15px; }
  .listing-page-content { padding: 20px 0 20px; }
  .search-and-filter .input-field .prefix { top: 5px; width: 29px; }
  .search-and-filter .input-field .prefix ~ input { margin-left: 25px; height: 40px; }
  .modal .modal-body { padding: 15px 20px 25px; }
  .modal .modal-header { display: inline-block; width: 100%; border-radius: 0px; }
  .banner-section .left-box .icons { font-size: 25px; width: 30px; height: 50px; line-height: 50px; }
  .account-links, .profile-information { display: none; }
  .modal .modal-header .close_modal { position: absolute; top: 20px; right: 20px; z-index: 9; }
  .myaccount-page { padding: 30px 0; }
  .account-content { width: 100%; display: inline-block; padding: 0px; }
  .input-style .title-border { font-size: 20px; }
  .saved-address ul { width: 100%; }
  .options-dr .dropdown-trigger.btn { width: 35px; height: 35px; line-height: 35px; }
  .options-dr { padding: 0px; }
  .saved-address .box .ic { display: none; }
  .saved-address .box { padding: 15px; padding-right: 30px; }
  html { font-size: 16px; }
  .vendor_information .img { display: none; }
  .vendor_information .box { padding: 0px; }
  .box-right-top .top-flex .label { margin-right: 4px; margin-bottom: 10px; }
  .vendor_information .line-button { position: relative; width: 100%; margin-top: 5px; }
  .box-right-bottom { overflow-x: auto; width: 100%; display: inline-block; }
  .detail-content-section .container:before, .vendor_information .breadcrumb { display: none; }
  .flex-box-full { display: inline-block; width: 100%; }
  .box-right-top .top-flex { display: inline-block; width: 100%; }
  .vendor_information .box-right-top { padding: 0px; }
  .box-right-bottom div { text-align: left; padding: 5px; width: 50%; float: left; border: none; }
  .box-right-bottom div:first-child { padding-left: 5px; }
  .vendor_information .line-button button { margin-left: 0px; margin-right: 10px; }
  .detail-content-section { padding: 10px 0; background: #fff; }
  .item-wrapper { padding: 0px; }
  .menu_box .img { top: 5px; width: 70px; height: 70px; left: 5px; }
  .top_header.white { box-shadow: none; }
  .mobile-arrow-bac { display: inline-block; top: 8px; }
  .orders-list { width: 100%; }
  .checkout-page .cart-wrapper .box-top, .box-top-resta-info { box-shadow: none; }
  .checkout-page .cart-wrapper .box-top { padding: 0px; border: none; }
  .box-top-resta-info .form-box { padding: 0; margin-top: 30px; }
  .asap-preorder { padding: 0; display: inline-block; border: none; background: none; }
  .checkout-box .boxed .saved-address .box { padding: 15px; }
  .asap-groups { margin-top: 10px; width: 100% !important; }
  .asap-groups .form-group { width: 100% !important; margin: 0px; margin-bottom: 20px; }
  .box-top-resta-info { margin-top: 30px; border: none; }
  .order-confirmation { padding: 20px 0; }
  .complete-box { box-shadow: none; padding: 15px; }
  .complete-box img { max-width: 130px; }
  .complete-box h2 { font-size: 22px; margin-bottom: 15px; }
  .complete-box p.sub, .complete-box p.breaks { font-size: 16px; }
  .account-content .ac_title { font-size: 22px; }
  .orders-list li .box { padding: 15px; }
  .bx-details { display: inline-block; }
  .bx-details span { margin-bottom: 10px; }
  #modal_order .bill-content { display: inline-block; width: 100% }
  .dl_address_footer { padding: 15px; }
  .modal .modal-header h3 { font-size: 24px; font-weight: 700; width: 100%; display: inline-block; position: relative; padding: 10px 0; margin-bottom: 5px; }
  .before-login .btn { width: 100%; margin: 0px; margin-bottom: 15px; box-shadow: none; }
  .sidenav li > a { padding: 0 20px; }
  .sidenav { width: 270px; }
  .user-info-new { margin-bottom: 10px; }
  .user-info-new h4 { font-size: 20px; }
  .user-info-new .large { display: none; }
  .sidenav .user-body li > a { font-size: 16px; }
  .row .col.s8 { width: 100%; }
  .page-section-content p, .page-section-content { font-size: 16px; }
  .bg_section, .myaccount-page { padding: 30px 0; }
  .best-seller .row .col.s3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .best-seller .item-square-box { margin-bottom: 30px; border-radius: 5px; }
  .navigation li.shown-mobile { display: inline-block; }
  .circle-add .add-cr .btn { font-size: 25px; }
  .best-seller h2 { font-size: 20px; }
  .best-seller .btn-white { width: 90px; height: 30px; line-height: 30px; padding: 0; border-radius: 4px }
  .best-seller { padding: 30px 0; }
  input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea, .ui_buttons .btn, .or_button .social_login .btn { border-radius: 3px; }
  .banner-section h1 { padding: 0px; }
  .banner-section p.sub { padding: 0px; font-size: 18px; }
  .detail_page .searchbox-header { display: inline-block; position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 56; padding: 10px; top: -999px; visibility: hidden; opacity: 0; transition: 0.5s all; max-width: 100%; padding-bottom: 6px; padding-top: 6px; }
  .detail_page .searchbox-header.open { top: 0px; opacity: 1; visibility: visible; }
  .searchbox-header .ic { border-radius: 5px; padding: 0 40px; padding-right: 20px; }
  .searchbox-header .form-control { border-radius: 5px; padding: 0 40px; }
  .image-scroll .owl-carousel .owl-item img { border-radius: 3px; }
  .item-box h2 { font-size: 22px; margin-bottom: 10px; }
  .searchbox-header .ic.close-search { top: 7px; }
  .navigation li.shown-mobile.search-mobile { display: none; }
  .detail_page .navigation li.shown-mobile.search-mobile { display: inline-block; }

  /*review cart*/
  .cart-wrapper { display: inline-block; width: 100%; max-width: 330px; position: fixed; top: 0; left: -100%; background: #fff; height: 100%; z-index: 8888; transition: 0.5s; visibility: hidden; opacity: 0; overflow: auto; }
  .cart-wrapper.open { left: 0px; visibility: visible; opacity: 1; }
  .sidebar-stick .box, .cart-wrapper .box-top { border: none; border-radius: 0px; padding: 0; }

  /*review cart*/
  .wallet-top { display: inline-block; text-align: center; }
  .table-responsive { display: inline-block; width: 100%; overflow: auto; }
  .wallet-top .btn { margin: 10px 0; font-size: 18px; }
  .asap-groups .select-wrapper input.select-dropdown { height: 45px; }
  .checkout-page .cart-wrapper { max-width: 340px; position: relative; right: 0px; opacity: 1; visibility: visible; z-index: inherit; max-width: 100%; display: inline-block; left: 0; }
  .box-top-resta-info .form-box .btn-primary { border-radius: 0px 5px 5px 0px; }
  .box-top-resta-info .bg_grey { display: none; }
  .pac-container { border-radius: 5px; margin-top: 10px; }
  .item-square-box h4 { font-size: 16px; white-space: inherit; }
  .item-wrapper { width: 100%; }
  .offers-badge { top: 0; font-size: 15px; font-weight: 300; position: relative; left: 0; margin-bottom: 10px; }
  .offers-badge:before { display: none; }
  .image-scroll .owl-carousel .owl-nav { display: none; }
  .item-box h2 { font-size: 19px; }
  .menu_box .btn-add { min-width: 65px; }
  .mobile-bottom { display: flex; position: fixed; width: 100%; background: #e31e24; left: 0; z-index: 12; bottom: 0; text-transform: uppercase; height: 34px; }
  .mobile-bottom a { display: inline-block; width: 100%; text-align: center; padding: 4px; color: #fff; }
  .mobile-bottom a.side-cate { background: #4f9e13; }
  .detail_page .site_content { margin-top: 10px; }
  body.body-not-scrolled { overflow: hidden; }
  .ov { width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.59); z-index: 23; left: 0; top: 0; }
  .ov.open { display: inline-block; }
  .cm-closing { position: absolute; right: 0; top: 0px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; cursor: pointer; }
  .modal_ingridents .ui_buttons .btn-primary { min-width: 130px }
  .modal_ingridents .form-group h5 { font-size: 16px }
  .modal_ingridents_top h4 { font-size: 17px; }
  .modal_ingridents_top p { font-size: 16px; font-weight: 400 }
  .modal .modal-header h3 { font-size: 22px }
  .cart-wrapper .ui_buttons .btn-primary { font-size: 16px }
  .c-title h3 { font-size: 18px }
  .datepicker-date-display .date-text { font-size: 25px; }
  .sidebar-stick { position: fixed; top: 0; left: -100%; height: 100%; background: #fff; z-index: 678; overflow: auto; box-shadow: 0px 0px 20px 0px #000; width: 100%; max-width: 250px; transition: 0.5s all; display: inline-block; opacity: 0; visibility: hidden; padding: 15px; }
  .sidebar-stick.open { left: 0px; visibility: visible; opacity: 1 }
  .cm-closing { display: inline-block; }
  .searchbox-header .map-submit { top: 10px; right: 10px; }
  .sidenav_cart .box-top { padding: 15px; }
}
@media only screen and (min-width:768px) and (max-width:994px) {
  .mobile-bottom .edit-cart { display: none; }
  .mobile-bottom { display: inline-block; position: fixed; bottom: 20px; z-index: 7; left: 20px; }
  .mobile-bottom .side-cate { display: inline-block; padding: 10px 20px; background: #fff; box-shadow: 0px 0px 10px 0px #0000005c; border-radius: 5px; color: #000; font-weight: 600; }
  .ov { width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.59); z-index: 23; left: 0; top: 0; }
  .ov.open { display: inline-block; }
  .cm-closing { position: absolute; right: 0; top: 0px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; cursor: pointer; }
  .sidebar-stick { position: fixed; top: 0; left: -100%; height: 100%; background: #fff; z-index: 678; overflow: auto; box-shadow: 0px 0px 20px 0px #000; width: 100%; max-width: 350px; transition: 0.5s all; display: inline-block; opacity: 0; visibility: hidden; padding: 15px; }
  .sidebar-stick.open { left: 0px; visibility: visible; opacity: 1 }
  .sidebar-stick .cm-closing { display: inline-block; }
  .sidebar-stick .box { position: relative; }
  .navigation li .select-wrapper { display: none; }
  .top_header .logo img { max-width: 130px; }
  .ttiles { display: none; }
  .searchbox-header { width: 320px; }
  .nav-header { padding-left: 90px; }
  .best-seller .item-wrapper { width: 100%; }
  .best-seller .row .col.s3 { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
}
@media only screen and (min-width:993px) and (max-width:1099px) {
  .ttiles { display: none; }
  .best-seller .row .col.s3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
}