@media (max-width: 1399.98px){
    .tableUi .order-list__title.d-none-title{
        display: none;
    }
    .tableUi .order-list__titleMb.d-none{
        display: block !important;
        margin: 0 10px;
    }
}
@media screen and (min-width: 700px) and (max-width: 1399.98px){
    .tableUi .order-card-row{
        grid-gap: 4px;
        grid-template-columns: min-content 1fr 1fr min-content;
        grid-template-rows: repeat(4,min-content);
    }
    .tableUi .proccecingMethod{
        grid-column-start: 2;
    }
    .tableUi .order-card-column--checkbox{
        grid-column-start: 1;
        grid-row: 1/-1;
        margin-right: 6px;
    }
    .tableUi .grid3{
        grid-column-start: 3;
    }
    .tableUi .lastGrid{
        grid-column-start: 4;
        grid-row: 1/-1;
    }
}
@media (max-width:1500px) {
    .settingWrpr .cusRow .col-lg-10{
        flex: 0 0 75%;
        max-width: 75%;
    }
    .settingWrpr .cusRow .col-lg-2{
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width:1200px) {
    .mb-15-1200{
        margin-bottom: 15px !important;
    }
    .navbar .container-fluid {
        padding: 0 20px;
    }
    .navbar .nav-link,
    .rightNav .menu-item .navLink {
        padding: 20px;
    }
    .navbar .logo{
        width: 120px;
    }
    .rightNav .notification__counter {
        top: 17px;
    }
}
@media (max-width: 1024px) {
    .w-100-1024 {
        width: 100%;
    }
    .navbar .nav-item.d-block-1024,
    .d-block-1024{
        display: block !important;
    }
    .d-none-1024,
    .navbar .d-none-1024{
        display: none !important;
    }
    .navbar{
        padding: 15px 0 !important;
    }
    .navbar .nav-link {
        border-bottom: none !important;
        padding: 12px 20px;
    }
    .navbar .nav-link.active{
        background-color: #f4faff;
    }
    .navbar.navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #mobile-nav {
        flex-direction: column;
    }

    #mobile-nav-toggle i {
        display: block;
    }

    #nav-menu-container {
        display: none;
    }

    #mobile-nav-toggle {
        display: block !important;
    }
}
@media (max-width:992px) {
    .settingWrpr .d-block-992,
    .d-block-992{
        display: block !important;
    }
    .d-none-992{
        display: none !important;
    }
    .settingWrpr .cusRow{
        flex-direction: column-reverse;
    }
    .settingWrpr .mobileAcNav{
        align-items: center;
        background-color: #0000;
        border: 1px solid #c3c5c7;
        border-radius: 6px;
        color: #606368;
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        transition: background-color .2s ease;
        width: 100%;
    }
    .settingWrpr .sidebarMenu{
        margin-top: 0 !important;
        border-top: 0 !important;
        border-radius: 0 0 6px 6px;
    }
    .settingWrpr .openSidebar .mobileAcNav {
        border-radius: 6px 6px 0 0;
    }
    .settingWrpr .cusRow .col-lg-2,
    .settingWrpr .cusRow .col-lg-10{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .d-none-767{
        display: none !important;
    }
    .cusDatatable .nav-tabs{
        display: block !important;
    }
    .cusDatatable .nav-tabs .nav-link{
        margin-left: 0;
        border-radius: 0;
    }
}
@media (max-width:768px) {
    .editModal .nav-tabs.d-none-768,
    .d-none-768{
        display: none !important;
    }
    .editModal .nav-tabs.mbTabs{
        display: flex!important;
    }
    .editModal .leftTab li{
        width: 20%;
    }
    .editModal .leftTab a {
        padding: 15px 12px;
        border-bottom: 5px solid transparent;
        border-right: none;
    }
    .editModal .leftTab a.active {
        border-bottom-color: #1d97ff;
    }
}
@media (max-width: 699.98px){
    .d-none-600{
        display: none !important;
    }
    .page-item:nth-child(2) .page-link{
        border-radius: 6px 0 0 6px;
        width: 100px;
        justify-content: center;
    }
    .page-item:nth-last-child(2) .page-link{
        border-radius: 0 6px 6px 0;
        width: 100px;
        justify-content: center;
    }
    .tableUi .d-none-700{
        display: none !important;
    }
    .tableUi .proccecingMethod{
        grid-column-start: 2;
    }
    .tableUi .order-card-column--checkbox{
        grid-column-start: 1;
        grid-row: 1/-1;
        margin-right: 6px;
    }
    .tableUi .lastGrid {
        grid-column-start: 3;
        grid-row: 1/-1;
    }
    .tableUi .order-card-row{
        grid-gap: 4px;
        grid-template-columns: min-content 1fr min-content;
        grid-template-rows: repeat(3,min-content);
    }
    .tableUi .dateGrid{
        grid-column-start: 2;
    }
}
@media (max-width: 576px) {
    .w-100-500{
        width: 100% !important;
    }
    .mb-15-576{
        margin-bottom: 15px !important;
    }
    .mb-10-576{
        margin-bottom: 10px !important;
    }
    .p-0-576{
        padding: 0 !important;
    }
    .plr-15-576{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar .container-fluid{
        padding: 0 15px !important;
    }
    .form-control,
    .select2-container--default .select2-selection--single{
        height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 27px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 6px !important;
    }
    .cusDatatable .tableFilter .searchPanel .btn-primary,
    .cusDatatable .tableFilter .searchPanel .ui-button{
        height: 40px;
        line-height: 0;
    }
    .tableUi .accordinUi .cardBody {
        padding: 15px;
    }
    .customTable {
        padding: 10px;
    }
    .customTable thead th {
        padding: 10px 12px;
    }
}