@media (min-width: 1700px) and (max-width: 1799px) {
    .cardbox .indicator{max-width:80%;}
    .show-menu .indicator {max-width:65%;}
}
@media (min-width: 1500px) and (max-width: 1699px) {
    .table-card.order-list .dx-toolbar-center {max-width:40%;}
    .search-filter-wrapper > .row,
    .search-filter-wrapper > .row > div[class*="col-"],
    .search-filter-wrapper .search-card{max-height:75vh;}
    .cardbox .indicator {padding:0;max-width:80%;}
    .show-menu .indicator {max-width:72%;}
    .cardbox .cardbox-inner {padding:18px;}
    .cardbox .icon {width:35px;height:35px;}
    .cardbox .icon svg {width:24px;}
    .cardbox h6 {font-size:16px;}
    .cardbox p {font-size:24px;}
    .cardbox .trend a {font-size:12px;}
    .inventory-cards .row {--bs-gutter-x:1rem;}
    .cardbox .value-title span svg {width:18px;height:auto;}
    .modal-dialog {margin:1rem auto;}
    .modal-dialog-centered {
        min-height: calc(100% - 2rem);
        height: calc(100% - 2rem);
    }
}
@media (min-width: 1400px) and (max-width: 1499px) {
    .table-card.order-list .dx-toolbar-center {max-width:36%;}
    .cardbox h6 {font-size:18px;}
    .inventory-cards .row {--bs-gutter-x:1rem;}
    .modal-dialog {margin:1rem auto;}
    .modal-dialog-centered {
        min-height: calc(100% - 2rem);
        height: calc(100% - 2rem);
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    body {
        font: normal 14px 'Figtree', sans-serif !important;
    }
    .header-logo a img {height:35px;}
    .table-card .dx-datagrid .dx-row > td,
    .custom-sidebar ul li a,
    .filter-result h6,
    .btn a,
    .helpbtn a,
    .header a.ico-account,
    .header a.ico-account ~ .saubmenu li a,
    .inputs input[type="text"], .inputs input[type="email"],
    .inputs input[type="tel"], .inputs input[type="password"],
    .inputs input:-internal-autofill-selected,
    .inputs select, .inputs textarea,
    .common-form .buttons button.button-1,
    .nice-select {
        font-size: 14px;
    }
    .helpbtn a svg,
    .custom-sidebar ul li a svg {width:18px;height:auto;}
    .quantity-expand-wrapper .btn {font-size:12px;}
    .common-form .title h6 {font-size:18px;}
    div.page-title h1 {font-size:20px;}
    .cardbox .indicator {padding:0;max-width:45%;}
    .show-menu .indicator {max-width:40%;}
    .cardbox .cardbox-inner {padding:20px;}
    .cardbox .icon {width:32px;height:32px;}
    .cardbox .icon svg {width:24px;}
    .cardbox .value-title span svg {width:16px;height:auto;}
    .cardbox .trend a,
    .cardbox .trend a p {font-size:12px;}
    .cardbox h6 {font-size:12px;}
    .inventory-cards .row {--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
    .inventory-cards .row .col {flex:0 0 50%;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {flex-wrap:wrap;}
    .table-card.order-list .dx-toolbar-center {max-width:100%;width:100%;order:1;padding:16px 0;}
    .dx-toolbar-after, .dx-toolbar-before {position:relative;}
    .table-card .dx-toolbar .dx-toolbar-after {flex-wrap:wrap;width:auto;}
    .orderlist-tab .dx-widget:not(.location-grid) .dx-datagrid-header-panel {padding-bottom:104px;}
    .orderlist-tab .nav-tabs {top:104px;}
    .inventory-cards .row {--bs-gutter-x:1rem;}
    .common-modal .common-form {margin:0;}
    .create-order .common-form .form-row {--bs-gutter-y: 15px;}
    .modal-dialog {margin:1rem auto;}
    .modal-dialog-centered {
        min-height: calc(100% - 2rem);
        height: calc(100% - 2rem);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-logo a img {height:30px;}
    .header-lower .search-box {max-width:500px;}
    .master-column-wrapper .side-2 {position:fixed;top:0;left:-100%;height:100%;width:260px;-ms-flex:0 0 260px;flex:0 0 260px;z-index:999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    .show-menu .master-column-wrapper .side-2 {left:0;width: 260px;-ms-flex: 0 0 260px;flex: 0 0 260px;}
    .show-menu .backdrop {visibility:visible;opacity:1;}
    body.show-menu .custom-sidebar ul li a {font-size:16px;}
    .helpbtn a {justify-content:center;}
    body.show-menu .get-help {visibility:visible;}
    .hamburger .line {width:18px;margin:5px auto;}
    .hamburger .line:nth-child(1) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
    }
    .hamburger .line:nth-child(2) {opacity: 1;}
    .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
    }
    .hamburger.is-active .line:nth-child(2) {opacity: 0;}
    .hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        -o-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }
    .hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {flex-wrap:wrap;}
    .table-card.order-list .dx-toolbar-center {max-width:100%;width:100%;order:1;padding:0;}
    .dx-toolbar-after, .dx-toolbar-before {position:relative;}
    .table-card .dx-toolbar .dx-toolbar-after {flex-wrap:wrap;width:auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
    div.header-lower {justify-content:flex-start;}
    .header-logo a img {height:36px;}
    .hamburger {margin:0 20px 0 0;}
    .header .header-links-wrapper {margin:0 0 0 auto;}
    .header-lower .search-box {max-width:100%;order:1;margin:15px 0 0;}
    .master-column-wrapper .side-2 {position:fixed;top:0;left:-100%;height:100%;width:300px;-ms-flex:0 0 300px;flex:0 0 300px;z-index:999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    .show-menu .master-column-wrapper .side-2 {left:0;width: 300px;-ms-flex: 0 0 300px;flex: 0 0 300px;}
    .show-menu .backdrop {visibility:visible;opacity:1;}
    body.show-menu .custom-sidebar ul li a {font-size:16px;}
    .helpbtn a {justify-content:center;}
    body.show-menu .get-help {visibility:visible;}
    .flyout-cart {width:300px;}
    .mini-shopping-cart {padding:20px;}
    .hamburger .line {width:18px;margin:5px auto;display:block;}
    .hamburger svg {display:none;}
    .hamburger .line:nth-child(1) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
    }
    .hamburger .line:nth-child(2) {opacity: 1;}
    .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
    }
    .hamburger.is-active .line:nth-child(2) {opacity: 0;}
    .hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        -o-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }
    .hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }
    button.btn {font-size:14px;}
    .master-column-wrapper .center-2 {max-height:calc(100vh - 123px);padding:20px 16px 0;}
    .tab-wrapper,
    .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both>.dx-scrollable-wrapper>.dx-scrollable-container,
    .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers+.dx-datagrid-rowsview {overflow:visible;}
    .table-card .dx-toolbar {margin-top:20px;}
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {flex-wrap:wrap;}
    .table-card.order-list .dx-toolbar-center {max-width:100%;width:100%;order:1;padding:0;}
    .dx-toolbar-after, .dx-toolbar-before {position:relative;}
    .table-card .dx-toolbar .dx-toolbar-after {flex-wrap:wrap;width:auto;}
    .table-card {}
    .orderlist-tab .nav-tabs {position:relative;top:0;}
    .orderlist-tab .dx-widget:not(.location-grid) .dx-datagrid-header-panel {padding-bottom:0;}
    .dx-toolbar-after .dx-toolbar-item:last-child,
    .dx-toolbar .dx-toolbar-after {padding:0;}
    .status-dropdown label {margin:0 10px 0 0;}
    .status-dropdown .dx-dropdownbox {max-width:100%;}
    .table-card .dx-toolbar .dx-toolbar-after .dx-toolbar-item.search-item {width:200px;}
    .table-card .dx-toolbar .dx-toolbar-after .dx-toolbar-item.input-select {width:260px;}
    .table-card .dx-toolbar .dx-toolbar-after .dx-toolbar-item, .inventory-grid .dx-toolbar .dx-toolbar-after .dx-toolbar-item {display:block;}
    .table-card .dx-toolbar .dx-texteditor.dx-editor-outlined, .inventory-grid .dx-toolbar .dx-texteditor.dx-editor-outlined {width:100% !important;margin:0;}
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {height:auto;}
    .dx-datagrid .orderlist-mobile {display:table-cell;}
    .dx-toolbar .dx-toolbar-menu-container,
    .table-card .dx-datagrid-headers,
    .orderlist-tab .table-card .dx-widget .dx-datagrid colgroup > col:not(:last-child),
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-datagrid-filter-row) > .dx-command-expand,
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-master-detail-row) > td:not(.orderlist-mobile) {display: none;}
    .table-card .dx-widget {height:auto !important;}
    .table-card .dx-master-detail-row {position:fixed;top:120px;left:0;bottom:0;right:0;z-index:2;background:var(--body-light);padding:100px 0 0;}
    .dx-datagrid-borders .dx-datagrid-rowsview, 
    .dx-datagrid-headers+.dx-datagrid-rowsview {background:transparent;border-radius:0;}
    .table-card.order-list tbody {display:flex;flex-wrap:wrap;}
    .table-card.order-list .dx-datagrid-rowsview .dx-row {width:50%;}
    .table-card.order-list .dx-datagrid-rowsview .dx-row.dx-master-detail-row {width:100%;}
    .table-card .dx-datagrid .dx-row>td {border:0;padding:5px 0;}
    .table-card .dx-datagrid .dx-row > .dx-master-detail-cell {background:transparent;border-color:transparent;padding:5px 16px;}
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td {width:100% !important;}
    .table-card .dx-datagrid-borders > .dx-pager {position:fixed;bottom:0;left:0;background:var(--body-light);z-index:1;padding:10px 18px;}
    .table-card .dx-datagrid .dx-row > td {font-size:14px;}
    .table-card .order-status.inbound .order-step .icon::after {left:calc(-100% - 62px);}
    .table-card.order-list .btnbox:not(.status-btn) .btn-type {min-width:1px;}
    .master-detail-title {font-size:18px;color:var(--text-black);font-weight:500;line-height:1.2222;padding:0 0 16px;display:flex;align-items:center;}
    .master-detail-title button {border:0;background:transparent;outline:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 10px 0 0;}
}
@media (max-width: 767px) {
    body{font: normal 14px 'Figtree', sans-serif !important;}
    div.header-lower {justify-content:flex-start;}
    .show-menu .header-lower .header-logo,
    .header-lower .header-logo {width:auto;margin:0;padding:0;box-shadow:none;align-self:center;}
    .header-logo a img {height:36px;display:none;}
    .header-logo a img.store-logo-icon {position:relative;top:0;left:0;transform:translate(0,0);display:block;opacity:1;}
    .hamburger {margin:0 0 0 10px;order:1;}
    .header .header-links-wrapper {flex:1;justify-content:flex-end;}
    .header-lower .search-box {max-width:100%;order:1;margin:15px 0 0;}
    .header-lower .search-box form input {background:var(--body-light);}
    .master-column-wrapper .side-2 {position:fixed;top:0;left:-100%;height:100%;width:100%;-ms-flex:0 0 100%;flex:0 0 100%;z-index:999;visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    .show-menu .master-column-wrapper .side-2 {left:0;width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;visibility:visible;}
    body.show-menu .custom-sidebar ul li a {font-size:16px;}
    .show-menu .backdrop {visibility:visible;opacity:1;}
    .header a.ico-account {font-size:0;}
    .header a.ico-account > svg {display:none; }
    .helpbtn a {justify-content:center;}
    body.show-menu .get-help {visibility:visible;}
    .flyout-cart {width:300px;}
    .mini-shopping-cart {padding:20px;}
    .hamburger svg {display:none;}
    .hamburger .line {width:18px;margin:5px auto;display:block;}
    .hamburger .line:nth-child(1) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
    }
    .hamburger .line:nth-child(2) {opacity: 1;}
    .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
    }
    .hamburger.is-active .line:nth-child(2) {opacity: 0;}
    .hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        -o-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }
    .hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }
    .header #topcartlink {display:none;}
    button.btn {font-size:14px;}
    .master-column-wrapper .center-2 {max-height:calc(100vh - 123px);padding:20px 16px;}
    .tab-wrapper,
    .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both>.dx-scrollable-wrapper>.dx-scrollable-container,
    .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers+.dx-datagrid-rowsview {overflow:visible;}
    .table-card .dx-toolbar {margin-top:20px;margin-bottom:10px;}
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {flex-wrap:wrap;}
    .table-card.order-list .dx-toolbar-center {max-width:100%;order:1;padding:0;width:100%}
    .dx-toolbar-after, .dx-toolbar-before {position:relative;}
    .table-card .dx-toolbar .dx-toolbar-after {flex-wrap:wrap;}
    .table-card {}
    .orderlist-tab .nav-tabs {position:relative;top:0;}
    .orderlist-tab .dx-widget:not(.location-grid) .dx-datagrid-header-panel {padding-bottom:0;}
    .dx-toolbar-after .dx-toolbar-item:last-child,
    .dx-toolbar .dx-toolbar-after {padding:0;}
    .table-card.order-list .dx-toolbar-after .dx-toolbar-item.input-select,
    .table-card.order-list .dx-toolbar-after .dx-toolbar-item.search-item {width:100%;}
    .status-dropdown {flex-direction:column;align-items:flex-start;}
    .status-dropdown label {margin:0 0 8px 0;color:var(--text-black);}
    .status-dropdown .dx-dropdownbox {max-width:100%;}
    .table-card .dx-toolbar .dx-toolbar-before {padding:0;}
    .table-card .dx-toolbar .dx-texteditor.dx-editor-outlined, .inventory-grid .dx-toolbar .dx-texteditor.dx-editor-outlined {width:100% !important;margin:0;}
    .table-card .dx-toolbar .dx-toolbar-items-container, .inventory-grid .dx-toolbar .dx-toolbar-items-container {height:auto;}
    .table-card .dx-toolbar .dx-toolbar-after .dx-toolbar-item, .inventory-grid .dx-toolbar .dx-toolbar-after .dx-toolbar-item {padding:15px 0 0;}
    .table-card .dx-toolbar-after .dx-toolbar-item.dx-clear-filter {order:1;padding:0;margin:10px 0 0;background:var(--body-light);border-radius:10px;display:flex;justify-content:center;align-items:center;}
    .dx-clear-filter .dx-button-has-icon .dx-button-content {display:flex;flex-direction:row-reverse;}
    .dx-toolbar-after .dx-toolbar-button.dx-toolbar-item .dx-button .dx-icon {width:20px;height:20px;font-size:0;margin:0 0 0 5px;}
    .dx-datagrid .orderlist-mobile {display:table-cell;}
    .dx-toolbar .dx-toolbar-menu-container,
    .table-card .dx-datagrid-headers,
    .orderlist-tab .table-card .dx-widget .dx-datagrid colgroup > col:not(:last-child),
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-datagrid-filter-row) > .dx-command-expand,
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-master-detail-row) > td:not(.orderlist-mobile) {display: none;}
    .order-list >  .dx-widget {position:relative;z-index:2;}
    .table-card .dx-widget {height:auto !important;}
    .table-card .dx-master-detail-row {position:fixed;top:118px;left:0;bottom:0;right:0;z-index:2;background:var(--body-light);padding:20px 10px 0;overflow:auto;}
    .admin-bar .table-card .dx-master-detail-row {top:148px;}
    .dx-datagrid-borders .dx-datagrid-rowsview, 
    .dx-datagrid-headers+.dx-datagrid-rowsview {background:transparent;border-radius:0;}
    .table-card .dx-datagrid .dx-row>td {border:0;padding:5px 0;}
    .table-card .dx-datagrid .dx-row > .dx-master-detail-cell {background:transparent;border-color:transparent;padding:5px 16px;}
    .orderlist-tab .table-card .dx-widget .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td {width:100% !important;}
    .table-card .dx-datagrid-borders > .dx-pager {position:sticky;bottom:-20px;left:0;background:var(--body-light);z-index:1;padding:10px 0;}
    .admin-bar .table-card .dx-datagrid-borders > .dx-pager {bottom:10px;} 
    .table-card .dx-datagrid .dx-row > td {font-size:14px;}
    .table-card #ArchivedOrderListContainer .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td, 
    .table-card #orderListContainer .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td {padding:10px 0;}
    .table-card .order-status.inbound .order-step .icon::after {left:-100%;}
    .table-card.order-list .btnbox:not(.status-btn) .btn-type {min-width:1px;}
    .master-detail-title {font-size:18px;color:var(--text-black);font-weight:500;line-height:1.2222;padding:0 0 16px;display:flex;align-items:center;}
    .master-detail-title button {border:0;background:transparent;outline:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 10px 0 0;}
    .dx-page-sizes .dx-selectbox {width:100px !important;}
    .dx-pager.dx-light-mode .dx-page-index, 
    .dx-pagination.dx-light-mode .dx-page-index {min-width:40px;}
    .table-card .dx-datagrid .dx-row > td:empty{display:none;}
    .table-card .dx-datagrid .dx-row > .dx-master-detail-cell > .dx-widget {background:transparent;}
    .orderlist-tab .tab-content {position:relative;z-index:5;}
}
@media (max-width: 374px) {
    .orderlist-mobile .order-header .mobile-order-status{max-width:56%;}
}