@media (min-width:1350px) and (max-width:1408px) {
    .mobile-color li {
        font-size: .7rem;
    }

    .bottom_part_width_full {
        width: 74.3%;
    }

    .fo-div {
        width: 25%;
    }

    .label-btn-div {
        width: 28%;
        bottom: 64px;
    }

    .suggestion-div>div {
        display: block;
    }

    /* td.currentOrderRowButton{display:none;} */
    .currentDisplayDiv {
        min-height: 4rem;
    }

    .dataContent {
        width: 44%;
    }

    .product_level3_amount {
        width: 22%;
    }
}

@media (min-width:1025px) and (max-width:1350px) {
    .preorder-contain {
        width: 80%;
        margin: 1rem 5rem 1rem;
    }

    .preorder-contain.interval {
        margin: 1.5rem 5rem 1rem;
    }

    .staff-btn {
        padding: .3rem .5rem;
    }

    .feedback-table th:nth-child(3), .feedback-table th:nth-child(4) {
        width: 15%;
    }

    .data-table-gross table th:nth-child(6) {
        width: 13%;
    }

    .balance-section .col-md-6 {
        width: 100%;
        margin-bottom: 1rem;
        flex-basis: 100%;
        max-width: 100%;
    }

    .dispatchTable {
        padding: .5rem 0;
    }

    .form-receipt, .form-Chef {
        max-width: 67%;
        margin-left: 10%;
    }

    .time-track {
        position: relative;
        width: 10%;
        max-width: auto;
        padding: 0;
    }

    .managemenu-list li.sublist ul .data-row p.item-des {
        width: 10rem;
    }

    .managemenu-list li.sublist ul li ul .data-row p.item-des {
        width: 6rem;
    }

    .staffPrivilege .managemenu-list li.sublist ul li ul .data-row p.item-des {
        width: auto;
    }

    .search {
        margin-right: 1rem;
        width: 11rem;
    }

    td.refundTotal {
        font-size: 1.1rem;
    }

    .date-from-untill li {
        padding: .5rem .4rem;
        cursor: pointer;
    }

    .seach-by-all {
        margin-top: .55rem;
    }

    .email-top .col-md-3 {
        padding: 0;
    }

    .date-element-wrapper {
        height: 58px;
    }

    .margin-left10 {
        margin-left: 10rem;
    }

    .date-element-wrapper-hide .margin-left10 {
        margin-left: 1rem;
    }

    .date-element-wrapper-hide {
        -webkit-transform: translateX(calc(-9% - 10px));
        -ms-transform: translateX(calc(-9% - 10px));
        transform: translateX(calc(-9% - 10px));
    }

    .estimated-date .search-keyword-container.active input[type="text"] {
        width: 52rem;
    }

    .select-dateSingle .search-keyword-container.active input[type="text"] {
        width: 43rem;
    }

    .tabblock-section .search-keyword-container.active input[type="text"] {
        width: 61rem;
    }

    .tabblock-section .select-dateSingle .search-keyword-container.active input[type="text"] {
        width: 51rem;
    }

    .data-table-gross .from-dateRange .center-xs.calender-parent, .data-table-gross .untill-dateRange .center-xs.calender-parent {
        justify-content: left;
        height: 4rem;
    }

    .date-from-untill slick {
        width: 336px !important;
        padding: 0;
    }

    .right-side .bank-account-slide .slick-slider {
        width: 100%;
    }

    .bank-account-slide .account-existing {
        width: 100%;
    }

    .credit-card-list-slide .card {
        width: 13.5rem;
    }

    .dispatch-information {
        padding: 4rem 2rem 2rem 2.5rem;
    }

    .date-from-untill .slick-slider .slick-track {
        height: 4rem;
    }

    .date-from-untill li.arrow-for-month {
        height: 4rem;
        line-height: 3rem;
    }

    .from-dateRange li.daytab, .untill-dateRange li.daytab {
        line-height: 2.7rem;
    }

    .searchFocus {
        top: 0;
    }

    .slick-slide .dispatchTable {
        width: 13rem;
    }

    .tabblock-section .searchFocus .search-btn {
        right: 0;
    }

    .tabblock-section .active .close-btn {
        right: 3.5rem;
    }

    .tabblock-section .searchFocus .arrow-btn {
        right: 0;
    }

    .from-dateRange .center-xs {
        justify-content: left;
    }

    .tabblock-section .from-dateRange .center-xs {
        justify-content: center;
    }

    .creditcardRow .card {
        margin: 0 1rem .7rem 0;
    }

    .searchFocus .search-btn {
        margin: 0 .3rem;
    }

    .search-keyword-container.active input[type="text"] {
        width: 52.5rem;
        margin-right: 2.7rem;
    }

    .tabblock-section .no-apply-filter .search-keyword-container.active input[type="text"] {
        width: 53rem;
    }

    .mobile-color li {
        list-style: none;
        display: inline-block;
        font-size: .7rem;
        margin-right: .3rem;
    }

    .minimum-rules .mobile-color li {
        font-size: .85rem;
    }

    .mobile-color li span {
        width: .4rem;
        height: .4rem;
        display: inline-block;
        margin-right: .3rem;
    }

    .daterangepicker-section-selectors ul li {
        margin: 1rem 2.5rem 1.5rem;
        height: 6rem;
        padding: 1.6rem 0;
    }

    .moment-picker.inline {
        padding: 0 !Important;
    }

    .moment-picker td, .moment-picker th {
        height: 2.7rem !Important;
    }

    .filterBadge-item p {
        padding: .5rem .5rem .5rem .2rem;
        line-height: 1.1rem;
    }

    .filterBadge-section.no-scrollbar-section {
        height: 19.5rem;
        overflow: auto;
    }

    #daterangepicker-container .popup {
        max-width: 75rem;
    }

    .report-bg {
        background: url(../images/report3.jpg) no-repeat right 12rem;
        background-size: 85%;
    }

    .cardRules-pre {
        padding: 3rem 3rem 0;
        background-size: 85%;
    }

    .driver-list-section {
        margin: 0 0;
    }

    .btnReport {
        padding: .5rem .4rem;
    }

    .tickBadge i {
        float: left;
        min-height: 2rem;
    }

    .resultPanel table th, .resultPanel table td {
        padding: 0 .2rem !important;
    }

    .preview-btn {
        padding: 0 .6rem;
    }

    .bookTable-wrap {
        max-width: 96.5% !important;
    }

    .order-context-btn {
        margin-right: -8px;
    }

    .product_level1_amount, .product_level2_amount, .product_level3_amount {
        width: 21%;
    }

    tr.order-details {
        margin-top: 15px;
    }

    div#drawerPaymentAdded {
        min-height: 289px;
    }

    .row_bottom_ul .top_right_ul li {
        padding: 12px 11px;
    }

    .row_bottom_ul .top_right_ul li a {
        padding: 4px 0 0;
        display: inline-block;
    }

    .sys-ft-section .navbar {
        border: 0 !important;
    }

    .all-offers {
        padding: 2rem 1rem 5rem 2.1rem;
    }

    .offer-section {
        color: #fff;
        padding: 8rem 1rem 5rem 1rem;
    }

    .deal {
        font-size: .85rem;
    }

    a.btn-draw {
        padding: .5rem;
        font-size: 12px;
    }

    .tooltip .tooltiptext, .tooltiptext {
        margin-left: -64px;
    }

    .data-table-gross table th, .data-table-gross table td {
        padding: .425rem;
    }

    .headerWrap .col-xs-12.col-sm-6.col-md-4.col-lg-3-flex.middle-xs.d-flex-end.d-flex {
        display: none;
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .section-paginator .mobile-color.col-xs-12.col-sm-4.col-md-2.col-lg-2-flex.middle-xs.d-flex {
        max-width: 25%;
        flex-basis: 25%;
    }

    .section-paginator .col-xs-12.col-sm-5.col-md-4.col-lg-4-flex.middle-xs.d-flex {
        flex-basis: 40%;
        max-width: 40%;
    }

    .section-paginator .col-xs-12.col-sm-3.col-md-6.col-lg-6-flex.end-md.end-sm.d-flex {
        flex-basis: 35%;
        max-width: 35%;
    }

    .card-upload p {
        font-size: .7rem;
    }

    .form-receipt, .form-Chef {
        margin-left: 0;
    }

    a.thumbnail-image {
        margin-right: .5rem;
    }

    .col-xs-12.col-sm-12.col-md-7.col-lg-7.p-0 {
        max-width: 100%;
        flex-basis: 100%;
    }

    .tabs>label {
        padding: 1rem .4rem .75rem !important;
    }

    .staff-table th {
        padding: 1rem 0rem;
    }

    .message-detailssms {
        width: 95%;
    }

    .top-message p {
        margin: .5rem;
    }

    .sms-count {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .rules-details-left, .rules-details-right {
        flex-basis: 50%;
        max-width: 50%;
    }

    .rules-amount {
        font-size: .8rem;
    }

    .restricted-Section .rules-details-right, .Area-section .rules-details-right {
        flex-basis: 50%;
    }

    .daterangepicker-section-selectors ul li {
        margin: 1rem .5rem 1.5rem;
    }

    .btnCalender {
        width: 4rem;
    }

    .clock {
        height: clamp(120px, 60vw, 180px) !important;
        width: clamp(120px, 60vw, 180px) !important;
    }

    .data-table-gross .col-md-2 {
        max-width: 25%;
        flex-basis: 25%;
    }

    .data-table-gross .col-md-4 {
        max-width: 40%;
        flex-basis: 40%;
    }

    .data-table-gross .col-md-6 {
        max-width: 35%;
        flex-basis: 35%;
    }

    .dateContain {
        max-width: 3.5rem;
    }

    .balance-section .col-md-6 {
        max-width: 100%;
        flex-basis: 100%;
        margin-bottom: 1rem;
    }

    .col-lg-12 {
        width: 100%;
    }

    .tab-bar {
        margin: 0px 15px 0px 24px;
    }

    .col-md-5.clearAll.borderRight1PX.deviceDetails {
        padding-left: 2rem;
    }

    .cancelButton {
        padding: 8px 20px 9px 20px;
    }

    .top-nav-bar a.navbar-toggle-left {
        padding-left: 2rem;
    }

    .tab-div {
        padding-left: 0;
        width: 97%;
        margin-left: 18px;
    }

    .sub_section {
        padding: 12px 6px 10px 5px;
    }

    .col-md-12.col-sm-12.col-xs-12.order_section {
        padding: 0;
    }

    .button_more {
        margin: 5px 0 5px 0;
    }

    .product_level1_amount {
        width: 48px;
    }

    .product_level1_quantity {
        width: 13px;
    }

    .button_orange {
        padding: 0px 5px 0px 5px;
    }

    tr.order-details {
        margin-left: 0;
    }

    .currentOrderContextServer {
        width: 72%;
        left: 50%;
        transform: translate(-50%);
    }

    .current_drop li {
        background: #2e2c33;
        float: none;
        margin: 0px 0px 5px 5px;
        width: 31.7%;
        display: inline-block;
    }

    .col-lg-1.col-md-1.col-sm-1.col-xs-12.leftOptionPanel.clearAll {
        flex-basis: 20%;
        padding-left: 1.5rem;
        max-width: 20%;
    }

    .col-lg-11.col-md-11.col-sm-11.col-xs-12.dataContainerMarginPaddingResp {
        flex-basis: 80%;
        overflow: hidden;
    }

    div#structure-three-box {
        padding: 0 .5rem;
    }

    .button_red2 {
        margin: 5px 0 5px 20px;
    }

    .bottom_part_width_full {
        width: 74.4%;
    }

    .fo-div {
        width: 25.45%;
        right: 0;
        bottom: 0;
    }

    .right-basketmenu-div {
        margin-right: 0;
        padding-right: 5px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .temp-option-design-div-wrapper {
        margin-left: 0;
    }

    .website-open-settings {
        margin-left: -8px;
    }

    .temp-option-design-div-button {
        padding: 8px;
        font-size: .7rem;
    }

    .right-basketmenu-div .charBox {
        font-size: .75rem;
        padding: 3px;
    }

    .right-basketmenu-div-title {
        padding: 0;
    }

    .website-open-settings .right-basketmenu-div-title {
        padding: 8px;
    }

    .bottom_part_width {
        width: 57.5%;
    }

    .ui-keyboard-button {
        height: 3rem;
        width: 3.25rem;
    }

    .virtual-keyboard {
        height: 265px;
    }

    .fly_box.fly_box_leftright.fly_second .col-lg-9 {
        display: inline-block;
        width: 64%;
        margin-right: .5rem;
        padding: 0 .5rem;
    }

    .currentOrderRowButton {
        font-size: 9px;
        color: #000;
    }

    .resultPanel table th, .resultPanel table td {
        padding: 0 .04rem;
    }

    .order-print-td, .order-more-td, .order-cancel-td, .order-map-td {
        width: 30px !important;
        padding: 0 !important;
    }

    .button-print, .current_buttons {
        font-size: 20px;
    }

    .row_bottom_ul {
        width: 104%;
        height: 106px;
        padding-left: 1.5rem;
        padding-right: .5rem;
    }

    .bottom_part_width {
        width: 74%;
        background: #474649 !important;
    }

    .middle-box-height a {
        width: 100%;
        margin: .3rem;
    }

    div#drawerPaymentAdded {
        min-height: 175px;
    }

    .p-amt-tx {
        margin-left: -10px;
    }

    .row.row_padd.deleteBasketPaymentDrawer_div {
        display: flex;
        justify-content: space-between;
    }

    .row-fluid.bottom-switch.navbar-fixed-bottom.stretchBox.top-part-srch.bottom-part-width.keyboard_left_bar.bottom-product-menu.None.bottom_part_width_full .productSearch {
        width: 73%;
    }

    .payment-modal .delivery_cal2, .payment-modal .delivery_cal {
        height: 7vh;
    }

    .payment-modal .pdngrt0 {
        padding-right: 3px;
    }

    .payment-modal .clear_bgp1 {
        height: 6vh;
    }

    .payment-modal .drawer-btns {
        height: 6vh;
        line-height: 5vh;
    }

    .payment-modal .amnt_btn {
        height: 9vh;
    }

    a.manage-btn.storeBtn {
        left: 0;
    }

    .addEdit-row {
        display: flex;
    }

    .right-side, .space-around {
        padding: 1rem;
    }

    .deleteTime, .rowSubmit, .HourAdd {
        min-width: 6rem;
        padding: .3rem .5rem;
    }

    .offer-box {
        width: 31.6%;
    }

    .combo-offer:before {
        left: 70%;
    }

    .all-offers {
        padding: 1rem 1rem;
        background: #000000ad;
        height: auto;
    }

    .deliver-order {
        padding-left: -3rem;
    }

    .checkbox-assigned {
        left: -15px;
    }

    .driverStaff th:first-child {
        width: 8%;
    }

    .driverStaff th:nth-child(2) {
        width: 10%;
    }

    .driverStaff th:nth-child(4) {
        width: 15%;
    }

    .staff-table .status-icon {
        width: 3rem;
    }

    .wrapDeviceconfiguration {
        padding-right: 2rem;
    }

    .modal-dialog {
        width: 62rem;
    }

    .preorder-row .time-table-item:nth-child(1), .preorder-heading:nth-child(1) {
        flex-basis: 10%;
        max-width: 10%;
        text-align: center;
    }

    .preorder-row .time-table-item:nth-child(2), .preorder-heading:nth-child(2) {
        flex-basis: 24%;
        max-width: 24%;
    }

    .preorder-row .time-table-item:nth-child(3), .preorder-heading:nth-child(3) {
        flex-basis: 17%;
        max-width: 17%;
    }

    table th {
        padding: 1rem .225rem;
    }

    .dispatchTable, .availableBalance {
        padding: .5rem 0;
    }

    .count span {
        font-size: .7rem;
    }

    .dispatch-information, .staff-information {
        padding: 3rem .5rem 2rem .5rem;
    }

    .staff-information {
        padding: 1rem;
    }

    .col-xs-12.col-sm-12.col-md-5.col-lg-5.receipt-wrap {
        max-width: 60%;
        flex-basis: 60%;
    }

    .managemenu-list {
        margin: 0;
    }

    .ml-2N {
        margin-left: 0;
        box-shadow: none;
    }

    .staff-section .general-information {
        margin-right: .3rem;
        margin-top: 0;
    }

    .rules-content-box {
        height: 10rem;
    }

    .cardRules-pre {
        padding: 3rem .5rem .5rem;
    }

    .btnReport {
        padding: .4rem;
    }

    table.customerTable .hiddendiv {
        top: 3.5rem;
        right: 2.5rem;
    }

    .payment-modal .manual-bottom .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .payment-modal .manual-bottom .col-lg-6.col-md-6.col-sm-6.col-xs-6 .btn-cons {
        width: 30%;
        height: 5vh;
        line-height: 4vh;
    }

    .dataContent {
        left: 40px;
        width: 43%;
    }

    .label-btn-div {
        width: 28% !important;
        bottom: 64px;
    }

    .timeMarkerCircle {
        width: 25px;
        height: 25px;
        left: -12px;
        top: -10px;
    }

    .tooltip.discountTooltip .tooltiptext {
        left: 50px;
    }

    .around-space {
        margin: 0 1rem;
        width: 28%;
    }

    .hover-over {
        left: 3rem;
    }

    .queryimg {
        right: -1.5rem;
        width: 3rem;
        height: 3rem;
    }

    .bakeline_wrap .right-side {
        padding: 0;
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        margin: 0 15px;
    }

    ul.top_right_ul {
        float: left;
        width: 100%;
        text-align: center;
        display: block;
    }

    .top_right_ul li {
        padding: 12px 15px;
        float: none !IMPORTANT;
        display: inline-block;
    }

    .sub_section.upLeftBottomRightCorner.toggle-subproduct {
        padding-top: 12px;
    }

    .moment-picker td, .moment-picker th {
        height: 2.2rem !Important;
    }

    .receipt-print .Check-switch .checkout-selection-text-type-five {
        font-size: .75rem;
    }

    .managemenu-list.managemenu-secton li.sublist ul .data-row p.item-des {
        width: 145px;
    }

    .total-used-coupon {
        margin-right: .5rem;
    }

    .no_basket {
        min-height: auto;
    }

    .iFrameDiv.staffSwitz .fancybox-middle-no-margin {
        padding-top: 2rem !important;
    }

    /* td.currentOrderRowButton{display:none;} */
    .view_basket {
        width: 93%;
    }

    .fancybox-middle-no-margin.manualEntryBox .col-md-12 {
        padding-left: 0;
    }

    .suggestion-div>div {
        display: block;
    }

    .sub_section.delivery-client-details {
        margin-left: .5rem;
    }

    .addGroupSection .col-md-12.clearAll.borderRight1PX.deviceDetails {
        flex-basis: 100%;
        max-width: 96%;
        width: 100%;
        padding-top: 70px;
        margin: 0 auto;
    }

    .table-saved {
        width: 13.5rem !important;
    }

    .sidenav.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
        box-shadow: none !important;
    }

    .staff-section .col-md-offset-1 {
        margin-left: 2rem;
    }

    .nav-tab-section.page-editer {
        margin: 0;
    }

    .all-menus {
        margin: 0 -2rem 0 !important;
    }

    .fancybox-middle-no-margin.manualEntryBox .col-lg-4.col-md-4.col-sm-6.col-xs-6 {
        display: inline-block;
        width: 40%;
    }

    .fancybox-middle-no-margin.manualEntryBox .col-lg-8.col-md-8.col-sm-6.col-xs-6 {
        display: inline-block;
        width: 65%;
        padding: 0;
    }

    .nav-tab-section.staff-content {
        margin: 0;
    }

    .product_level3_name, .product_level1_name {
        width: 48%;
    }

    .data-table-gross table th, .data-table-gross table td {
        padding: .425rem;
    }

    .viewing-section {
        width: 20px;
    }

    .toolsContainer.col-md-12 {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .table-saved.row {
        width: 100% !important;
    }

    .design-box .col-sm-1 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-12.col-md-12.col-sm-12.col-xs-12.parentProductPanel.clearAll {
        width: 92%;
    }

    .top-panel {
        position: relative;
    }

    .top-panel ul.device {
        position: absolute;
        right: .5rem;
    }

    .top-panel .col-xs-12.col-md-3.text-right {
        flex-basis: 100%;
        max-width: 100%;
        background: #fff;
        height: 45px;
        z-index: 99;
    }

    .fav-section .timeline-wrapper-block-b:nth-child(2), .fav-section .timeline-wrapper-block-b:nth-child(3) {
        display: none;
    }

    .fav-section .timeline-item {
        padding: 0;
        width: 50px;
    }

    .your-order {
        height: auto;
    }
    .modal-manage-linker .no-scrollbar-list, .modal-manage-group .no-scrollbar-list {
        height: 32vh;
    }
    .modal-manage-linker .col-md-4 .managemenu-list.no-scrollbar-list {
        height: 32vh;
        box-shadow: none;
    }
    .menu-box{
        width: 31.5%;
    }
}

@media (min-width:980px) and (max-width:1023px) {
    .data-table-gross table th:nth-child(2) {
        width: 15%;
    }

    .data-table-gross table th:nth-child(4) {
        width: 20%;
    }

    .data-table-gross table th:nth-child(6) {
        width: 15%;
    }

    .balance-section .col-md-6 {
        max-width: 100%;
        margin-bottom: 1rem;
        flex-basis: 100%;
    }

    .form-receipt, .form-Chef {
        max-width: 40%;
        margin-left: 5%;
        width: 40%;
        flex-basis: 40%;
    }

    .Chef-wrap {
        margin: 0 auto;
    }

    .time-table td {
        padding: .3rem .2rem;
    }

    .tabs>label {
        padding: .89rem .4rem;
    }

    .coupon-name-icon {
        margin-right: .2rem;
    }

    .staff-information .identity {
        width: 5.2rem;
    }

    .feedback-table th:nth-child(3), .feedback-table th:nth-child(4) {
        width: 15%;
    }

    .sidenav {
        min-height: auto;
    }

    .card-shadow .col-md-offset-1 {
        margin-left: 0;
    }

    .search {
        width: 11.5rem;
        transition: 0.5s;
        margin-right: 1rem;
    }

    .dispatchTable {
        padding: .2rem;
    }

    .layer2 {
        display: none;
    }

    .staff-btn {
        padding: .3rem .5rem;
    }

    .col-xs-12.col-sm-12.col-md-7.col-lg-7.p-0 {
        max-width: 100%;
        flex-basis: 100%;
    }

    .dine-overlay {
        left: 20px;
    }

    .bottom_part_width_full {
        width: 74.2%;
    }

    body.pos-wrap {
        padding: 0 1rem;
    }

    .row-fluid.color-col-1.heightFlex.col-md-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .row-fluid.color-col-3.heightFlex.col-md-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .row-fluid.color-col-3.heightFlex.col-md-3 {
        flex-basis: 25%;
        max-width: 25%;
        width: 34vw !important;
    }

    .row-fluid.color-col-1.heightFlex.col-md-7 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .row-fluid.color-col-2.heightFlex.col-md-2 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .button_red2 {
        margin-left: -5px;
    }

    .fo-div {
        width: 25.35%;
    }

    .dispach_link_button .dispach_title h1 {
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }

    .row-fluid.bottom-switch.navbar-fixed-bottom.stretchBox.top-part-srch.bottom-part-width.keyboard_left_bar.bottom-product-menu.Payment.bottom_part_width {
        width: 49.5%;
    }

    .sub-menu-list li a {
        font-size: 13px;
    }

    .productSearch {
        width: 58%;
    }

    #div-middleDrawer .cal_bg {
        padding: 0 .5rem;
    }

    .col-lg-12.price_bg.lil-sml {
        width: 100%;
    }

    .row-fluid.bottom-switch.navbar-fixed-bottom.stretchBox.top-part-srch.bottom-part-width.keyboard_left_bar.bottom-product-menu.Delivery.bottom_part_width {
        width: 49.5%;
    }

    .product_level1_name, .product_level3_name {
        width: 40%;
    }

    .dataContent {
        width: 40%;
    }

    .temp-option-design-div-button {
        background: #58c400;
        padding: .5rem;
        color: #ffffff;
        font-size: 10px;
    }

    .right-basketmenu-div-title {
        font-size: 12px;
    }

    .daterangepicker-section-selectors ul li {
        font-size: .8rem;
        line-height: 2.5rem;
        padding: 2rem .8rem;
        cursor: pointer;
        color: #494848;
        text-align: center;
        margin: 1rem 3.5rem 1.5rem;
        background: #fff;
        border-radius: .3rem;
        box-shadow: 0 27px 24px 0 rgb(0 0 0 / 10%), 0 40px 77px 0 rgb(0 0 0 / 8%) !important;
        height: 7rem;
        width: 21%;
        display: inline-block;
    }

    .withoutFiltering {
        width: 50%;
        margin: 0 auto;
    }

    .modal-dialog {
        width: 53rem;
        margin: 2rem auto;
    }

    .col-md-offset-1 {
        margin-left: 0;
    }

    .main-table {
        width: 100vw;
    }

    .data-table {
        width: 100vw;
    }

    .top-message {
        padding-left: .8rem;
    }

    .top-message p {
        font-size: .7rem;
    }

    .rate-wrap {
        margin-bottom: 1rem;
    }

    .col-lg-12 {
        width: 100%;
    }

    .grid-title.no-border {
        margin-top: 30px;
    }

    .headerWrap .col-xs-12.col-sm-6.col-md-4.col-lg-3-flex.middle-xs.d-flex-end.d-flex {
        display: none;
    }

    .toolsContainer.col-md-12 {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .table-saved.row {
        width: 100% !important;
    }

    .design-box .col-sm-1 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-xs-8.col-sm-8.col-md-11.col-lg-11-flex.middle-xs.d-flex.end-xs.top-header-menu.menu-wrap {
        flex-basis: 90%;
        width: 90%;
        max-width: 90%;
    }

    .client-meaasge-describe .col-md-4 {
        padding: 0 .3rem;
    }

    .offer-box {
        width: 23%;
    }

    .fav-section .timeline-wrapper-block-b:nth-child(2), .fav-section .timeline-wrapper-block-b:nth-child(3) {
        display: none;
    }

    .fav-section .timeline-item {
        padding: 0;
        width: 50px;
    }

    .page-customer-dashboard .around-space {
        margin: 0 1rem;
        width: 29%;
    }

    .pre-next a {
        padding: .01rem;
    }
    .menu-box{
        width:30.5%;
    }
}

@media (min-width:768px) and (max-width:979px) {
    canvas#myChart-Doughnuts, canvas#myChart-bar {
        height: 8.4rem !important;
        object-fit: contain;
    }

    .chart-wrap {
        margin-bottom: 1.3rem;
    }

    span.name-icon {
        margin-right: 4rem;
    }

    .email-text {
        font-size: .7rem;
        word-break: break-word;
    }

    .viewing-section .tooltip {
        left: -3.7rem;
    }

    .nav-tab-section {
        margin: 0;
    }

    .sidenav {
        box-shadow: none;
        min-height: auto;
        padding-bottom: 0;
    }

    .eye {
        margin-left: 0;
    }

    .popup {
        z-index: 9;
    }

    .coupon-wrap {
        margin-bottom: 1rem;
    }

    .rate-wrap {
        margin-bottom: 1.5rem;
        min-height: 8rem;
    }

    .customer-name span.name-icon {
        margin-right: .9rem;
    }

    .add-hour {
        padding: .3rem .5rem;
    }

    .feedback-table th:first-child {
        width: 35%;
    }

    .feedback-table th:nth-child(3), .feedback-table th:nth-child(4) {
        width: 15%;
    }

    .right-side, .space-around {
        padding: 0;
        margin-bottom: 2rem;
    }

    .data-table-gross table th {
        width: auto;
    }

    .balance-section .col-md-6 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .balance-section th:nth-child(2), .balance-section th:nth-child(4) {
        width: 25%;
    }

    .menu-fluid {
        margin: 3.5rem;
        width: auto;
    }

    .megamenu-row .col-md-3 {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .holiday-date-list .col-xs-12.col-sm-12.col-md-7 {
        margin-bottom: 2rem;
    }

    .holiday-date-list li {
        padding: 1rem 1.8%;
    }

    .staff-information {
        margin-top: 1.5rem;
        margin-left: 0;
    }

    .identity {
        word-break: break-word;
    }

    .nav-tab-section .row .meassaging-system {
        margin-left: 0;
        box-shadow: 0 0 10px #ccc;
        padding: 0;
    }

    .top-message {
        margin-left: 0;
    }

    .message-details {
        padding: 1rem;
    }

    .email-top {
        margin: 1rem !important;
    }

    .message-box {
        display: inline-block;
        width: 100%;
    }

    .clientmeaasge-description {
        float: left;
        width: 62%;
    }

    .data-table-gross table th:nth-child(6) {
        width: 20%;
    }

    .m-2 {
        margin: 0;
    }

    .nav-tab-section .row.balance-section {
        padding: 0;
        margin: 1.3rem 0 2rem;
    }

    .sidenav ul, .sitemain-menu {
        padding: 0;
    }

    .time-table td {
        padding: .3rem .2rem;
    }

    .tabs>label {
        padding: .5rem;
    }

    .staff-information .identity {
        width: auto !important;
    }

    .driverStaff .identity {
        width: auto !important;
    }

    .search {
        width: 11rem;
        margin-right: 1rem;
    }

    td.refundTotal {
        font-size: .8rem;
    }

    .layer2 {
        display: none;
    }

    .identity {
        width: 4rem !important;
    }

    .staff-btn {
        padding: .3rem;
        font-size: .7rem;
    }

    .form-receipt, .form-Chef {
        margin: 0;
    }

    .managemenu-list {
        box-shadow: none;
    }

    .ml-2N {
        margin-left: 0;
        box-shadow: none;
    }

    p.item-des {
        width: 40%;
    }

    .left_menu {
        margin-left: 0;
    }

    .all-menus.menu-fluid {
        margin: 0 .5rem;
        width: auto;
    }

    .menu-box-left {
        width: 15%;
    }

    .staff-table th {
        padding: 1rem .25rem;
    }

    .top-message {
        padding-left: .5px;
    }

    .message-detailssms {
        width: 95%;
    }

    .top-message p {
        margin: .5rem;
    }

    .sms-count {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .col-md-4.modal-dialog-inner-left-full {
        width: 50%;
    }

    .email-text, .phone-text, .time-text {
        font-size: .7rem;
    }

    .customerTable th {
        padding: 1rem .225rem;
    }

    .customerTable th:last-child {
        text-align: center;
    }

    .start-row.viewing-section {
        float: right;
    }

    .withoutFiltering img {
        width: 50%;
    }

    .report-wrap {
        width: 100%;
    }

    .report-wrap .report-table {
        padding: 1rem;
    }

    .report-table {
        padding: 1rem;
    }

    .report-card {
        min-width: 8rem !important;
        padding: .5rem;
    }

    .manage-container-left p.item-des {
        width: 100%;
    }

    .deliver-collection-preorder {
        margin: 8rem 0;
    }

    .nav-tab-section .row .preorder-section {
        background-size: cover;
        background: url(../images/orange.png) no-repeat -8rem -1.5rem;
    }

    .preorder-body .col-md-4 {
        margin: 0 auto 2rem;
    }

    .menu-wrap {
        display: none;
    }

    .mobile-headericon-div {
        display: block;
    }

    .col-lg-12 {
        width: 100%;
    }

    .tab-bar {
        margin: 0px 15px 0px 24px;
    }

    .addGroupSection .deviceDetails {
        padding-left: 2rem;
        padding-right: 1rem;
    }

    .addGroupSection .deviceDetails label.sm-control {
        padding: 0;
    }

    .col-md-7.devicenextPart {
        padding-left: 2rem;
        padding-right: 1rem;
    }

    .top-nav-bar a.navbar-toggle-left {
        padding-left: 2.5rem;
    }

    #sidebar-resizer {
        display: none;
    }

    .fo-div {
        bottom: 52px;
        right: 0px;
        width: 100%;
        z-index: 9;
    }

    .bottom_part_width_full {
        width: 100%;
    }

    .bottom-switch {
        background: #2e2c33 !important;
    }

    .cart-onlinebg {
        padding: 1rem 1rem 1rem 2rem;
    }

    tr.order-details {
        margin-left: 0;
    }

    .col-md-12.col-sm-12.col-xs-12.lft-area {
        padding-right: 0;
        padding-left: 1.5rem;
    }

    .order-context-a {
        padding: 15px 2px !important;
        font-weight: 400;
    }

    .currentOrderContextServer {
        width: 67%;
    }

    .current_drop li {
        margin-left: 3px;
    }

    .currentOrderRowButton {
        font-size: 10px;
    }

    .resultPanel table th, .resultPanel table td {
        padding: 0 .09rem;
    }

    .col-lg-1.col-md-1.col-sm-1.col-xs-12.leftOptionPanel.clearAll {
        flex-basis: 20%;
        padding-left: 1.5rem;
        max-width: 20%;
    }

    .col-lg-11.col-md-11.col-sm-11.col-xs-12.dataContainerMarginPaddingResp {
        flex-basis: 80%;
        overflow: hidden;
    }

    .border-line {
        padding-top: 1rem;
    }

    .calenderTime {
        margin: 2rem auto;
    }

    .daterangepicker-section-selectors ul li {
        width: 30%;
        display: inline-block;
        margin: 0 .5rem;
    }

    .dine-overlay p {
        margin-right: 1rem;
    }

    .login-details {
        width: 21rem !important;
    }

    .order_section {
        padding: 3rem 5rem;
    }

    .fly_box.fly_box_leftright.fly_second {
        left: 0 !important;
    }

    .fly_box.fly_box_leftright.fly_second .col-lg-9 {
        display: inline-block;
        width: 64%;
        margin-right: .5rem;
        padding: 0 .5rem;
    }

    #div-middleDrawer {
        float: none;
        width: 50%;
        height: auto !important;
        margin: 0 auto;
    }

    #display-div-1 .heightFlex {
        min-height: 72vh;
    }

    .col-lg-2.deleteBasketPaymentDrawer {
        margin-top: 0px;
        width: 8%;
    }

    .deleteBasketPaymentDrawer_div .col-lg-4 {
        padding: 0 !important;
        width: 20%;
    }

    .deleteBasketPaymentDrawer_div .col-lg-6 {
        padding: 0 !important;
        width: 70%;
        text-align: right;
    }

    .enter_refresh-btn {
        line-height: 10px;
        border-color: #fff;
        color: #fff;
    }

    .enter_crcard-btn, .enter_cash-btn {
        width: 46%;
    }

    .fly_box_leftright {
        left: 0 !important;
    }

    .row_bottom_ul {
        width: 104%;
        height: 106px;
        padding-left: 1.5rem;
        padding-right: .5rem;
    }

    .bottom_part_width {
        width: 100%;
    }

    .htmlDiv.iFrameDivHtml {
        width: 400px !important;
    }

    .driver_link_button .driver_title {
        margin-top: 1rem;
    }

    .fancybox-skin.forFont {
        position: absolute;
        width: 400px;
        left: 0;
        top: 0;
        transform: translate(-70%, 0);
        max-width: 400px;
        min-width: 400px;
    }

    .calculatorModal .fancybox-skin {
        width: 100% !important;
        transform: translate(-26%, 0);
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .time-numcount div {
        font-size: .8rem;
    }

    .time-table-item:nth-child(1) {
        flex-basis: 17%;
        max-width: 17%;
    }

    .time-table-item:nth-child(2) {
        flex-basis: 16%;
        max-width: 16%;
    }

    a.manage-btn.storeBtn {
        min-width: 6rem;
        left: 0;
        padding: .3rem .5rem;
    }

    .time-table-item:nth-child(3), .time-table-item:nth-child(6) {
        flex-basis: 11%;
        max-width: 11%;
    }

    .addEdit-row {
        display: flex;
    }

    .HourAdd, .deleteTime, .rowSubmit {
        min-width: 5rem;
        padding: .3rem .5rem;
    }

    .time-table-item:nth-child(6) {
        margin-left: 1rem;
        flex-basis: 8%;
        max-width: 8%;
    }

    .offer-box {
        width: 47.7%;
    }

    .all-offers {
        padding: 2rem 1rem;
        background: #000000ad;
        height: auto;
    }

    .combo-offer:before {
        left: 70%;
    }

    .box-bakeline {
        width: 300px;
        margin: 25px;
    }

    .store-view {
        margin: 10px 20px;
    }

    .driverStaff th:first-child {
        width: 8%;
    }

    .driverStaff th:nth-child(2) {
        width: 10%;
    }

    .driverStaff th:nth-child(4) {
        width: 15%;
    }

    .staff-section .general-information {
        margin-right: 0;
        margin-top: 1rem;
    }

    .addGroupSection .deviceDetails {
        max-width: 100%;
        flex-basis: 100%;
    }

    .deviceDetails .addGroupSection .form-group {
        display: inline-block;
        flex-wrap: wrap;
        position: initial !IMPORTANT;
        width: 43%;
        margin: 0 1rem !important;
    }

    .wrapDeviceconfiguration {
        padding-right: 2rem;
    }

    .tabcol .form-group {
        width: 43.5%;
        display: inline-block;
        margin: 0 1rem;
    }

    .modal-dialog {
        width: 42rem;
    }

    .design-box .col-lg-2.col-md-2.col-sm-1.col-xs-12 {
        max-width: 30%;
        flex-basis: 30%;
    }

    .design-box .col-lg-9.col-md-9.col-sm-11.col-xs-12 {
        max-width: 65%;
        flex-basis: 65%;
    }

    .toolsContainer.col-md-12 {
        width: 100%;
        margin: .5rem;
    }

    table.customerTable .hiddendiv {
        right: 2.5rem;
    }

    .col-md-7.animationProgress.addSection.marginBottom10.height100.right-side {
        width: 25%;
    }

    .sub_section {
        width: 98.2%;
    }

    .dataContent {
        width: 45%;
    }

    .timeMarkerCircle {
        width: 24px;
        height: 24px;
        left: -12px;
        top: -8px;
    }

    .topright-menu .horizontalScrollParent {
        overflow: auto;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        cursor: pointer;
        position: fixed;
        top: 0;
        background: #e6e6e6;
        left: 0;
        z-index: 9;
    }

    .topright-menu {
        background: transparent;
    }

    .topright-menu .menu-opener {
        position: fixed;
    }

    .sub_section.div_products_root_menu.upLeftBottomRightCorner.outside-click {
        padding-top: 4rem;
    }

    .sub_section.upLeftBottomRightCorner.toggle-subproduct {
        padding-top: 4rem;
    }

    .payment-modal {
        width: 96%;
        left: 2%;
    }

    .payment-modal .delivery_cal, .payment-modal .delivery_cal2 {
        height: 7vh;
        font-size: 22px;
    }

    .payment-modal .drawer-btns {
        height: 7vh;
        line-height: 5vh;
        font-weight: 400;
        font-size: 20px;
    }

    .manual-bottom .col-xs-6 {
        max-width: 100%;
    }

    .payment-modal .down_btn {
        width: 48.5%;
    }

    .toolsContainer.col-md-12 {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .table-saved.row {
        width: 100% !important;
    }

    .design-box .col-sm-1 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .buttonAll-section {
        position: fixed;
        width: 102%;
        bottom: 10px;
        padding: 10px 0 0;
        margin-left: -1.9rem !important;
        background: #111;
        padding-bottom: .5rem;
        margin-bottom: -.6rem;
    }

    .around-space {
        margin: 0 1rem;
        width: 27.4%;
    }

    .dashboard-deatilbox .pre-next {
        margin-right: 0rem;
        position: absolute;
        right: -25px;
        top: -10px;
    }

    .fav-section .timeline-wrapper-block-b:nth-child(2), .fav-section .timeline-wrapper-block-b:nth-child(3) {
        display: none;
    }

    .fav-section .timeline-item {
        padding: 0;
        width: 50px;
    }
    .menu-box{
       width: 46.5%;
    }

}

@media (min-width:480px) and (max-width:767px) {
    .account-existing {
        width: 100%;
    }

    .invoice-list .dine-invoice {
        width: auto;
    }

    .invoice-list p.item-invoice-date {
        position: unset;
        bottom: 0;
        right: 0;
        margin-left: 1rem;
    }

    .dispatchTable {
        margin-bottom: 1rem;
    }

    .right-side .tabs>label {
        min-width: auto;
        padding: .5rem .7rem .5rem;
        clear: inherit;
        text-align: left;
        border-bottom: .0625rem solid #e9e5e5;
    }

    table.invoice td {
        border-bottom: 0;
        display: contents;
    }

    td.align-right.add-redoq {
        width: 100%;
        text-align: left;
    }

    table.invoice tr:nth-child(odd) {
        background: #fff;
    }

    table.invoice tr.totals table tr:nth-last-child(2) td:last-child:after {
        border: 0;
    }

    .layer2 {
        display: none;
    }

    .card-upload {
        margin: 0 .5rem;
    }

    .form-receipt, .form-Chef {
        max-width: 100%;
        margin-left: 0;
    }

    .managemenu-list.managemenu-secton li.sublist .data-row {
        padding-left: 1.8rem;
        border-left: 0;
    }

    .managemenu-list ul li:after, .managemenu-list ul li:before {
        display: none;
    }

    .managemenu-list.managemenu-secton li.sublist ul .data-row {
        padding-left: 1.8rem;
    }

    p.item-des {
        width: 80%;
    }

    .staff-table .status-icon {
        float: right;
        margin-top: -.2rem;
    }

    .menu-box-left {
        width: 13%;
    }

    .rules-discount-details {
        height: 9rem !important;
    }

    .report-wrap {
        width: 100%;
    }

    .report-wrap .report-table {
        padding: 1rem;
    }

    .report-table {
        padding: 1rem;
    }

    .report-table td {
        font-size: .8rem;
        display: inline-block;
        border: 0;
        padding: 0;
        display: inline-block;
        text-align: center;
        width: 9rem !important;
    }

    .report-card {
        min-width: 8rem !important;
        padding: .5rem;
    }

    .dine-invoice-total {
        margin-top: 0 !important;
    }

    resizer#sidebar-resizer {
        display: none;
    }

    .store-view {
        margin: 10px 10px 0 20px;
    }

    .background-cover-image-login {
        height: 100vh !important;
        min-height: 100vh !important;
    }

    .sys-ft-section .navbar {
        border: 0 !important;
    }

    .sys-ft-section ul {
        margin-right: 40px;
    }

    .calculatorModal {
        width: 300px !important;
        height: auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
        opacity: 1 !important;
        overflow: visible !important;
        z-index: 50 !important;
        transform: translate(-50%);
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-6.font-section.history-block {
        max-width: 100% !important;
        flex-basis: 100%;
        max-height: 63px;
        border-radius: 0;
        height: auto;
    }

    .col-lg-1.col-md-1.col-sm-1.col-xs-1.font-items {
        flex-basis: 30%;
        max-width: 30%;
    }

    .col-lg-11.col-md-11.col-sm-11.col-xs-11.font-items {
        max-width: 80%;
    }

    .time-numcount {
        width: 42px;
        height: 34px;
        font-size: 10px;
    }

    .time-val {
        font-size: 13px;
        line-height: 32px;
    }

    .fontSettingMob {
        transform: inherit !important;
        left: 25% !important;
        top: 5% !important;
    }

    .invoice-list .data-row {
        padding: 1.5rem !important;
    }
    .modal-manage-linker .no-scrollbar-list, .modal-manage-group .no-scrollbar-list {
        height: 42vh;
    }
}

@media screen and (max-width:767px) {
    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: .0625rem;
        margin: -.0625rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: .0625rem;
    }

    table tr {
        border-bottom: .0625rem solid #ddd;
        display: block;
        margin-bottom: 0;
    }

    table td {
        border-bottom: .0625rem solid #ddd;
        display: block;
        font-size: .8rem;
        text-align: right;
        min-height: 2.3rem;
    }

    table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 1.2rem;
        font-size: .7rem;
        color: #333;
    }

    table td:last-child {
        border-bottom: 0;
    }

    .chart-wrap {
        margin-bottom: 1.3rem;
    }

    table tr:nth-child(odd) {
        background: #3636360a;
    }

    span.customer-address {
        margin-top: .6rem;
    }

    .checkbox, .radio {
        margin-bottom: 0;
    }

    .status-icon {
        text-align: center;
    }

    h2 {
        font-size: 1.5rem;
    }

    .rate-wrap {
        margin-top: 20px;
    }

    .coupon-details {
        display: block;
    }

    .newCustomer-report td.customer-name {
        display: block;
    }

    .newCustomer-report .report-table td {
        width: 100%;
        display: inline-block;
    }

    .data-table th:nth-child(2), .data-table td:nth-child(2) {
        margin: 0 auto;
    }

    .show-daterangepicker .data-table th:nth-child(2), .show-daterangepicker .data-table td:nth-child(2) {
        margin: 0 auto;
        text-align: center;
         !important;
        margin: 0;
    }

    .myUL.myUL-check li>span.caret.arpita {
        padding: 1.5rem 1.5rem 1.5rem 5rem;
        font-size: .8rem;
    }

    .wrap-color .color-check {
        left: 1.5rem !important;
    }

    .nested li:after {
        left: 2.2rem;
    }

    .nested li:before {
        left: 2.3rem;
    }

    .myUL.myUL-check .color-check {
        left: 6.3rem;
    }

    .myUL.myUL-check p {
        font-size: .8rem;
        left: 10rem;
        width: 4rem;
    }

    li.Sub-list>.form-wrapper-checkbox {
        padding-left: 4.5rem;
    }

    .myUL.myUL-check li.Sub-list>.color-check2 {
        left: 6.3rem !important;
    }

    .myUL.myUL-check li.Sub-list p.caret {
        left: 10rem;
    }

    li.Sub-list .nested li {
        padding-left: 4.5rem;
    }

    li.Sub-list .nested li:after, li.Sub-list .nested li:before {
        left: 2.2rem;
    }

    .myUL.myUL-check li.Sub-list .color-check {
        left: 6.3rem;
    }

    .myUL.myUL-check li.Sub-list p {
        left: 10rem;
    }

    .myUL.myUL-check .caret::before {
        margin-right: 0;
    }

    .nested li {
        padding-left: 4.5rem;
    }

    li.Sub-list {
        padding: 0 !IMPORTANT;
    }

    .tabs>label {
        padding: 0.375rem 0 0.375rem 0;
        margin: 0 0.125rem 0 0;
        text-align: left;
        float: none;
        font-size: .9rem;
        padding: 1rem 2rem .75rem;
        line-height: 1.1rem;
        border-bottom: 0.125rem solid #ffffff;
        background: #f6f6f6;
        width: 100%;
    }

    .forceDisplay .tabs>label {
        display: block;
    }

    .header-menu-tab {
        z-index: 99;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        position: absolute;
        left: 0;
        top: 2rem;
    }

    .right-side {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .coupon-wrap {
        margin-bottom: 1rem;
    }

    canvas#myChart-bar3 {
        display: none !IMPORTANT;
    }

    .popup {
        width: 60%;
    }

    #daterangepicker-container .popup {
        max-width: 100%;
        min-width: 100%;
        width: 100% !IMPORTANT;
        margin: 0;
    }

    .message-date {
        margin-left: .5rem;
    }

    .time-table .open-close.clicker {
        float: right;
        border: 0;
        position: absolute;
        right: .8rem;
    }

    .time-table .profile-details-row-two.switch-container {
        text-align: left;
        float: left;
    }

    .time-table td.text-center:nth-child(3) {
        display: none;
    }

    .menu-fluid {
        margin: 1.5rem;
        width: auto;
    }

    .all-menus.menu-fluid {
        margin: 0;
    }

    .left_menu {
        margin: 0;
    }

    .megamenu-row .col-md-3 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .sidenav {
        min-height: auto;
        padding-bottom: 0;
    }

    .viewing-section .tooltip {
        left: inherit;
        right: -.5rem;
    }

    .viewing-section .tooltip:after {
        left: 87%;
    }

    .card-main .card__part {
        width: 100%;
    }

    .balance-section .col-md-6 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .transfer-wrap {
        padding: .5rem;
    }

    .general-information.m-2 {
        margin: 0 .5rem;
        padding: .5rem .5rem 1rem;
    }

    .legal-contract {
        min-width: 15rem;
        max-width: 15rem;
    }

    .dine-invoice {
        width: 5rem;
        font-size: .72rem;
        line-height: .95rem;
    }

    .box-row {
        margin: .5rem .5rem 2rem;
        padding: .5rem .5rem 1rem;
        overflow: hidden;
    }

    .contact-information {
        margin: 1rem .5rem;
        word-break: break-word;
        padding: 1.5rem;
    }

    .dispatchTable {
        margin-bottom: 1rem;
    }

    .nav-tab-section .row.update-table-section {
        margin: 1rem;
    }

    .mt-40 {
        margin-top: 0;
    }

    .invoice-POS table tr:nth-child(odd) {
        background: none;
        border: 0;
    }

    .invoice-POS table td {
        text-align: left;
        min-height: 2.3rem;
        border: 0;
    }

    .invoice-item {
        width: 70%;
        float: left;
    }

    td.invoice-count {
        float: right;
    }

    tr.item-head {
        clear: both;
    }

    .clicker {
        line-height: 1rem;
    }

    table.time-table td {
        min-height: 2.6rem;
        position: relative;
    }

    table.time-table .add-hour {
        position: absolute;
        right: 0;
        top: .25rem;
    }

    table.time-table .hiddendiv {
        left: inherit;
        right: 0;
    }

    .timeline {
        padding-left: 2rem;
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }

    .holiday-date-list {
        margin: 1rem;
    }

    .holiday-date-list li {
        height: 4.5rem;
    }

    .managemenu-list .color-check {
        display: none;
    }

    .managemenu-list ul li:after {
        left: 2rem;
    }

    .managemenu-list ul li:before {
        left: 2rem;
    }

    .managemenu-list li.sublist .data-row {
        padding-left: 2rem;
        border-bottom: 1px solid #dae1e866 !IMPORTANT;
    }

    .managemenu-list ul li ul li:after, .managemenu-list ul li ul li:before {
        left: 4rem;
    }

    .managemenu-list li.sublist ul .data-row {
        padding-left: 2rem !important;
    }

    p.item-des {
        width: 6.5rem;
    }

    .managemenu-list ul li ul li ul li:after, .managemenu-list ul li ul li ul li:before {
        left: 6rem;
    }

    .managemenu-list li.sublist ul li ul .data-row {
        padding-left: 7.5rem;
    }

    .dispatch-information, .staff-information {
        margin-left: 0;
    }

    .staff-information {
        padding: 1rem 0;
        box-shadow: none;
    }

    .staff-section .checkbox {
        margin-top: .7rem;
    }

    .staff-wrapsection .col-xs-12.col-sm-4.col-md-4.col-md-offset-1 {
        padding: 0;
    }

    .staff-wrapsection .box-row.general-information.mt-40.ng-scope {
        margin: 0 0 2rem;
    }

    .nav-tab-section .row .meassaging-system {
        margin-left: 0;
        box-shadow: 0 0 10px #ccc;
        padding: 0;
        display: block;
        padding-bottom: 1rem;
    }

    .top-message {
        margin-left: 0;
    }

    .message-details {
        padding: 1rem;
    }

    .email-top {
        margin: 1rem !important;
    }

    .rules-details-left {
        flex-basis: 50%;
    }

    .rules-details-right {
        flex-basis: 50%;
    }

    .coupon-name-icon {
        height: 1.5rem !important;
        width: 1.5rem;
        margin: 0;
    }

    .apply-name h1 {
        font-size: .75rem;
    }

    .col-xs-12.col-sm-6.col-md-4.col-lg-3-flex.middle-xs.d-flex.middle-xs {
        max-width: 50%;
    }

    .a.add-category-menu {
        float: right;
        text-align: right;
    }

    .identity {
        width: auto;
    }

    .time-text.text-center {
        text-align: right;
    }

    .transfer-table th:nth-child(2), .transfer-table td:nth-child(2), .transfer-table th:nth-child(4), .transfer-table td:nth-child(4) {
        margin: 0 auto;
        text-align: right;
    }

    .form-element-wrapper-half {
        width: 100%;
        float: none;
    }

    .invoice-list {
        padding-left: 0;
    }

    .date-rate {
        margin-left: 0;
    }

    .feedback-table .start-row {
        float: right;
        text-align: right;
    }

    .clientmeaasge-description {
        width: 80%;
    }

    .open-tab>input:checked+label {
        color: #132ba3;
        border-bottom: .0625rem solid #132ba3;
    }

    .search {
        width: 100%;
        margin-right: 0;
    }

    button.searchButton {
        margin-top: 1rem;
    }

    table.invoice td {
        border-bottom: 0;
        display: contents;
    }

    td.align-right.add-redoq {
        width: 100%;
        text-align: left;
    }

    table.invoice tr:nth-child(odd) {
        background: #fff;
    }

    table.invoice tr.totals table tr:nth-last-child(2) td:last-child:after {
        border: 0;
    }

    .layer2 {
        display: none;
    }

    .seach-by-all {
        display: none;
    }

    /**/
    .nav-tab-section .row {
        max-width: inherit;
    }

    .mobile-color {
        margin-bottom: 1rem;
    }

    .section-paginator .col-xs-12.col-sm-6.col-md-6.col-lg-6-flex.end-xs.d-flex {
        justify-content: flex-start;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .refundAccount {
        margin: 0;
    }

    .name-icon {
        margin: 0;
    }

    #daterangepicker-container table {
        border: 0;
    }

    #daterangepicker-container table caption {
        font-size: 1.3em;
    }

    #daterangepicker-container table thead {
        position: inherit;
        display: table;
        margin: 0 auto;
    }

    #daterangepicker-container table tr {
        border-bottom: 0;
        display: block;
        margin-bottom: 0;
        text-align: center;
    }

    #daterangepicker-container table td {
        border-bottom: 0;
        display: inline-block;
        font-size: .8rem;
        text-align: center !important;
    }

    .moment-picker th:first-child, .moment-picker th:last-child {}

    #daterangepicker-container table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 1.2rem;
        font-size: .7rem;
        color: #333;
    }

    #daterangepicker-container table td:last-child {
        border-bottom: 0;
        overflow: visible;
    }

    #daterangepicker-container table tr:nth-child(odd) {
        background: #fff;
    }

    .open {
        transform: none !important;
    }

    .moment-picker th {
        width: 3rem;
    }

    .moment-picker .month-view td {
        width: 2.8rem;
        height: 2.3rem !IMPORTANT;
        line-height: 2.3rem !IMPORTANT;
    }

    #daterangepicker-container .d-flex {
        display: block;
    }

    #daterangepicker-container .data-table th:nth-child(2), #daterangepicker-container .data-table td:nth-child(2) {
        margin: 0 auto;
        text-align: center !important;
    }

    .calenderTime {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }

    .daterangepicker-section-selectors ul li {
        height: 5rem;
        width: 6rem;
        padding: 1.15rem .5rem;
        margin: 1rem .5rem 1.5rem;
    }

    .calender-row {
        background: #fff;
        box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08);
    }

    .calender-row {
        background: #fff;
        box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08);
    }

    .calender-row thead tr {
        display: flex !IMPORTANT;
        justify-content: center;
        align-items: center;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    .headerWrap .dropdown-menu.action-dropdown {
        position: relative;
        margin-top: .5rem;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 2rem auto;
    }

    .confirm_access_request .modal-dialog {
        width: 96% !important;
    }

    .delete-records-content h3 {
        font-size: .8rem;
    }

    .popup-deletebox {
        width: 100%;
    }

    .delete-records-img img {
        max-width: 4rem;
    }

    .popup-deletebox {
        min-height: 16.5rem;
    }

    .card-details {
        margin-bottom: 2rem;
    }

    .card-shadow .custom-datePickerWrapper.half {
        width: 100%;
        float: left;
    }

    .marketing-left {
        flex-basis: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .marketing-block-right {
        flex-basis: 100%;
        max-width: 100%;
        display: block;
        padding: 0;
    }

    .marketing-block-right .marketing-middle {
        flex-basis: 100%;
        max-width: 100%;
    }

    .marketing-block-right .marketing-right {
        flex-basis: 100%;
        max-width: 100%;
    }

    .message-detailssms {
        padding: 0 0 0 1.5rem;
        position: relative;
        width: 93%;
    }

    .numbers-found {
        margin: 0 1.5rem 0 1.5rem !important;
    }

    .mobile-headericon-div .dropdown-menu {
        z-index: 99;
    }

    .mobile-headericon-div {
        display: block;
    }

    .mobile-headericon-div>.col-xs-12 {
        padding: 0;
    }

    .mobile-headericon-div .dropdown-menu.action-dropdown span {
        text-align: right;
    }

    .tabs>label:last-child {
        box-shadow: 3px 17px 29px #ccc;
    }

    .modal .modal-dialog-inner-left-full {
        width: 85%;
    }

    .dine-invoice-total {
        margin-top: 3rem;
        width: 4.5rem;
        margin-right: 0.7rem;
        text-align: right;
    }

    .form-receipt, .form-Chef {
        max-width: 100%;
        margin-left: 0;
    }

    .managemenu-list {
        box-shadow: none;
    }

    .ml-2N {
        margin-left: 0;
        box-shadow: none;
    }

    .managemenu-list.managemenu-secton li.sublist .data-row {
        padding-left: 1.8rem;
        border: 0;
    }

    .managemenu-list ul li:after, .managemenu-list ul li:before {
        display: none;
    }

    .managemenu-list.managemenu-secton li.sublist ul .data-row {
        padding-left: 1.8rem !important;
    }

    .staff-table .status-icon {
        float: right;
        margin-top: -.2rem;
    }

    .rules-amount {
        font-size: .75rem;
    }

    .system-check {
        position: absolute;
        right: 1rem;
    }

    .rules-content-box {
        max-height: 12rem;
    }

    .discountTooltip i {
        display: none;
    }

    .apply-name span {
        margin-left: 0;
        color: #132ba3;
        font-size: .65rem;
        display: inline-block;
        cursor: pointer;
        margin-top: 0rem;
    }

    .rules-details-left {
        padding-left: 1rem;
    }

    a.add-category-menu.float-right.ng-binding.ng-scope {
        float: right !important;
        margin-top: .5rem;
        margin-right: .5rem;
    }

    .tooltip.discountTooltip .tooltiptext {
        width: 16rem;
        left: 2rem;
        z-index: 9;
    }

    .rules-discount-details {
        height: 12rem;
    }

    .customerTable span.customer-address {
        margin-top: 1rem;
        margin-bottom: .4rem;
    }

    .filter-wrap {
        padding-bottom: 5rem;
    }

    table.customerTable .hiddendiv {
        top: 3rem;
        right: 0;
        left: inherit;
    }

    .start-row.viewing-section .tooltip {
        left: -4rem;
    }

    .report-card {
        min-width: 5rem;
        padding: .5rem;
        height: 195px;
    }

    .system-icon {
        margin-top: 0;
    }

    .right-side .report-card h3 {
        padding: 0;
        font-size: .8rem;
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

    .report-bg {
        background: none;
    }

    .cal-date {
        margin: 0 .15rem;
    }

    .report-wrap {
        width: 100%;
    }

    .report-wrap .report-table {
        padding: .5rem;
        margin: .5rem;
    }

    .report-table {
        padding: 1rem;
    }

    .report-table td {
        font-size: .8rem;
        display: inline-block;
        border: 0;
        padding: 0;
        display: inline-block;
        text-align: center;
        width: 5rem;
        line-height: 2.5rem;
    }

    .report-table table tr {
        border: 0;
        padding: 0;
    }

    .barcode {
        margin-top: 3rem;
    }

    .customerTable a.manage-btn {
        right: 0;
        left: inherit;
    }

    .manage-webpage-design .managemenu-list li.sublist .data-row {
        padding-left: 3.5rem;
    }

    .col-xs-12.col-sm-12.col-md-5.col-lg-5.card-shadow.col-xs-offset-1 {
        margin-left: 0;
    }

    .blog-content-box:nth-child(even) {
        margin-left: 0;
    }

    .delete-records {
        display: block;
    }

    .delete-records-img, .delete-records-content {
        width: 100%;
    }

    .fiterKeyword {
        margin-top: 1rem;
    }

    .col-xs-12.col-sm-12.col-md-12.col-lg-12.p-0 {
        margin: 0 1rem;
    }

    .dispatch-information a.add-category-menu {
        top: 2rem;
        position: absolute;
        right: 0;
        background: none;
        border: 0;
        color: #333;
    }

    .staff-table a.manage-btn {
        right: 0;
        top: 58%;
    }

    .nav-tab-section .row .preorder-section {
        background: none;
    }

    .nav-tab-section .row .preorder-section {
        background: none;
    }

    .nav-tab-section .row .preorder-section .col-xs-12.col-sm-12.col-md-12.col-lg-12 {
        padding-top: 0 !important;
        padding-left: 0 !important;
    }

    .heading-preorder h2, .heading-preorder p {
        color: #333;
    }

    .deliver-collection-preorder {
        margin: 2rem 0 0 0;
    }

    .preorder-contain {
        width: 100%;
        margin: 1rem 0;
    }

    .modal-dialog.invoice-modal {
        width: 95%;
    }

    .nav-tab-section .row .preorder-section {
        margin: 0;
    }

    .preorder-row {
        padding: 2rem .5rem;
        box-shadow: 0 0 10px #6a6b6e33;
    }

    span.Workingday {
        font-size: .7rem;
        margin-left: 0;
    }

    .preorder-heading {
        padding: 0 .2rem;
        font-size: .6rem;
        font-weight: 700;
        text-align: center;
    }

    .preorder-row .optionItems, .time-table-item span {
        font-size: .7rem;
    }

    .preorder-row .time-table-item:nth-child(2), .preorder-heading:nth-child(2) {
        flex-basis: 23%;
        max-width: 23%;
        text-align: center;
    }

    .preorder-row .manage-button-icon {
        padding: 0;
        width: 100%;
    }

    .report-table td {
        width: auto;
    }

    .stack .rules-details-left {
        flex-basis: 65%;
    }

    .stack .rules-details-right {
        flex-basis: 35%;
    }

    .stack .rules-views {
        display: block;
    }

    .stack .total-used-coupon {
        width: 100%;
        margin-bottom: 1rem;
    }

    .menu-wrap {
        display: none;
    }

    .card-upload.col-md-4 {
        width: 30%;
        margin: .2rem;
    }

    .card-upload p {
        font-size: .75rem;
    }

    .popup {
        padding: 1.25rem .5rem;
        box-shadow: none;
    }

    .additional-info .columns {
        width: 50%;
    }

    .invoice-list .data-row {
        padding: .5rem;
    }

    .invoice-btn .delete-description {
        margin-right: 0;
    }

    .managemenu-list li:last-child .data-row {
        border: none;
        margin-bottom: 2rem;
    }

    .scrollArea {
        overflow-y: auto;
    }

    .modal.in .modal-dialog-inner-left-full {
        width: 100% !important;
    }

    .col-lg-12 {
        width: 100%;
    }

    .bottom_part_width {
        width: 100%;
    }

    .productSearch {
        float: left;
        width: 45%;
        margin-left: 0;
    }

    ul.sub-menu-list {
        margin: 0;
        display: flex;
        float: none;
    }

    .navbar-toggle {
        display: none;
    }

    #div-middleDrawer {
        float: none;
        width: 85%;
        height: auto !important;
        margin: 0 auto 2rem;
    }

    #display-div-1 .heightFlex {
        min-height: 100vh;
        width: 100%;
        padding: 0 0 1rem 1rem;
    }

    .resultPanel table tr {
        border-bottom: 0;
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: none;
    }

    .iFrameDivManualEntry {
        left: 50%;
        width: 20rem;
        transform: translate(-50%, 10px);
    }

    .fancybox-middle-no-margin {
        width: 100%;
    }

    .fo-div {
        width: 100%;
        bottom: 53px;
        z-index: 9;
    }

    .foot-bg-sys {
        width: 105%;
        padding-left: 20px;
        background: #2e2c33;
    }

    .toggle-ft-menu {
        border-radius: 0;
        height: 22px;
        width: 76px;
        text-align: center;
        margin-left: auto;
        font-size: 22px;
        cursor: pointer;
        position: absolute;
        top: -22px;
        left: 50%;
        transform: translate(-40%, 0);
    }

    #routedContent {
        min-height: 90vh;
    }

    a.close-menufluid {
        margin-right: 0;
    }

    .tab-bar {
        margin: 0;
        padding-left: 1.5rem;
        width: 107%;
    }

    .grid.simple {
        padding: 0 .5rem;
    }

    .nav-tabs li a {
        color: #777;
        font-size: .8rem;
    }

    .nav>li>a {
        padding: 12px 5px 12px 13px;
        margin-right: 0;
        font-size: .7rem;
    }

    .addGroupSection .deviceDetails {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    .addGroupSection .form-group {
        display: block;
        flex-wrap: wrap;
        position: initial !IMPORTANT;
        padding: 0 2rem 0 1rem !IMPORTANT;
        width: 100%;
    }

    .deviceDetails label.sm-control {
        padding: 0;
    }

    .deviceDetails .col-md-2 {
        margin: 1rem 0;
        float: left;
    }

    .deviceDetails label.col-sm-12.form-label.sm-control {
        display: block;
        clear: both;
    }

    button.menuDescription {
        width: 50px !important;
        float: left;
        margin-left: 0;
    }

    .devicenextPart {
        padding: 1rem 2rem;
    }

    .conf-select .checkbox label {
        line-height: 25px !IMPORTANT;
        padding-left: 36px !important;
    }

    .addGroupSection .form-group .form-group {
        padding: 0 0 !important;
    }

    .col-md-12.deviceSelect.conf-select .ng-scope {
        display: inline-block;
        width: 100%;
        vertical-align: text-top;
    }

    .drawer-lbls, .drawer-dispatch {
        margin-top: 1rem;
    }

    .conf-select label.sm-control {
        padding: 0;
    }

    .col-md-12.deviceSelect.conf-select {
        padding: 0 2rem;
    }

    .right-basketmenu-div.temp-option-design-div {}

    .bottom_part_width_full {
        width: 100%;
    }

    .sub-menu-list li a {
        font-size: 11px;
        padding: 12px 5px 11px 5px;
        min-width: 50px;
    }

    .tab-div {
        padding: 3.5rem 0;
    }

    .bhji {
        min-height: 584px;
        width: 375px;
        padding: 0;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .fly_box_leftright {
        left: 1rem !important;
    }

    .fly_box_leftright:after, .fly_box_leftright:before {
        display: none !important;
    }

    .sub_section.clearSubSectionDesign.clearAll.defult_img_height {
        padding: 1rem;
        margin-left: 3px;
    }

    .dataContent {
        width: 114px;
        text-align: left;
    }

    .order-cancel-td, .order-map-td, .order-print-td, .order-more-td {
        width: 40px !important;
    }

    .resultPanel table th, .resultPanel table td {
        padding: 0 .25rem;
        width: 100%;
        border: 0;
        min-height: auto;
        word-break: break-all;
    }

    .design-edit-button .basketFuctionButton {
        width: 100%;
        margin-bottom: -4px;
    }

    .view_basket {
        padding: 13px 10px;
        margin: 0 auto;
        width: 103%;
        display: block;
    }

    .top-nav-bar a.navbar-toggle-left {}

    .menu-box {
        padding: 1rem;
        width: 97%;
    }

    .config-section {
        flex-basis: 100%;
        max-width: 100%;
    }

    .config {
        width: 100%;
        padding-left: 0;
    }

    .delete.modal.in .modal-dialog {
        padding: 1rem;
    }

    .col-md-12.col-sm-12.col-xs-12.lft-area {
        padding-right: 0;
        padding-left: 0;
    }

    .cart-online img {
        bottom: 2rem;
        width: 100px;
    }

    .bottom-switch {
        background: #2e2c33 !important;
    }

    .row_bottom_ul {
        padding-left: 1rem;
    }

    .sub_section.deliveryFormSection div {
        padding-left: 3.5px;
    }

    .store-view {
        margin: 10px 20px 0 20px;
    }

    .btnStore {
        font-size: .65rem;
    }

    ul.bottom_ul.nav.navbar-nav li {
        border-bottom: 0;
    }

    .toggle-ft-menu {
        background: #333;
        color: #828282;
        top: -21px;
    }

    .right-basketmenu-div {
        margin-bottom: 15px;
        padding-right: 0;
    }

    .sub_section {
        float: none;
        padding: 12px;
    }

    #sidebar-resizer {
        display: none;
    }

    .parentProductPanel.prt-lft {
        margin: 0;
        padding-left: 14px;
    }

    .parentProductPanel.rht-ab {
        padding-left: 0;
        margin-left: 12px;
    }

    table.resultSetTableHorizental tr {
        padding: 0;
    }

    .background-cover-image-login {
        width: 100vw !important;
        height: 40vh !important;
        min-width: 100vw !important;
    }

    .dine-overlay {
        width: auto;
    }

    .dine-overlay p {
        margin-right: 2rem;
    }

    .automate-takeaway {
        padding-top: 10%;
    }

    .login-bg .row {
        margin: 0 8px;
    }

    .login-bg .slick-dots {
        width: 100%;
    }

    .login-details {
        width: auto;
        margin-top: 2rem;
    }

    .log-section {
        position: relative;
        margin: 2rem 1rem;
        width: 92%;
    }

    .login-bg {
        margin-right: -1.2rem;
        margin-left: -.5rem;
    }

    .ui-keyboard-keyset {
        text-align: center;
        padding: .5rem .5rem 0;
    }

    .ui-keyboard-button {
        height: 2rem;
        width: 2rem;
    }

    .ui-keyboard-space {
        width: 100%;
    }

    .nav-right-attr {
        padding: 12px 5px 11px 5px !important;
        min-width: 35px !important;
    }

    .virtual-keyboard {
        height: 518px;
    }

    button.ui-keyboard-button span {
        font-size: 14px !important;
    }

    ul.bottom_ul.nav.navbar-nav li {
        border-bottom: 0 !important;
        min-width: 150px;
        padding: .8rem 0 0;
    }

    .bottom_ul li a span {
        margin: 0 !important;
    }

    .fly_box.fly_box_leftright.fly_second .col-lg-9 {
        display: inline-block;
        width: 65%;
        padding-right: 1rem;
        padding-left: .5rem;
    }

    .create-table-booking {
        width: 58px;
        top: 24px;
        right: 20px;
    }

    .calculatorModal {
        width: 300px !important;
        height: auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
        opacity: 1 !important;
        overflow: visible !important;
        z-index: 50 !important;
        transform: translate(-50%);
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-6.font-section.history-block {
        max-width: 100% !important;
        flex-basis: 100%;
        max-height: 63px;
        border-radius: 0;
        height: auto;
    }

    .col-lg-1.col-md-1.col-sm-1.col-xs-1.font-items {
        flex-basis: 30%;
        max-width: 30%;
    }

    .col-lg-11.col-md-11.col-sm-11.col-xs-11.font-items {
        max-width: 80%;
    }

    .time-numcount {
        width: 42px;
        height: 34px;
        font-size: 10px;
    }

    .time-val {
        font-size: 13px;
        line-height: 32px;
    }

    .fontSettingMob {
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
        top: 50% !important;
    }

    table.resultSetTableHorizental .order-details td {
        width: auto;
    }

    .iFrameDiv {
        position: absolute;
        top: 10vh;
        left: 50% !important;
        z-index: 9999;
        width: 350px;
        margin: 0 auto;
        transform: translate(-50%);
    }

    #map_canvas {
        width: 30% !important;
    }

    .currentOrderContextServer {
        width: 92%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }

    .current_drop li {
        width: 46.5%;
    }

    .data-table-gross {}

    .nav-tab-section .row.balance-section {
        margin: 0;
    }

    .time-table-body-row-layer {
        width: 100%;
        flex-wrap: wrap;
        padding: 1rem .5rem 1.2rem;
        margin: 0 0 1rem;
    }

    .time-table-body .time-table-body-row-layer {
        box-shadow: 0 0 15px #e5e5e6;
    }

    .time-table-item {
        flex: none;
    }

    .time-table-item:nth-child(1) {
        flex-basis:100%;
        max-width:100%;
    }

    .time-table-item:nth-child(2) {
        flex-basis: 48%;
        max-width: 48%;
    }

    .time-table-item:nth-child(3) {
        flex-basis: 50%;
        max-width: 50%;
    }

    .time-table-item:nth-child(6) {
        flex-basis: 50%;
        max-width: 50%;
    }

    .time-table-item:nth-child(5) {
        flex-basis: 48%;
        max-width: 48%;
    }

    .time-table-item:nth-child(4) {
        flex-basis: 8%;
        max-width: 8%;
        display: none;
    }

    .checkout-selection-text-type-five {
        margin: 0;
    }

    .time-table-item:nth-child(2) .manage-button-icon {
        float: left;
    }

    .time-table-item:nth-child(2) .manage-button-icon span {
        font-size: .8rem;
    }

    .HourAdd, .deleteTime {
        min-width: 6rem;
    }

    a.manage-btn.storeBtn {
        top: .3rem;
        min-width: 6.4rem;
        left: .5rem;
    }

    .all-offers {
        padding: 2rem 1rem;
        background: #000000ad;
        height: auto;
    }

    .offer-box {
        width: 100%;
    }

    .combo-offer:before {
        left: 70%;
    }

    .nav-tab-section .bakeline-bg .row {
        max-width: 99%;
        margin: 0 3%;
        display: block;
    }

    .driver-contained-msg {
        padding: 2rem 0;
    }

    .driver-box {
        min-width: 44%;
        padding: .5rem .5rem;
        min-width: 44%;
    }

    .staffgroup-info td, .staffgroup-info th {
        padding: .625rem;
    }

    .nav-tab-section {
        margin: 0 -1rem 0;
    }

    .preorder-row .time-table-item:nth-child(1), .preorder-heading:nth-child(1) {
        flex-basis: 12%;
        max-width: 12%;
        text-align: center;
    }

    .preorder-row .time-table-item:nth-child(6), .preorder-heading:nth-child(6) {
        flex-basis: 20%;
        max-width: 20%;
        text-align: center;
    }

    .design-box {
        display: block !important;
    }

    .design-box .table-design-col {
        margin-left: 0;
    }

    .table-saved {
        width: 100% !important;
    }

    .toolsContainer {
        display: flex;
    }

    .toolsContainer.col-md-12 {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .addEdit-row {
        margin-top: 0.9rem;
        margin-left: 0.4rem;
    }

    .sidenav ul, .sitemain-menu {
        padding: 0;
    }

    .group-menu .managemenu-list li:last-child .data-row {
        margin-bottom: 0;
    }

    .group-menu .managemenu-list li:last-child .data-row {
        border: inherit;
        margin-bottom: 0;
    }

    .switch-container {
        margin-top: 1rem;
    }

    .staff-wrapsection {
        margin: 0 -1.5rem !important;
    }

    .staff-wrapsection .sidenav.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
        padding: 0 .5rem !IMPORTANT;
    }

    .right-side, .space-around {}

    .config-box {
        width: 96%;
    }
    .htmlDiv.welcomeBox {
        max-width: 100%;
    }
    .around-space {
        margin: 0 1rem;
        width: 100%;
    }

    .queryimg {
        right: -1rem;
        width: 3rem;
        height: 3rem;
    }

    .dashboard-deatilbox.mt-3, .dashboard-deatilbox {
        margin-top: 1rem !important;
    }

    .customer-messageImage {
        width: 118%;
    }

    .deliver-left {
        width: 60%;
    }

    .detailed-deliver {
        display: block;
    }

    .col-md-7.animationProgress.addSection.marginBottom10.height100.right-side {
        width: 100%;
    }

    .assign-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        flex-wrap: wrap;
    }

    .refresh-btn {
        width: 100%;
        margin-top: 1rem;
        padding: .5rem 1rem;
        text-align: center;
    }

    .Check-switch {
        width: 100%;
        margin-top: .5rem;
    }

    table.keyboardInputMaster {
        display: none !important;
        left: 0 !important;
        width: 100%;
    }

    .time-table-body-row .preorder-row .time-table-item:nth-child(4), .preorder-heading:nth-child(4) {
        flex-basis: 22%;
        max-width: 22%;
    }

    .basketProduct_div {
        padding-bottom: 25px;
    }

    .col-lg-12.col-md-12.col-sm-12.col-xs-12.parentProductPanel.last {
        padding-left: .5rem;
        padding-right: 0;
    }

    .tooltip .tooltiptext, .tooltiptext {
        margin-left: -64px;
    }

    .system-check .coupon-name-icon {
        margin-left: .1rem;
    }

    .moment-picker td, .moment-picker th {
        height: 3rem !Important;
        min-width: 2.8rem;
        width: 2.8rem;
    }

    .sub_section.div_products_root_menu.upLeftBottomRightCorner.outside-click {
        width: 102%;
    }

    .topright-menu .horizontalScrollParent {
        overflow: auto;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        cursor: pointer;
        position: fixed;
        top: 0;
        background: #e6e6e6;
        z-index: 99;
    }

    .topright-menu {
        background: transparent;
    }

    .topright-menu .menu-opener {
        position: fixed;
    }

    .staffSwitz span.driverDetails {
        width: auto;
    }

    .staffSwitz span.driverDetails a.driver_link_button {
        padding: 0 2rem;
    }

    .payment-modal {
        width: 96%;
        left: 2%;
    }

    .payment-modal .amnt_btn {
        width: 100%;
        height: 5vh;
        font-size: 20px;
        line-height: 2vh;
        display: block;
    }

    .payment-modal .pdngrt0 {
        padding-right: 0px;
        padding-left: 0;
    }

    .col-lg-12.col-md-12.col-sm-12.col-xs-12.pdngrt0 {
        display: flex;
        padding: 0 !important;
        flex-wrap: wrap;
    }

    div#drawerPaymentAdded {
        min-height: auto;
    }

    .payment-modal .delivery_cal, .payment-modal .delivery_cal2 {
        height: 7vh;
        line-height: 3vh;
        font-size: 22px;
    }

    .bgColorDrawer.drawer_middle_payment_box {
        height: 430px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    a.col-lg-4.col-md-4.col-sm-4.col-xs-12.drawer-btns {
        max-width: 33.33%;
        display: inline-block;
    }

    .payment-modal .down_btn {
        width: 47%;
    }

    .manual-bottom .col-xs-6 {
        max-width: 100%;
    }

    .minimum-rules h3 {
        padding: 0 .5rem .5rem;
    }

    .minimum-rules .mobile-color {
        margin: .2rem .5rem;
    }

    .minimum-rules .menu-listing-auto-height.no-scrollbar {
        padding: .5rem 0;
    }

    .rules-amount .text-grey {
        font-size: .65rem;
    }

    .restricted-Section .rules-details-left {
        font-size: 13px;
    }

    .rules-amount {
        font-size: .6rem;
    }

    .row.driverNew {
        width: 360px;
        display: block;
        height: 7rem;
        padding: 0 3rem;
        margin: 0 auto;
    }

    span.newDriver-Btn {
        margin-top: 2rem;
    }

    .driverNew:before {
        top: 45px;
        left: 50%;
    }

    span.otherThan {
        position: absolute;
        left: 42%;
        top: 18%;
    }

    .driverNew>span {
        margin: 1rem .5rem;
    }

    .filterPanel {
        display: block;
    }

    .searchFieldLast {
        margin: .5rem 0;
    }

    .searchFieldFirst {
        margin: .5rem 0;
        float: left;
        width: 100%;
    }

    div#structure-one-box {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .current-mid-panel {
        height: auto;
    }

    .resultPanel.current-mid-panel.scrollAreaFull img {
        display: none;
    }

    .suggestion-div>div {
        display: block;
    }

    form.addValidationDelivery.d-flex {
        display: block;
    }

    .optionList li {
        width: auto;
        margin-right: 5px;
    }

    .wrapDeviceconfiguration {
        padding: 0 1.5rem 0 1rem;
    }

    .data-table .moment-picker-specific-views th:nth-child(2) {
        margin: inherit;
    }

    .row.buttonAll-section {
        margin: 0 !important;
        background: #111;
    }

    .displayScreenWrapper .wrap {
        overflow: hidden;
        padding-bottom: 5rem;
    }

    .row.buttonAll-section {
        max-width: 102% !IMPORTANT;
        margin: 0 0 -.5rem -1rem !IMPORTANT;
        background: #111;
        width: 101%;
        padding-bottom: .5rem;
        padding-left: .95rem;
    }

    .bakeline-settings {
        bottom: 5.5rem;
        right: 1rem;
    }

    .cart-onlinebg {
        max-height: 200px;
        overflow: auto;
        height: auto;
    }

    .fo-div {
        bottom: 0;
    }

    .iFrameDiv .fancybox-top-header {
        width: 100% !important;
    }

    .delivery-display-buttons {
        flex-basis: 33%;
        margin: 0 auto;
    }

    .contentAccorOverRide:first-child ul.optionList {
        padding-top: 3.5rem;
    }

    .dispach_title_large, .dispach_title_small, .dispach_title_medium {
        height: auto !important;
        line-height: auto !important;
    }

    .login-details {
        max-width: 30rem;
        margin: 1.5rem auto 1rem;
        width: 21rem !important;
    }
    .report-table-structure.new-report-structure .report-table td:nth-child(3){
        width: 90%;
    }
    .report-table-structure.new-report-structure .report-table td:nth-child(4){
        width: 90%;
    margin-top: 0;
    }
    .report-table-structure.new-report-structure .report-table td:first-child{
        margin-top: -18px;
	    margin-left: -5px;
	    background: #fff;
	    border: 1px solid #dddddd4f;
    }
    .report-table-structure.new-report-structure .report-table table tr {
	    border: 0;
	    padding: 0;
	    margin-bottom: 2rem;
	    border: 1px solid #dddddd75;
	}
	.report-table-structure.new-report-structure .report-table td:nth-child(2) {
	    width: 100%;
	    display: inline-block;
	    text-align: center; 
	    font-size: 16px;
	}
	.report-table-structure.new-report-structure .report-table .top-referalls {
	    padding-top: 0;
	    text-align: center;
	    width: 90%;
	    margin: 1rem;
	}
}

@media screen and (width:360px) {
    #daterangepicker-container .popup {
        max-width: 20rem;
        width: 18rem;
    }
}

.filter-list {
    position: relative;
}

.dispatch-wrap .color-rules {
    cursor: pointer;
}

h1#welcomePOS {
    color: #fff;
}