@media (max-width: 1650px) {
    /* Datatable responsive -------------------------------------------*/
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
        cursor: default !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
        position: relative;
        padding-left: 50px;
        cursor: pointer;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 22px;
        left: 15px;
        height: 18px;
        width: 18px;
        border: 0;
        display: block !important;
        position: absolute;
        border-radius: 50%;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        line-height: 19px;
        content: "+";
        background-color: #bfbfbf;
        color: #fff;
        font-size: 18px;
        top: 21px;
    }

    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr.parent
        > td:first-child:before,
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr.parent
        > th:first-child:before {
        content: "−";
        background-color: #bfbfbf;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr
        > td.dataTables_empty:before {
        display: none !important;
    }

    table.dataTable.dtr-inline.collapsed tbody tr td.child {
        padding: 20px !important;
    }

    table.dataTable.dtr-inline.collapsed tbody tr td.child ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }

    table.dataTable.dtr-inline.collapsed tbody tr td.child ul li {
        border: 1px solid #e3e6f0;
        flex: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
    }

    table.dataTable.dtr-inline.collapsed tbody tr td.child ul li .dtr-title {
        font-weight: 600;
    }

    table.dataTable.dtr-inline.collapsed tbody tr td.child ul li .dtr-data {
        text-align: right;
        margin-left: 10px;
    }

    .listing-container .table tbody tr td {
        border: none;
        border-bottom: 1px solid #e3e6f0;
        border-radius: 0;
    }

    /* End of Datatable responsive -------------------------------------------*/
}

/* Mini Desktop View */
@media (max-width: 1399.98px) {
    .order-listing-table .datatables .innerDatatable .table .status {
        min-width: 75px;
    }
    .filters-option {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* iPad portrait View */
@media (max-width: 1281px) {
    .topbar #sidebarToggleTop {
        color: #2a3142;
    }

    #content-wrapper {
        padding-left: 0 !important;
    }

    .sidebar.toggled .nav-item .collapse {
        position: initial;
    }

    .sidebar {
        width: 14rem !important;
        left: -100%;
    }

    .sidebar.toggled {
        width: 14rem !important;
        left: 0;
    }

    .sidebar .nav-item .nav-link span,
    .sidebar.toggled .nav-item .nav-link span,
    .sidebar .nav-item .nav-link[data-toggle="collapse"]::after,
    .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
        display: block;
    }

    .sidebar #sidebarToggle::after {
        content: "\F105";
    }

    .sidebar.toggled #sidebarToggle::after {
        content: "\F104";
    }

    .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
        display: block !important;
    }

    .res-hide {
        display: none !important;
    }

    .navbar .toggle-hide {
        display: block !important;
    }

    .topbar {
        max-width: 100%;
    }

    .select2-container {
        width: auto !important;
        display: block !important;
    }

    .commonTable .card .table-wrapper table thead tr th,
    .commonTable .card .table-wrapper table tbody tr th:first-child,
    .commonTable .card .table-wrapper table tbody tr th:last-child,
    .commonTable .card .table-wrapper table tbody tr td,
    .commonTable .card .table-wrapper table tbody tr td:first-child,
    .commonTable .card .table-wrapper table tbody tr td:last-child {
        border-radius: 0 !important;
    }

    .commonTable .card .table-wrapper table tr th {
        border: 1px solid #cccccc !important;
    }

    .commonTable .card .table-wrapper table tr td {
        border: 1px solid #e6e6e6 !important;
    }

    .commonTable .card .table-wrapper table thead tr th,
    .commonTable .card .table-wrapper table tbody tr td {
        border-left: 0 !important;
        vertical-align: top !important;
    }
    .commonTable .card .table-wrapper table tbody tr td:first-child {
        border-left: 1px solid #e6e6e6 !important;
    }

    .table-wrapper #orders-list_wrapper.dataTables_wrapper .paginationRow {
        padding: 20px 0px !important;
    }

    .listing-container .table thead tr th:first-child,
    .listing-container .table tbody tr td:first-child {
        text-align: center;
    }

    .res-gap {
        row-gap: 12px;
    }

    .modal-dialog {
        max-width: calc(100% - 3.5rem);
    }
    .orders-filter {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mini iPad View */
@media (max-width: 991.98px) {
    .header-searchbar {
        width: 250px;
    }

    .page-title {
        font-size: 26px;
    }

    .resourceCardWrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile portrait View */
@media (max-width: 767.98px) {
    .sidebar {
        overflow-y: auto !important;
        max-height: 100%;
    }
}

/* Mobile View */
@media (max-width: 575.98px) {
}