@media screen and (max-width:767px) {
    .header .navigation { display: inline-block; width: 100%; }
    .banner { height: auto; padding: 40px 0; margin: 0px; margin-bottom: 25px; }
    .footer-content { padding: 0; }
    .header { height: 60px; min-height: inherit; padding: 12px 0; filter: inherit; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%); }
    body { padding-top: 60px; }
    .language-li-footer { display: inline-block; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; width: 100%; }
    .header .logo img { max-width: 80px; }
    .header .logo a img { max-width: 110px; }
    .navigation { position: fixed; left: -100%; width: 300px; background: #fff; height: 100%; top: 0; max-width: 100%; overflow: auto; z-index: 55586; padding: 0px; max-width: 250px; box-shadow: 0px 0px 20px 0px #404040; padding-top: 0px; }
    .banner h1 { font-size: 30px; margin-top: 0px; line-height: 1.4; font-weight: 500; padding: 0; }
    .location-form { margin: 20px auto 0; max-width: 100%; }
    .form-icon { width: 100%; margin-bottom: 20px; }
    .form-search { width: 40px; }
    .download-apps { margin-top: 0px; margin-bottom: 0 }
    .side-toggle { width: 45px; height: 45px; display: inline-block; line-height: 45px; font-size: 18px; position: absolute; right: 0; top: 50%; margin-top: -20px; color: #666; text-align: right; }
    .form-search .btn { height: 46px; line-height: 46px; font-size: 23px; }
    .mobile-app .col-sm-5 { display: none; }
    .mobile-app-image-open .col-sm-5 { display: inline-block; width: 100%; margin-bottom: 25px; }
    .mobile-app h2 { font-size: 22px; text-align: center; margin-top: 0px; }
    .mobile-app p.sub-heading, .partner-ship p { padding: 0px; font-size: 16px; text-align: center; }
    .partner-ship .btn { min-width: 100%; font-size: 16px; line-height: 45px; height: 45px; }
    .mobile-app .apps-logo a img { max-width: 100%; }
    .mobile-app .apps-logo a { margin: 0 5px; }
    .mobile-app .apps-logo { justify-content: center; }
    .partner-ship h3 { font-size: 22px; text-align: center; }
    .navigation ul { display: inline-block; width: 100%; background: #fff; height: 100%; max-width: 100%; float: left; }
    .copyrights { margin-top: 20px; margin-bottom: 0; }
    footer { padding: 20px 0 30px; background-size: contain; }
    .detail-body-class footer { background: #f5f5f5; }
    .quicklinks li a { margin: 0 0px; }
    .form-icon input { padding: 10px; height: 46px; border-radius: 3px; padding-right: 85px; }
    .banner .sub { font-size: 18px }
    .navigation.open { left: 0px; }
    .navigation, .navigation * { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
    body.overflow { overflow: hidden; }
    .navigation ul li { width: 100%; display: inline-block; margin: 0px; text-align: left; }
    .navigation ul li.language-li { display: none; }
    .language-li .bootstrap-select>.dropdown-toggle { font-size: 16px; }
    .exclusive_box p.sub { padding: 0px; font-size: 16px; }
    .exclusive_box h2 { font-size: 26px; }
    .exclusive_box .boxed i { width: 50px; height: 50px; line-height: 50px; font-size: 30px; position: relative; left: 0; top: 0; }
    .exclusive_box .boxed h3 { margin-top: 10px; }
    .navigation ul li a { display: inline-block; width: 100%; padding: 10px 35px; border: none; font-size: 16px; border-radius: 0; }
    body.overflow .bg-over { display: inline-block; opacity: 1 }
    .form-login .form-group .form-control { border-radius: 5px; }
    .f-color-primary { font-size: 15px; }
    .connect-with .btn { max-width: 128px; margin: 0 1px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: normal; padding-left: 30px; }
    .connect-with .btn.mr-10 { margin: 0px; }
    .form-group.btn-form.d-table { display: inline-block; width: 100%; }
    .form-group.btn-form.d-table .d-table-cell { width: 100%; display: inline-block !important; margin-bottom: 15px; text-align: center; }
    .form-group.btn-form.d-table .d-table-cell:last-child { margin-bottom: 0px; }
    .mr-10 { margin-right: 0; }
    header .location-form { min-width: 100%; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; }
    header .form-search, header .form-icon { width: 100%; margin: 0; padding: 0 10px; margin-bottom: 10px; }
    .fav-restaurant .col-sm-4 { margin-bottom: 10px; }
    .fav-restaurant .col-sm-4:last-child { margin-bottom: 0px; }
    .fav-restaurant { padding: 40px 0; }
    .grey-restaurant .fav-restaurant .listing { border: none; }
    .type { bottom: 35px; top: auto; }
    .fav-restaurant h2 { margin: 0px 0 10px; font-size: 18px; }
    .grey-restaurant .listing { margin-bottom: 10px; }
    .grey-restaurant { }
    .clearall, .tags { font-size: 13px; }
    .loadmore { font-size: 14px; margin: 10px 0 0; }
    .listing-restaurant-filters .d-table-cell { font-size: 13px; }
    .filter-modal .modal-header h3 { font-size: 13px; }
    .modal.filter-modal .modal-body { padding: 110px 15px 70px; }
    .sort-options h3 { font-size: 15px; margin-bottom: 18px; padding-bottom: 11px; }
    .sort-options ul li { width: 100%; margin-bottom: 5px; }
    .sort-options input[type="checkbox"]+label.checkbox, .sort-options input[type="radio"]+label.radio { font-size: 14px }
    .modal.filter-modal .modal-footer .btn { padding: 10px 15px; font-size: 14px; }
    .modal.filter-modal .modal-footer { padding: 8px; padding-left: 15px; }
    .modal.filter-modal .modal-footer .btn-clear { margin-right: 10px }

    /*detail*/
    .bg-row ul li a { font-size: 14px; padding: 5px 14px !important; }
    .cart-mini-mobile { position: fixed; top: 0; left: -100%; max-width: 230px; z-index: 1236; overflow: auto; height: 100%; }
    .menu_navigation { background: #fff; }
    .grey-bg { padding: 30px 0; background: #fff; }
    .item-full-content .price, .item-full-content ul li h3 { font-size: 15px; }
    .item-full-content ul li { margin-bottom: 20px; padding: 0; width: 100%; }
    div[style="position: static"] { display: none !important; }
    .body-title { font-size: 15px; padding: 15px 15px; }
    .item-full-content ul li h3 { margin-bottom: 3px; }
    .grey-restaurant { background: #fff; }
    .tags { padding: 4px 5px; margin-right: 2px; }
    header .form-icon input { padding-left: 25px; font-size: 13px; }
    .iziToast>.iziToast-body .iziToast-message, .iziToast>.iziToast-body .iziToast-title { font-size: 13px; }
    .iziToast { padding: 4px 45px 4px 0; }
    .cart-mini-mobile, .cart-mini-mobile *, .menu_navigation, .menu_navigation * { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
    .tab-pane .border-boxed { padding: 20px; box-shadow: inherit; border-radius: inherit; height: 100%; }
    .cart-mini-mobile { max-width: 100%; background: #fff; }
    .cart-mini-mobile.open { left: 0px; }
    .is_stuck.sidebar-navigation, .cart-mini.is_stuck { padding: 30px 0; }
    .subpage-bg h2 { font-size: 24px; margin: 0; }
    .boxed-container { background: #fff; padding: 10px 0 }
    .cart-footer h4 { margin: 10px 0; font-size: 14px; }
    .cart-footer .input-group.icon input { font-size: 14px; }
    .cart-footer span.checkbox { margin-top: 0; margin-bottom: 11px; }
    .cart-page-body { text-align: center !important; }
    .information-border a { padding: 5px 25px; }
    .select_payment h4, .f18 { font-size: 16px; }
    .select_payment .borderd span { margin-right: 0; display: inline-block; width: 100%; margin-bottom: 10px; }
    .select_payment .borderd span:last-child { margin-bottom: 0px; }
    .forms-checkout .btn-primary.lg { padding: 10px 30px; }
    .information-border { margin-bottom: 20px; }
    .table.cn-de tr td, .table.cn-de tr th { font-size: 13px; padding: 5px 10px; }
    .select_payment h4, .f18 { font-size: 15px; }
    .navigation .dropdown-menu { width: 100%; min-width: 100%; padding: 0px; border: none; padding: 0px; display: inline-block; position: relative; top: 0 !important; }
    .navigation .dropdown-menu:after, .navigation .dropdown-menu:before { display: none; }
    .tab-pane .border-boxed { padding: 0px; }
    #info table tr td, #info h3 { font-size: 14px; }
    .head-user .date { position: relative; margin: 0px; display: inline-block; width: 100%; font-size: 14px; }
    .head-user { padding-left: 42px; margin-bottom: 0px; border: none; }
    .head-user i.icon-user { width: 35px; line-height: 35px; height: 35px; font-size: 15px; }
    .head-user h3 { margin-top: 0px; font-size: 13px; }
    .user-content p { margin-bottom: 0px; }
    label.star:before { font-size: 13px; }
    #info address { margin-bottom: 0px; }
    #info address { padding: 4px; }
    #info address i { top: 15px; left: 10px; display: none; }
    #info #map { margin: 25px 0 0; }
    #info h3 { margin: 15px 0; }
    .tab-pane .sidebar-navigation .border-boxed { padding: 0px; }
    .confirmation.boxed-container .container.full { padding: 0px; }
    .confirmation-page img { max-width: 100%; height: auto; }
    .confirmation-page { margin-bottom: 25px; }
    .confirmation-page h3 { font-size: 16px; }
    .confirmation-page .btn { font-size: 14px; padding: 8px 20px; }
    .navigation .dropdown-menu { text-align: left; box-shadow: none; }
    .order_list, .review_list, .fav_list { padding: 0px; border: none; box-shadow: inherit; text-align: center; }
    .order_list .img, .review_list .img, .fav_list .img { top: 10px; left: 10px; width: 60px; height: 60px; }
    .order_list p, .review_list p, .fav_list p { text-align: left; }
    .order_list h4, .review_list h4, .fav_list h4 { font-size: 15px; }
    .order_list .row { padding-left: 80px; }
    .order_list { margin-bottom: 25px; border: 2px solid #ddd; padding: 10px; position: relative; text-align: left; }
    .cart_page h4 { font-size: 15px; }
    .cart_page .table.cart .img { display: none; }
    .table.cart .td.info { padding-left: 0px; }
    .body-title { font-size: 13px; }
    .myaccount.boxed-container .container.md { padding: 0 15px; }
    .address_list .action { top: auto; bottom: 10px; }
    .add-button { padding: 6px 15px; }
    .show-hide.open { padding: 10px; }
    .myaccount .action.full_row .btn { padding: 7px 29px; }
    .form-login .form-group textarea.form-control { font-size: 15px; }
    .rating-list h4 { font-size: 15px; }
    .fav-head .img { width: 45px; height: 45px; }
    .fav-head { padding-left: 60px; }
    .fav-head p, .fav-head h3 { font-size: 14px; }
    label .slider:before { height: 20px; width: 20px; top: -4px; }
    label.switchup.label .slider.round { width: 40px; }
    input:checked+.slider:before { left: 20px; }
    .boxed-container.myaccount .form-group { margin-bottom: 10px; }
    .social-icons { text-align: left; margin-bottom: 15px; }
    .grey-restaurant .col-sm-4, .fav-restaurant .col-sm-4 { display: inline-block; width: 100%; flex: 0 0 50%; max-width: 50%; }
    .dark-information .info .images { width: 110px; height: 110px; }
    .dark-information .info .images img { max-width: 100%; height: auto; }
    .dark-information .info { padding-left: 130px; }
    .dark-information .d-table, .dark-information .d-table-cell { display: inline-block !important; width: 100%; }
    .dark-information .info .btn-primary-border { float: left; margin-top: 10px; }
    .dark-information { padding: 30px 0; }
    .grey-bg #menu .col-md-5 { width: 100%; flex: auto; max-width: 100%; }
    .cart-page-body .table td { text-align: left; }
    a.side-toggle:hover { color: #5a5a5a; }
    .cart-summary.is_stuck { padding-top: 20px; }
    .mobile-bottom { display: flex; justify-content: center; }
    .dark-information { padding: 25px 0; }
    .dark-information .info .images { width: 100px; height: 100px; position: relative; top: 0px; right: auto; left: auto; margin: 0 auto; }
    .dark-information .info .images img { max-width: 100%; height: auto; }
    .dark-information .info { padding-left: 0px; width: 100%; text-align: center; }
    .dark-information .info .active, .dark-information .info a.ratings { float: none; font-size: 14px; }
    .dark-information .info .active { padding: 0px 12px; }
    .dark-information .info h2 { font-size: 18px; }
    .dark-information .info p { font-size: 13px; }
    .dark-information .d-table, .dark-information .d-table-cell { display: inline-block !important; width: 100%; }
    .dark-information .info .borderd p { float: none; margin-bottom: 5px; }
    .dark-information .info .btn-primary-border { margin-top: 15px; font-size: 13px; float: none; }
    .dark-information .info .borderd p span, .dark-information .info .borderd p { font-size: 13px; }
    .cart-page-header .img { position: relative; margin: 0px; top: 0px; left: 0px; display: inline-block; }
    .cart-page-header { padding: 0; text-align: center; border: none; }
    .cart-page-header .btn-line { display: none; }
    .cart-page-body .table-striped tbody tr.total td { text-align: left !important; }
    .cart-page-body .table thead th, .cart-page-body h4 { font-size: 13px; }
    .cart-page-header p, .cart-page-header h3, .cart-page-body .table td, .cart-page-body .table th { font-size: 13px; }
    .cart-page-body p.ing-list { font-size: 11px; }
    .cart-page-body a.remove { font-size: 12px; }
    .cart-checkout .btn { font-size: 13px; }
    .cart-page-body .table-striped tbody tr.total td:last-child { min-width: 90px; text-align: right !important; }
    .quicklinks li { display: inline-block; width: 100%; text-align: left; }
    .footer-top li:first-child { display: none; }
    .rating-list .options { position: relative; top: 0px; margin: 0px; }
    .rating-list .list-header { padding-left: 0px; text-align: center; }
    .rating-list .list-header .date { margin-bottom: 5px; }
    .list-header a.img { width: 60px; height: 61px; position: relative; }
    .list-header a.img img { max-width: 100%; height: auto; }
    .subpage-bg .overlay { display: none; }
    .pattern ul li { width: 100%; position: relative; text-align: left; padding: 15px; padding-left: 75px; margin: 0; margin-bottom: 15px; box-shadow: 0px 1px 10px 0px #d8d8d8; border-radius: 3px; }
    .pattern ul li img { position: absolute; left: 10px; top: 15px; width: 50px; height: auto; }
    .pattern h3 { margin: 0 0 10px; font-size: 16px; }
    .pattern ul li:last-child { margin-bottom: 0px; }
    .pattern h3 { font-size: 18px; margin-bottom: 6px; }
    .patternfaq p { margin-bottom: 25px; }
    .grey-restaurant .col-sm-4, .fav-restaurant .col-sm-4 { display: inline-block; width: 100%; flex: 0 0 100%; max-width: 100%; }
    .header-menu-toggle { display: inline-block; width: 30px; height: 30px; line-height: 40px; text-align: center; line-height: 30px; font-size: 28px; position: absolute; right: 80px; top: 50%; margin-top: -11px; color: #333; }
    .close-header-menu { width: 41px; height: 40px; text-align: center; line-height: 40px; position: absolute; left: auto; display: inline-block; font-size: 26px; top: 18px; z-index: 123; right: 10px; }
    .navigation ul li.logo-menu img { max-width: 150px; height: auto; }
    .navigation ul li.logo-menu a { padding: 25px 10px; margin-bottom: 15px; box-shadow: none; }
    .navigation ul li.last a { border-color: none; background: none; color: #e92020; }
    .navigation ul li.logo-menu, .close-header-menu, .header-menu-toggle { display: inline-block; }
    .search-content .row .col-sm-3 { margin-bottom: 0px; }
    .search-icon { max-width: 600px; width: 100%; }
    .quicklinks { padding: 0 0 14px; }
    .menu_navigation { position: fixed; width: 100%; max-width: 260px; background: #fff; padding: 15px; z-index: 1235; left: 0; bottom: 90px; left: auto; right: auto; float: none; min-height: 240px; overflow: auto; left: 15px; max-height: 300px; padding-top: 70px; }
    .is_stuck.sidebar-navigation { position: relative !important; padding: 0px !important }
    .menu_navigation { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); visibility: hidden; }
    .menu_navigation.open { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; }
    .menu_navigation .title-border { margin-bottom: 10px; text-align: center; background: #e81616; position: absolute; left: 0; top: 0; color: #fff; padding: 15px; text-align: left; font-size: 15px; }
    .cart-mini-mobile { padding: 15px; }
    .btn-checkout { padding: 0px; }
    .cart-mini-inner { box-shadow: none; border: none; padding: 0px; }
    .cart-mini-footer table tr td { font-size: 14px; }
    .btn-checkout button { font-size: 16px; }
    .cart-mini-footer table tr td { padding: 3px 5px }
    .cart-mini-inner h3 { padding: 40px 0px 10px; position: relative; font-size: 18px; }
    .cart-mini-inner h3:before { display: inline-block; content: 'arrow_back'; font-family: 'Material Icons'; position: absolute; top: 0; font-size: 20px; left: 0; }
    .ing-body h3 .reqs { font-size: 12px; }
    .cart-mini.is_stuck { position: static !important; top: 0px !important }
    .qq input { font-size: 18px; }
    .header-menu-toggle.open .icon-menu:before { content: '\f057'; font-family: 'FontAwesome'; font-size: 23px; color: #ababab; }
    .navigation ul li.last a .fa-angle-down { display: none; }

    /*popup */
    .images-right { display: none; }
    .footer-logo, .exclusive { display: none; }
    .pattern ul li:nth-child(4), .pattern ul li:nth-child(2) { margin-top: 0px; }
    .pattern ul li { min-height: inherit; }
    .patternfaq { background: #ffffff; }
    .form-icon i.material-icons { display: none; }
    .form-icon i.material-icons.gps_fixes { display: inline-block; height: 46px; width: 46px; right: 40px; line-height: 46px; font-size: 19px; }
    .location-form { box-shadow: none; position: relative; }
    .pattern ul li img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    .download-apps a { max-width: 132px; display: inline-block; margin: 10px 7px 0px 0px; }
    .banner .overlay { display: none; }
    .download-apps h3 { font-size: 15px; color: #333; }
    footer h3 { position: relative; }
    .expand-section { display: none; width: 100%; margin: 5px 0; padding-left: 0px; }
    .open .expand-section { display: inline-block; }
    .navigation ul li a { box-shadow: none; }
    .form-search { position: absolute; right: 0; top: 0; height: 46px; }
    .banner-list .container { padding-right: 15px }
    .banner-list .f18 { position: relative; right: 0; top: 0; margin-top: 10px; font-weight: normal; }
    .listing-restaurant-filters a { color: #fff; height: 40px; padding: 0; line-height: 40px; background: none; color: #333; font-size: 14px; border: none; box-shadow: none; position: fixed; bottom: 20px; left: 50%; z-index: 123; background: #ffffff; width: 160px; margin-left: -80px; box-shadow: 0px 0px 10px 0px #939393; }
    .navigation ul li a.signup { background: #fff; color: #4fbd50; }
    .menu_overlay_menu.open { display: inline-block; }
    .modal-header { padding: 40px 10px 10px 15px; }
    .modal-header .icons-add { right: 10px; bottom: auto; width: 30px; height: 30px; line-height: 30px; font-size: 25px; top: 12px; }
    .modal-header h3 { white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; font-size: 20px; }
    .modal-header a { left: 10px; top: 1px; }
    .modal .modal-body { padding: 120px 15px 60px; }
    .form-group span.icons { display: none; }
    .form-login .form-group .form-control { height: 45px; padding-left: .75rem }
    .mobile_login { display: inline-block; position: absolute; right: 70px; padding: 5px 15px; top: 50%; border-radius: 3px; font-size: 16px; background: #272727; color: #ffffff; margin-top: -14px; font-weight: 500; }
    .navigation ul li a.account-login i { display: none; }
    .navigation ul li a.account-login { display: none; }
    .navigation .dropdown-menu .dd-item { padding: 10px 15px }
    .user-information i { margin-right: 15px; }
    .account-information, .col-sm-4.sidebar { display: none; }
    .myaccount { padding: 0px; }
    .myaccount .container { padding: 30px 15px 10px }
    .connect-with { padding: 10px; }
    .connect-with #w0, .connect-with #w1 { margin-top: 10px; }
    .signin h4 { margin: 10px 0 15px; font-size: 16px; }
    .signin p { padding: 0px; }

    /*listing page*/
    .banner-list h2 { font-size: 20px; white-space: inherit; }
    .banner-list h2 span { box-shadow: inset 0 -6px 0 0 #FFEB3B; }
    .banner-list p { font-size: 16px; margin-bottom: 5px; }
    .banner-list .overlay { display: none; }
    .search-icon .icon-top { height: 45px; line-height: 45px; width: 45px; }
    .search-icon .search-list { padding-left: 45px; height: 45px; }
    .grey-restaurant { }
    .listing-restaurant-filters.fixed { position: relative; z-index: 22; padding: 20px 0; }
    .menu_width { width: 100%; padding: 0px; }
    .restaurant-info .info .borderd p { width: 50%; padding: 10px 0; border: 1px solid #ddd; margin-bottom: -1px; margin-left: -1px; }
    .restaurant-info .image { width: 65px; height: 65px; }
    .restaurant-info .relative { padding-left: 0; margin-bottom: 20px; border: none; padding-top: 110px; }
    .restaurant-info .borderd { display: inline-block; }
    .owl-item-wrap { padding: 0px; }
    .pattern h2 { font-size: 24px; }
    .restaurant-info .info-btns { right: auto; left: 0; }
    .restaurant-info .info-btns .btn { margin-left: 0px; margin-right: 10px; }
    .item-full-content { width: 100%; padding: 0px; }
    .custom_row { margin: 0px; }
    .back-to { font-size: 15px; }
    .restaurant-info { padding: 25px 0px; border: none; margin-bottom: 0; }
    .restaurant-info h2 { font-size: 18px }
    .modal.ing-modal .modal-body { padding: 120px 15px 130px; }
    .modal.ing-modal .modal-footer { padding: 10px; justify-content: flex-start; }
    .qq { position: relative; top: 0; margin-right: 30px; float: left; }
    .modal-footer .ing-footer .btn { padding: 10px 20px; }
    .ing-header img.img { width: 65px; height: 65px; }
    .ing-header { padding-left: 80px; }
    .ing-header p { margin-bottom: 5px; }
    .ing-body ul li { padding: 10px 0; }
    .restaurant-info .info .borderd p span { font-size: 14px; }
    .restaurant-info .info { display: inline-block; width: 100%; margin: 15px 0; }
    .sidebar-navigation { position: fixed; width: 100%; max-width: 280px; background: #fff; height: 100%; left: -100%; z-index: 1236; top: 0; padding: 20px 15px; overflow: auto; height: 100%; box-shadow: 0px 0px 20px 0px #303030; }
    .sidebar-navigation.open { left: 0px; }
    .sidebar-navigation, .sidebar-navigation * { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
    .sidebar-navigation li a { padding: 6px 0; font-size: 16px; }
    .grey-bg .container, .subpage-bg .container { position: inherit; z-index: inherit; }
    .sidebar-navigation-inner { padding: 0px; border: none; }
    .item-full-content ul li p { margin: 5px 0 }
    .sidebar-navigation-inner h4 { display: inline-block; position: relative; width: 100%; padding-left: 35px; }
    .sidebar-navigation-inner h4:before { display: inline-block; content: 'arrow_back'; font-family: 'Material Icons'; position: absolute; top: -3px; font-size: 25px; left: 0; }
    .side-menu-items-overlay.open { display: inline-block; }
    .cart-overlay.open { display: inline-block; }
    .checkout-page { padding: 30px 0px; }
    .bx-borderd { display: inline-block; width: 100%; position: relative; padding: 0; background: #fff; border: none; border-radius: 3px; margin-bottom: 30px; padding-left: 0; }
    .bx-borderd .ic { display: none; }
    .v-code { margin-top: 20px; background: #ffffff; border: none; margin-bottom: 20px; }
    .checkout-page .form-group.last-btn { padding: 0; background: #fff; border: none; margin-bottom: 0; margin: 20px 0 0; }
    .btns .btn { margin-bottom: 15px; }
    .btns .btn:last-child { margin-bottom: 0px; }
    .cart-summary { padding: 15px; }
    .address_list_check li { width: 100%; float: left; margin-bottom: 10px; }
    .bx-borderd h3 { font-size: 18px; }
    .modal-address-ui .modal-footer .btn { padding: 10px; }
    .modal-footer { padding: 10px; }
    .modal-address-ui.modal .modal-body { padding: 100px 10px 80px; }
    .myaccount .address_list { padding-bottom: 55px; }
    .favourties-list li { width: 100%; margin: 0px 0px 15px; }
    .boxed-container .container.md, .boxed-container .container.full { box-shadow: none; padding: 15px; }
    .subpage-bg.cms-sub { padding: 25px 0; }
    footer .col-sm-3 { width: 100%; max-width: 100%; flex: inherit; }
    .user_info li { display: inline-block; width: 100%; padding: 10px !important; border: 1px solid #ddd !important; border-radius: 3px; background: #f5f5f5; }
    .grey-restaurant .search-content .col-sm-3 { max-width: 100%; width: 100%; flex: 0 0 100%; }
    .pop-location { margin: 10px 0 20px; font-size: 15px; }
    .ss-icons { position: relative; right: 0; bottom: 0; display: inline-block; width: 100%; margin-top: 10px; }
    .cart-header, .cart-detail-page-responsive { height: 38px; line-height: 38px; font-size: 25px; margin-left: 5px; }
    .cart-header span, .cart-detail-page-responsive span { width: 21px; height: 21px; font-size: 13px; line-height: 21px; }
    .detail-body-class .cart-detail-page-responsive { display: inline-block; }
    .detail-body-class .cart-header { display: none; }

    /*ios*/
    body { width: 100%; max-width: 100%; }

    /*    body.modal-open { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }*/
    .modal { will-change: display; }
    .modal-dialog { will-change: transform; }
    .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; }
    .delivery_type { padding: 20px 0; background: #f3f3f3; background-size: cover; background-position: center; }
    .delivery_type .box:after { width: 100%; height: 200px; left: 0; bottom: 0; top: auto; display: none; }
    .delivery_type .container { max-width: 100%; }
    .delivery_type .box { padding: 20px; min-height: inherit; border: none; overflow: inherit; background: none; }
    .delivery_type .box { display: inline-block; width: 100%; font-size: 16px; background: #fff; }
    .delivery_type .location_box { display: inline-block; width: 100%; font-size: 17px; }
    .delivery_type .location_box a { margin: 0px; font-size: 17px; }
    .form-radio-box-home { display: inline-block; width: 100%; margin-top: 0px; }
    .form-radio-box-home .form-group { margin-right: 0px; display: inline-block; width: 100%; }
    .form-radio-box-home input[type="radio"]+label.radio { font-size: 16px; }
    .show-branches-ui { font-size: 16px; }
    .option_choosen .bootstrap-select .dropdown-toggle { font-size: 16px; }
    .delivery_type .location_box i { margin-bottom: 10px; }
    .accordion .card-header .btn { white-space: inherit; font-size: 16px; }
    .exclusive_box { padding: 40px 0 40px; }
    .navigation .dropdown-menu .dd-item.active, .navigation .dropdown-menu .dd-item:hover { color: #000; }
    .delivery_type h2 { font-size: 18px; }
    .delivery_type .box h3 { text-align: left; font-size: 17px; font-weight: normal; margin-bottom: 10px; }
    .tt_slider .owl-nav button.owl-prev, .tt_slider .owl-nav button.owl-next { font-size: 26px; }
    .exclusive_box .row { flex-wrap: nowrap; width: 100%; overflow-x: auto; }
    .exclusive_box .row .col-sm-4 { width: 100%; min-width: 280px; }
    .exclusive_box .boxed { padding: 15px; min-height: calc(100% - 30px); margin-bottom: 30px; }
    .oneline_flex { display: inline-block; width: 100%; margin-bottom: 10px; }
    .oneline_flex .cr_location { margin-left: 0px; }
    .info_box { padding: 0 10px; }
    .alergic_toggle { min-width: 25px; height: 25px; line-height: 25px; font-size: 18px; right: auto; left: 10px; top: 10px; }
    .info_box p { font-size: 14px }
    .item-full-content h3 { font-size: 15px; }
    .item-full-content h2 { padding: 10px; text-align: center }
    .table_time_click { padding: 0; border: none; }
    .item-full-content .row .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .show_list_view .row .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .show_list_view .img { width: 60px; height: 60px; }
    .show_list_view .boxed { padding-left: 85px; min-height: 50px; }
    .show_list_view .alergic_toggle { display: none; }
    .accountname { display: inline-block; width: 100%; background: none; padding: 0; border-radius: 0px; }
    .accordion-2 { padding: 0; padding-left: 65px; }
    .accordion-2 .btn-block.btn span { left: -52px; }
    .accordion-2 .card:before { left: -32px; }
    .checkoutpage_title { margin-bottom: 15px; font-size: 20px; }
    .accordion-1 .card-body { line-height: 1.5; }
    .side_nav_and_flex .side_nav_and_flex_right { width: 100%; padding: 0px; }
    .want-to-repeat h3 { font-size: 20px; }
    .want-to-repeat { padding: 0; border: none; background: none; }
    .footer-content .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .refferal-border a.copyClick { white-space: inherit; word-break: break-word; }
    .refferal-border a.copyClick { padding: 10px; }
    .mail_code { position: relative; background: #000 !important; color: #fff !important; margin-top: 10px; border-radius: 50% !important; height: 40px; line-height: 40px; }
    a.anm_btn { display: none; }
    .business_page_home h2 { font-size: 32px; }
    .business_page_home { min-height: 200px; padding: 20px 0; }
    .business_page_home.produckte-banner { min-height: inherit; }
    .wo_was_wann h2 { font-size: 24px; }
    .business_page_home:after { display: none; }
    .box_link span.icon { width: 50px; height: 50px; padding: 7px; margin: 0; position: absolute; left: 10px; top: 10px; }
    .box_link .title { font-size: 18px; text-align: left; }
    .box_link span { font-size: 14px; text-align: left; }
    .box_link { padding: 10px; margin-bottom: 25px; text-align: left; padding-left: 70px; }
    .wo_was_wann { padding: 20px 0 5px; }
    .startup_section .img_left { width: 100%; height: 260px; display: inline-block; }
    .startup_section { padding-top: 260px; padding-bottom: 20px; }
    .startup_section .col-md-6 { min-height: inherit; }
    .startup_section h2 { padding: 5px 20px; font-size: 19px; bottom: 25px; }
    .startup_section h3 { font-size: 18px; margin-top: 20px; font-weight: 400; }
    .dominik { width: 100%; position: relative; bottom: -20px; }
    .icon_border span { padding: 10px; font-size: 16px; width: 100%; }
    .dominik img { margin-bottom: -10px; }
    .ul_links_chain { display: flex; flex-wrap: wrap; position: relative; justify-content: flex-start; padding-bottom: 50px; }
    .ul_links_chain li { padding: 0; width: 100%; padding-bottom: 10px; }
    .ul_links_chain li:last-child { padding-bottom: 0px; }
    .ul_links_chain li:before { left: -50px; top: 50%; margin-top: -1px; width: 50px; border-style: solid; }
    .ul_links_chain li:last-child:before { display: inline-block; }
    .ul_links_chain li.active:after { background: #fed653; }
    .ul_links_chain li.iocns { position: absolute; bottom: 0; left: 0; padding: 0; }
    .ul_links_chain li.iocns:last-child { left: auto; right: 0px; width: auto; }
    .ul_links_chain li.iocns:after { display: none; }
    .ul_links_chain li.lines:before { left: 26px; top: 35px; width: 2px; height: 100%; }
    .ul_links_chain li a { padding: 10px; font-size: 16px; }
    .ul_links_chain li a span.icon { width: 40px; height: 40px; padding: 8px; }
    .city_and_map { padding: 20px 0; }
    .city_and_map .col-md-4 { max-width: 50%; }
    .city_image_grid { height: 140px; }
    .city_image_grid span { font-size: 17px; }
    .oder_city span { font-size: 15px; }
    .city_search_inner .form-control { padding-left: 10px; padding-right: 98px; }
    .city_search_inner .le_icon { display: none; }
    .startup_section_cs.startup_section { padding-top: 10px; }
    .startup_section_cs .flex { display: inline-block; width: 100%; }
    .startup_section_cs .icon_border { margin-bottom: 20px; }
    .startup_section_cs .icon_border a { color: #212529 !important; text-decoration: inherit; }
    .it_categories h3 { font-size: 15px; }
    .k_item a span.title { font-size: 15px; }
    .owl-carousel-nav .owl-nav button.owl-prev, .owl-carousel-nav .owl-nav button.owl-next { top: -68px; right: 0; width: 30px; height: 30px; line-height: 30px; font-size: 21px; }
    .owl-carousel-nav .owl-nav button.owl-prev { left: auto; right: 40px; }
    .normal-modal .modal-body { padding: 0px; }
    .normal-modal-menu .modal-body { padding: 25px; }
    .normal-modal .padding_12 h3 { font-size: 17px; margin-bottom: 10px; }
    .normal-modal .modal-dialog { max-width: 290px; }
    .business_id .cart-mini-mobile { padding: 15px; }
    .wann_check h2 { font-size: 18px; padding: 5px 20px; }
    .wann_check { padding: 30px 0; }
    .wann_check .btn-primary { min-width: 100%; font-size: 17px; height: 50px; }
    .item_list .col-md-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .item_new_detail { padding-top: 0; min-height: calc(100% - 30px); }
    .item_new_detail .img { height: 90px; position: relative; top: 0px; overflow: hidden; }
    .item_new_detail .img img { height: 90px; width: 100%; object-fit: cover; object-position: center; position: absolute; left: 0px; top: 0px; }
    .item_new_detail .content h3 { font-size: 15px; word-break: break-word; margin-bottom: 10px; font-weight: 400; }
    .startup_section_cs .col-md-3:first-child img { max-width: 150px; }
    .startup_section_cs h2 { bottom: 0px; }
    .mobile_hidden { display: none; }
    .normal-modal-alert .modal-body { padding: 20px; }
    .normal-modal-alert .modal-body h3 { font-size: 16px; margin-bottom: 20px; }
    .normal-modal-alert .action_buttons { display: inline-block; width: 100%; text-align: right; }
    .dominik .name { left: 0; text-align: center; position: relative; padding-top: 5px; }
    .startup_section_cs .dominik { bottom: -20px; }
    .exclusive_box.exclusive_box_hover_no .row { flex-wrap: wrap; margin: 0; }
    .exclusive_box_hover_no .boxed { width: 100%; }
    .exclusive_box.exclusive_box_hover_no .row .col-sm-6 { width: 100%; }
    .ueberuns_section h2 { font-size: 16px; }
    .ueberuns_section h3 { font-size: 22px; }
    .ueberuns_section .col-md-5 img { max-width: 100%; height: auto; margin-bottom: 15px; }
    .ueberuns_section p { font-size: 16px; }
    .ueberuns_section .icon-box { width: 75px; height: 75px; margin: 0 10px; }
    .reviews_section, .team_carosel_section { padding: 20px 0; }
    .team_carosel_section h2 { font-size: 25px; margin-bottom: 20px; }
    .tc_box { padding: 10px; padding-bottom: 0; border-radius: 5px; background-size: 41px; min-height: inherit; display: flex; flex-direction: column-reverse; }
    .tc_box .img img { }
    .tc_box .img { position: relative; width: 100%; text-align: center; left: 0px; margin: 0px; text-align: center; }
    .team_carosel_section .owl-carousel .owl-nav { display: flex; position: absolute; bottom: 70px; right: 0px; width: 100%; justify-content: space-between; align-items: center; padding: 0 15px; }
    .tc_box .tc_content .form-group label { font-size: 15px; }
    .menu-header-one { flex-direction: column; align-items: center; }
    .menu-header-one .btn { margin-bottom: 15px; max-width: 100%; width: 100%; }
    img { max-width: 100%; height: auto; }
    .yellow_boxes { padding: 15px; padding-bottom: 0; }
    .yellow_boxes.logo_yellow { background-size: 50px; background-position: 90% 77%; }
    .yellow_boxes .row { flex-direction: column-reverse; }
    .reviews_section h4 { margin-top: 15px; font-size: 16px; }
    .tc_box .tc_content .form-group { padding-right: 0px }
    .dropdown-all-categories { margin-right: 10px; }
    .site-menu-header-toggle { font-size: 20px; }
    .b-two-b-text { display: none; }
    .dropdown-all-categories .btn .title { display: none; }
    .dropdown-all-categories .btn { border: none; padding: 0; width: 40px; text-align: center; }
    .dropdown-all-categories .btn i { margin: 0px; }
    .b2b-image-add { display: none; }
    .b2b-image-add:after { display: none; }
    .back-to-business .box { padding: 15px; position: relative; margin-bottom: 30px; text-align: left; padding-left: 74px; min-height: inherit; }
    .back-to-business .box img { position: absolute; left: 0; z-index: -1; opacity: 1; max-width: 70px; top: 0px; }
    .bakerix-business-cta-card .card-1:before { display: none; }
    .bakerix-business-cta-card .card-1 .card-1-50 { padding: 40px 20px; width: 100%; padding-bottom: 0px; overflow: hidden; border-radius: 5px; flex-direction: column-reverse; }
    .bakerix-business-cta-card .card-1 .card-1-50 .img { position: relative; }
    .bakerix-business-cta-card .card-1.right-card .card-1-50 { padding: 20px; flex-direction: column-reverse; padding-bottom: 0; }
    .bakerix-business-cta-card .card-1.right-card .card-1-50 .img { position: relative; }
    .b2b-partner-frischer .box { min-height: inherit; margin-bottom: 35px; padding-top: 120px; background-position: center top; background-size: 100px; }
    .b2b-partner-frischer .box.content-1 { background-position: center top }
    .b2b-partner-frischer .box .content { padding: 0px; }
    .b2b-partner-frischer .box .content-12 p.ps-60 { padding: 0px; }
    .b2b-partner-frischer .box h2 { font-size: 21px; }
    .b2b-partner-frischer .box .content-12 .fw-20 { font-size: 25px; }
    .b2b-hospitality h2, .back-to-business h2, .bakerix-business-cta-card .card-1 h2 { margin-bottom: 25px; font-size: 20px; }
    .b2b-partner-frischer { background: #fff; padding: 0; }
    .b2b-image-add-mobile { display: flex; width: 100%; margin-top: 15px; justify-content: center; align-items: center; padding: 25px; background: #fbcf54; }
    .mobile-app .row { justify-content: center; }
    .bakerix-united .box .flex-image-content { display: inline-block; width: 100%; padding: 20px; }
    .bakerix-united .box { padding: 0; border-radius: 5px; }
    .bakerix-united .box .img { margin: 0px }
    .bakerix-features .lists h3 { font-size: 20px; }
    .bakerix-united .box h2 { font-size: 22px; margin-top: 20px; }
    .bakerix-united .box h3 { font-size: 16px; margin-bottom: 15px }
    .bakerix-united .text-right { text-align: center !important; }
    .form-group.with-icons .text-checkbox label { width: 100%; margin-right: 0px; }
    .backboten_about img { max-width: 150px; margin: 0 auto 20px; display: block; }
    .backboten_about p { font-size: 16px; }
    .apply-partner-section .btn-black { white-space: inherit; padding: 3px 20px; font-size: 17px; }
    .panel-bss { position: relative; margin-top: 20px; }
    .b2b-strategic-section { padding: 35px 0px 35px; }
    .b2b-strategic-section .box .img-flex { width: 100%; flex: 1; }
    .b2b-strategic-section .box .flex-contents { padding: 0px 0px 0px 0px; }
    .b2b-strategic-section .text-right-layer { max-width: 100%; position: relative; left: 0; top: 0; }
    .b2b-strategic-section .box .flex-contents .panel-bss { padding: 0; background-size: 260px; padding-right: 25px; min-height: inherit; gap: 5px; background-position: bottom right; }
    .b2b-strategic-section .bss-right-bottom { width: 100%; position: relative; height: 200px; object-fit: cover; object-position: right; }
    .b2b-strategic-section .bss-right-bottom-2 { max-width: 130px; bottom: -50px; }
    .b2b-strategic-section .box { flex-direction: column; gap: 25px; }
    .kontact-two-section { padding: 25px 0 }
    .kontact-two-section p { margin-bottom: 0px }
    .kontact-two-section:before { height: 100% }
    .five-boxes .box-1, .five-boxes .box { padding: 15px; min-height: inherit; margin-bottom: 15px; }
    .five-boxes .box-horizantal { flex-direction: column; }
    .five-boxes .box-horizantal .content { flex-direction: column; text-align: center; }
    .five-boxes .box-horizantal .content .img { width: 100%; margin: 0; }
    .wir-konnen .box { padding: 0px; }
    .dark-button-1 { font-size: 18px; width: auto; padding: 0 30px; }
    .fur-business .fs-21 { font-size: 16px; text-align: center; }
    .single-line-fur p { font-size: 16px; flex-direction: column; align-items: center; }
    .single-line-fur .vdp-logo { margin: 0px; margin-top: 15px; max-width: 190px; }
    .single-line-fur .backerix-logo { margin: 0px; margin-bottom: 15px; }
    .fur-business .col-md-4 { margin-bottom: 25px; text-align: center; }
    .zur-best-produckte .col-md-6.text-center { margin-bottom: 30px; }
    .zur-best-produckte .btn-dark { font-size: 16px; margin: 0 auto; display: block; }
    .five-boxes .box h4 { font-size: 20px; }
    .product-dark-b2b .box h3 { font-size: 20px; margin-bottom: 15px; color: #000 }
    .product-dark-b2b .col-md-4 { margin-bottom: 25px; }
    .product-dark-b2b .col-md-4:nth-child(2) .box img, .product-dark-b2b .col-md-4:nth-child(3) .box img { top: 0px; }
    .product-dark-b2b:after { display: none; }
    .product-dark-b2b { margin: 0px; }
    .product-dark-b2b .box img { border-radius: 15px; }
    .gebiete-lessons-box .col-md-4 img { max-width: 80px; }
    .gebiete-lessons { padding-top: 0px; }
    .liferung-green .box { padding: 0px; }
    .liferung-green-img { position: relative; }
    .testimonial-single p { margin-bottom: 25px; }
    .testimonial-single h3 { text-align: center; }
    .liferung-deine-idee { padding: 50px 0 0 }
    .liferung-deine-idee .row { flex-direction: column-reverse; }
    .liferung-deine-idee img { margin-top: 40px; }
    .wir-konnen { padding: 50px 0 }
    .wir-konnen p { text-align: justify; }
    .gebiete-lessons p { text-align: justify; }
    .gebiete-locations .col-md-4 { max-width: 50%; width: 100%; }
    .single-line-fur { padding: 60px 0 }
    .yellow-mission { padding: 10px; gap: 10px; flex-wrap: wrap; border-radius: 25px; justify-content: center; }
    .yellow-mission .box { padding: 10px; width: calc(50% - 10px); border-radius: 10px; }
    .yellow-mission .box img { max-width: 60px; height: auto; }
    .yellow-mission .box p { font-size: 14px; margin-bottom: 10px; }
    .liferung-mission h2 { font-size: 25px; }
    .bakerix-united-links { position: relative; width: 100%; gap: 0; flex-direction: column; padding: 0; }
    .bakerix-united-links a { border-radius: 0px }
    .back-to-business { padding: 25px 0 10px }
    .went-links { padding: 4px 15px; font-size: 16px; }
    .zur-best-produckte .went-links { top: -60px; right: 15px; }
    .inderi-section .comment-box { width: 100%; left: 0px; bottom: 0px; position: relative; padding: 15px; }
    .inderi-section .white-box { width: 100%; position: relative; top: 0px; right: 0px; padding: 15px; }
    .inderi-section { }
    .man-ihr { margin-top: 30px; }
    .ihr-appscreen { display: inline-block; width: 100%; margin: 30px 0; }
    .car-machen { position: relative; width: 100%; bottom: 0px; margin-top: 35px; }
    .backerix-deutschland-section h2, .inderi-section h2, .ihr-backwaren h2, .backerien-hover-boxes .first-box h3, .machen-section h2 { font-size: 25px; }
    .btn-white-23 { font-size: 16px; }
    .inderi-section .row { flex-direction: column-reverse; }
    .flex-weil { flex-direction: column; }
    .weil-section .content { width: 100%; min-width: 100%; }
    .next-level { background-size: contain; padding-top: 40px; padding-bottom: 170px; border-bottom: 1px solid #ddd; background-position: center bottom; }
    .next-level h2 { font-size: 24px; }
    .next-level .capital { font-size: 18px; }
    .next-level .medium { font-size: 17px; }
    .warum-section .flex-warum { flex-direction: column; }
    .warum-section h2 { font-size: 20px; }
    .backerix-full-united img { width: 100%; min-height: 140px; object-fit: cover; }
    .warum-section div.img { min-height: 300px; }
    .weil-die-section { flex-direction: column; }
    .warum-section div.img .text-overlay h4 { font-size: 30px; }
    .left-person-linked .person-1 { top: 10px; background: none; font-size: 11px; }
    .left-person-linked .person-1 span { font-size: 11px; }
    .left-person-linked .person-2 { left: auto; right: 3%; }
    .weil-die-section .left-person-linked { padding-top: 25px; }
    .weil-die-section .right-person-content .padding-content { padding: 15px; }
    .weil-die-section h3 { font-size: 16px; }
    .weil-die-section .space { height: 10px; }
    .ire-ausliferung-left { top: 0; left: 0; max-width: 100%; margin-bottom: 25px; position: relative; }
    .ire-ausliferung .background-image { flex-direction: column; padding: 20px; padding-bottom: 120px; }
    .ire-ausliferung .content { max-width: 100%; }
    .ire-ausliferung .dark-button-1 { padding: 0 25px; height: 35px; line-height: 35px; bottom: -17px; left: 10px; }
    .box-claim { padding: 0px; box-shadow: none; border: none; }
    .kontact-two-section .container { flex-direction: column; }
    .b2b-hospitality { padding: 20px 0 }
    .b2b-hospitality .col-md-8 { margin-bottom: 20px }
    .nach-technologie-section .box .contents { width: 100%; padding: 0px; }
    .nach-technologie-section .box .contents ul li { flex-basis: 100% }
    .nach-technologie-section .box .contents ul { padding: 0px; gap: 10px }
    .bakerix-business-cta-card { padding: 50px 0 15px; }
    .hospitality-box-one .hospital-head-2 { font-size: 75%; line-height: 1; }
    .hospitality-box-one { min-height: inherit; }
    .yellow-arrow-bx { z-index: 1; font-size: 10px; height: 40px; width: 90px; }
    .yellow-arrow-bx:before { right: -20px; border-top: 20px solid transparent; border-left: 20px solid #fbcf53; border-bottom: 20px solid transparent; top: 0; }
    .yellow-arrow-bx.yab-2 { right: 20%; }
    .yellow-arrow-bx.yab-3 { right: 45%; }
    .yellow-arrow-bx.yab-4 { right: calc(100% - 90px); }
    .onboarding-section h3 { font-size: 18px; padding: 10px; width: 100%; margin-bottom: 15px; border-radius: 5px; }
    .onboarding-section { padding: 20px 0; background: #fff; }
    .onboarding-section .box { padding: 0; border-radius: 5px; box-shadow: none; padding-bottom: 260px; border: none; }
    .onboarding-section .box .min-width-200 { width: 100%; margin-top: 10px; }

/*ios*/ }

/*large size mobile*/
@media only screen and (min-width:576px) and (max-width:767px) {
    .banner { padding: 60px 0; }
    .banner .overlay { display: inline-block; opacity: 0.36 }
    .download-apps a { max-width: 180px; }
    .banner h1 { font-size: 35px; }
    .form-icon input { font-size: 16px }
    .pattern ul li { padding: 10px; text-align: center; width: 50%; margin: 0px; box-shadow: none; min-height: 200px }
    .pattern ul li img { position: relative; left: auto; top: auto; width: 80px; height: auto; right: auto; margin-bottom: 15px; }
    footer { padding-bottom: 100px; }
    .btns .btn { min-width: inherit; float: left; }
    .account-information, .col-sm-8.right-content { width: 100%; max-width: 100%; flex: inherit; }
}

/*large size mobile end*/

/*tab start*/
@media only screen and (min-width:768px) and (max-width:993px) {
    .b2b-image-add { display: none; }
    .banner { height: auto; padding: 75px 0; }
    .b2b-image-add-mobile { display: inline-block; width: 100%; text-align: center; background: #fbcf54; }
    .b2b-image-add { width: 100%; top: 0; height: 250px; }
    .b2b-image-add:after { display: none; }
    .b2b-image-add img { max-height: 240px; width: auto; }
    .images-right img { max-width: 100%; height: auto; }
    .banner h1 { font-size: 30px; }
    .download-apps a { max-width: 160px; }
    .download-apps a img { max-width: 100%; height: auto; }
    .images-right { right: 0; bottom: 50px; z-index: 1; }
    .pattern ul li { width: 47%; }
    .pattern ul li:nth-child(4), .pattern ul li:nth-child(2) { margin-top: 10px; }
    .exclusive { display: none; }
    .mobile-app .col-sm-5 img { max-width: 100%; height: auto; }
    .partner-ship { margin-top: 40px; }
    footer h3 { font-size: 16px; margin-top: 0px; margin-bottom: 15px; position: relative; }
    .expand-section { display: none; width: 100%; margin: 5px 0; padding-left: 0px; }
    .open .expand-section { display: inline-block; }
    .footer-logo { display: none; }
    footer .col-sm-3 { width: 100%; max-width: 100%; flex: inherit; margin: 10px 0; }
    .exclusive_box .boxed { padding: 15px; min-height: 350px; padding-top: 85px; }
    .exclusive_box .boxed i { top: 10px; left: 15px; background: #000; color: #fff; }
    .copyrights { text-align: left; }
    footer { background-size: contain }
    .expand-section .custom-select { max-width: 160px }
    .grey-restaurant .search-content .col-sm-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .search-icon { max-width: 450px; }
    .banner-list .f18 { position: relative; right: 0; top: 0; margin-top: 15px; }
    .banner-list .container { padding-right: 15px; }
    .banner-list h2 { white-space: inherit; }
    .cart-mini-mobile { position: fixed; top: 0; left: -100%; max-width: 230px; z-index: 1236; overflow: auto; height: 100%; }
    .cart-mini-mobile, .cart-mini-mobile * { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
    .menu_width { width: 100%; padding: 0; }
    .cart-mini-mobile { max-width: 400px; background: #fff; padding: 10px; width: 100%; }
    .cart-mini-mobile.open { left: 0px; }
    .is_stuck.sidebar-navigation, .cart-mini.is_stuck { padding: 30px 0; }
    .mobile-bottom { display: inline-block; }
    .item-full-content ul li { width: 33%; margin-bottom: 0px; padding: 10px; }
    .custom_row { margin: 0 -10px }

    /*side menu*/
    .sidebar-navigation { position: fixed; width: 100%; max-width: 280px; background: #fff; height: 100%; left: -100%; z-index: 1236; top: 0; padding: 20px 15px; overflow: auto; height: 100%; box-shadow: 0px 0px 20px 0px #303030; }
    .sidebar-navigation.open { left: 0px; }
    .sidebar-navigation-inner h4 { display: inline-block; position: relative; padding-top: 40px; width: 100%; }
    .sidebar-navigation-inner h4:before { display: inline-block; content: 'arrow_back'; font-family: 'Material Icons'; position: absolute; top: 0; font-size: 20px; left: 0; }
    .sidebar-navigation, .sidebar-navigation * { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
    .sidebar-navigation li a { padding: 4px 0; font-size: 16px; }
    .over-lay.open { display: inline-block; }
    .grey-bg .container, .subpage-bg .container { z-index: inherit; }
    .sidebar-navigation-inner { border: none; padding: 0px; }
    .cart-mini-inner h3 { padding: 40px 0px 10px; position: relative; font-size: 18px; }
    .cart-mini-inner h3:before { display: inline-block; content: 'arrow_back'; font-family: 'Material Icons'; position: absolute; top: 0; font-size: 20px; left: 0; }
    .cart-mini-inner { border: none; padding: 10px; }

    /*checkout page*/
    .col-sm-8.right-content, .checkout-page .col-sm-8.forms-checkout, .checkout-page .col-sm-8.forms-checkout+.col-sm-4 { max-width: 100%; display: inline-block; flex: inherit; }
    .checkout-page .col-sm-8.forms-checkout+.col-sm-4 { margin-top: 15px; }
    .checkout-page { padding-top: 0px; }

    /*account*/
    .col-sm-4.sidebar { display: none; }
    .myaccount { padding: 35px 20px; }
    .banner h1 b { font-size: 28px; }
    .header .logo a img { max-height: 40px; }

    /*cart*/
    .detail-body-class .cart-detail-page-responsive { display: inline-block; }
    .detail-body-class .cart-header { display: none; }
    .form-radio-box-home { display: inline-block; width: 100%; }
    .delivery_type .location_box a { margin: 0px; }
    .banner .table-cell .col-md-7 { max-width: 100%; flex: inherit; }
    .delivery_type .box { padding: 15px; }
    .delivery_type .box:after { display: none; }
    .btns .btn { margin-right: 5px; }
    .footer-content .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .startup_section .img_left { width: 100%; height: 250px; }
    .startup_section { padding-top: 270px; min-height: inherit; padding-bottom: 20px; }
    .startup_section h2 { background: none; color: #000; position: relative; font-size: 23px; padding: 0; margin-bottom: 15px; }
    .startup_section .col-md-6, .startup_section .col-md-3 { min-height: inherit; max-width: 100%; flex: inherit; }
    .dominik { position: relative; width: 100%; margin-top: 15px; bottom: -20px; }
    .startup_section h3 { font-size: 20px; font-weight: 400; }
    .icon_border span { width: 100%; }
    .box_link { padding: 15px; min-height: 100%; }
    .owl-carousel-nav .owl-nav button.owl-prev, .owl-carousel-nav .owl-nav button.owl-next { top: -68px; right: 0; width: 30px; height: 30px; line-height: 30px; font-size: 21px; }
    .owl-carousel-nav .owl-nav button.owl-prev { left: auto; right: 40px; }
    .cart-mini-parent .col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .startup_section.startup_section_cs { padding: 20px 0; }
    .startup_section_cs .flex { display: inline-block; width: 100%; }
    .startup_section_cs .icon_border { margin-bottom: 20px; }
    .dominik .name { text-align: left; left: 0px; }
    .startup_section_cs .dominik { bottom: -20px; }
    .back-to-business .box { padding: 20px; }
    .bakerix-business-cta-card .card-1 .card-1-50 { width: 100% }
    .gebiete-lessons-box .col-md-4 img { max-width: 100px; margin-right: 20px; }
    .gebiete-lessons .col-md-6 { max-width: 100%; flex: inherit; }
    .liferung-deine-idee { padding: 50px 0 }
    .product-dark-b2b .col-md-4:nth-child(3) .box img { top: 38px; }
    .product-dark-b2b .col-md-4:nth-child(2) .box img { top: 36px; }
    .yellow-mission { padding: 20px; gap: 10px; justify-content: center; }
    .yellow-mission .box p { font-size: 14px; }
    .bakerix-united-links { position: relative; width: 100%; margin-top: 0px; height: inherit; overflow: hidden; }
    .bakerix-united-links a span.img { height: 110px }
    .bakerix-united .box { padding: 20px; border-radius: 20px }
    .bakerix-united .box .flex-image-content { flex-direction: column; gap: 20px; }
    .bakerix-united .box .img { flex-basis: inherit; margin: 0px; max-width: 45%; }
    .back-to-business .row .col-md-3 { max-width: 50%; flex: 0 0 50%; margin-bottom: 25px }
    .apply-partner-section .row .col-md-6 { max-width: 100%; flex: 0 0 100%; margin-bottom: 20px }
    .back-to-business { padding: 40px 0 10px; }
    .bakerix-features .row .col-md-6 { max-width: 100%; flex: 0 0 100% }
    .nach-technologie-section .box .contents { width: 100% }
    .nach-technologie-section .box { background-position: top right; }
    .kontact-two-section { background: #FBCF53; padding: 0; }
    .kontact-two-section .container { align-items: center; gap: 15px }
    .bakerix-features img { transform: inherit; width: 100% }
    .product-dark-b2b .box h3 { font-size: 25px; margin-bottom: 20px }
    .product-dark-b2b { min-height: 270px }
    .b2b-hospitality { padding: 25px 0 }
    .b2b-hospitality .col-md-8 { max-width: 50%; flex: 0 0 50%; }
    .b2b-hospitality .col-md-4 { max-width: 50%; flex: 0 0 50%; }
    .b2b-strategic-section .box .img-flex { display: none; }
    .kontact-two-section:before { display: none; }
    .ihr-backwaren .col-md-4, .ihr-backwaren .col-md-3 { max-width: 50%; flex: 0 0 50% }
    .ihr-backwaren .col-md-5 { max-width: 100%; flex: 0 0 100% }
    .backerien-hover-boxes .col-md-3 { max-width: 33.33%; flex: 0 0 33.33% }
    .backerien-hover-boxes .first-box h3 { font-size: 25px; }
    .backerien-hover-boxes .second-box p { font-size: 13px; }
    .machen-section .col-md-6 { max-width: 100%; flex: 0 0 100%; }
    .car-machen { position: relative; width: 100%; margin-top: 25px; }
    .inderi-section .comment-box { width: 100%; left: 0px; bottom: 0px; position: relative; padding: 15px; }
    .inderi-section .white-box { width: 100%; position: relative; top: 0px; right: 0px; padding: 15px; }
    .warum-section .flex-warum { flex-direction: column; }
    .weil-section .content { min-width: 400px; width: 400px; }
    .weil-section img { height: 100%; object-fit: cover; }
    .next-level { background-size: contain; background-position: center bottom; padding-bottom: 360px; }
    .next-level .medium { font-size: 16px; }
    .warum-section div.img { min-height: 490px; }
    .weil-die-section { flex-direction: column; }
    .left-person-linked .person-1 { background: none; }
    .ire-ausliferung-left { left: 15px; max-width: 230px; top: 10px; }
    .ire-ausliferung .content { max-width: 100%; }
    .ire-ausliferung-right { right: -10px; top: -30px; max-width: 160px; left: auto; }
    .ire-ausliferung .background-image { padding-left: 270px; justify-content: start; padding-right: 150px; }
    .ire-ausliferung .dark-button-1 { bottom: 1%; left: 9%; }
}

/*tab start*/
@media only screen and (min-width:994px) and (max-width:1080px) {
    .pattern ul li { width: 22%; padding: 15px; }
    .pattern ul li:nth-child(4), .pattern ul li:nth-child(2) { margin-top: 10px }
    .images-right img { max-width: 470px; height: auto; }
    .icon_border span { min-width: 200px; font-size: 16px; }
    .startup_section_cs h3 { font-weight: 400; font-size: 20px; }
    .startup_section_cs h2 { font-size: 22px; }
    .dominik { width: 250px; }
    .dominik img { max-width: 100%; height: auto; }
    .b2b-image-add { display: none; }
    .b2b-image-add-mobile { display: inline-block; width: 100%; text-align: center; background: #fbcf54; }
    .backerien-hover-boxes .second-box { font-size: 14px; }
    .backerien-hover-boxes .first-box h3 { font-size: 25px; }
    .inderi-section .comment-box, .inderi-section .white-box { width: 100%; position: relative; top: 0; padding: 15px; left: 0; bottom: 0; }
    .man-ihr { margin-top: 15px; }
    .next-level { background-size: contain; }
    .next-level .medium { font-size: 17px; }
    .next-level { padding-bottom: 40px; border-bottom: 1px solid #ddd; }
    .ire-ausliferung-left { max-width: 340px; }
    .ire-ausliferung .dark-button-1 { bottom: 3%; left: 13%; }
    .back-to-business .box { min-height: 100% }
    .b2b-strategic-section .box .img-flex { flex-basis: 300px; }
    .nach-technologie-section .box .contents { width: 70%; }
}
@media screen and (max-width:640px) {
    .modal-header .modal-title { box-shadow: none }
    .cart-summary h4 { box-shadow: none; margin-bottom: 40px; }
    .subpage-bg h2 { box-shadow: inherit; }
    .banner-list h2 span { box-shadow: none; }
    .download-apps h3 { text-align: left; }
    footer h3 { box-shadow: none; font-size: 18px; }
    .item-full-content ul li .boxed { border: 1px solid #ddd !important; }
    .cart-summary { border: none; }
    a.re-btn:before { left: 15px; }
    .navigation ul li a { padding: 10px 16px 0px 48px; }
    .myaccount .address_list { border: 1px solid #DDDDDD; }
    .rating-list .options .btn, .address_list .action a { width: inherit; height: inherit; background: none }
    .rating-list .options .btn.remove, .address_list .action a.delete { background: none; }
    .order_list { border: none; border-bottom: 1px solid #ddd !important; }
    .table.cart .td.price { text-align: right }
    .order_list .row { padding-left: 80px; }
    .download-apps { text-align: left; }
    .restaurant-info { padding: 0; }
    .restaurant-info .info { margin: 15px 0px 0px 0px; }
    .menu_width { padding: 15px 0px; }
    .wallet-border .full-div a { margin: 10px 10px; }
    .navigation ul { margin-top: 15px; }
    #change-location .modal-footer .btn { width: 100%; }
    .navigation ul { height: inherit; }
    .refferal-border { display: inline-block; width: 100%; text-align: center; }
    .refferal-border p a { display: inline-block; width: 100%; text-align: center; margin-top: 15px; }
    .refferal-border p { margin: 0px; }
}
@media only screen and (min-width:1050px) and (max-width:1199px) {
    .b2b-image-add { justify-content: center; max-width: 35% }
    .b2b-image-add img { max-width: 330px; }
    .inderi-section .comment-box { left: 0px; padding-right: 265px; }
    .inderi-section .inderi-testimonial { max-width: 400px }
    .weil-die-section .right-person-content .padding-content { padding: 45px; }
    .weil-section .content { min-width: 700px; }
    .warum-section div.img .text-overlay h4 { font-size: 30px; }
    .left-person-linked .person-1 { top: -50px; }
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
    .b2b-image-add { justify-content: center }
    .b2b-image-add img { max-width: 450px; }
    .inderi-section .comment-box { left: 0px; padding-right: 265px; }
    .inderi-section .inderi-testimonial { max-width: 400px }
    .next-level { background-size: contain; background-position: center bottom; }
    .flex-weil img { height: 100%; object-fit: cover; }
    .warum-section h2 { font-size: 18px; }
    .weil-section .content { width: 750px; min-width: 750px; }
    .weil-die-section .right-person-content .padding-content { padding: 25px; }
    .left-person-linked .person-1, .left-person-linked .person-2 { top: -50px; }
}

/*mobile responsive*/
@media only screen and (min-width:571px) and (max-width:600px) {
    .hospitality-box-one .hospital-head-2 { font-size: 100%; line-height: 1.5; }
}
@media only screen and (min-width:521px) and (max-width:570px) {
    .hospitality-box-one .hospital-head-2 { font-size: 100%; line-height: 1.2; }
}
@media only screen and (min-width:466px) and (max-width:520px) {
    .hospitality-box-one .hospital-head-2 { font-size: 95%; line-height: 1.1; }
}
@media only screen and (min-width:466px) and (max-width:520px) {
    .hospitality-box-one .hospital-head-2 { font-size: 95%; line-height: 1.1 }
}
@media only screen and (min-width:421px) and (max-width:465px) {
    .hospitality-box-one .hospital-head-2 { font-size: 88% }
}
@media only screen and (min-width:380px) and (max-width:420px) {
    .hospitality-box-one .hospital-head-2 { font-size: 80% }
}
@media only screen and (max-width:360px) {
    .hospitality-box-one .hospital-head-2 { font-size: 68% }
}
@media only screen and (max-width:335px) {
    .hospitality-box-one .hospital-head-2 { font-size: 60% }
}
@media only screen and (max-width:420px) { }

/*mobile responsive*/