@media only screen and (max-width: 991px) {

    .login .bg-img,
    .login .enroll-bg-img,
    .login .biometric-bg-img {
        display: none;
    }

    .login .form-section {
        padding: 30px 15px;
    }

    .noDataWrap .welcomeMsg {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 18px;
        color: #4b77a7;
    }

    .noDataWrap .nstore-dash-img {
        width: 100%;
    }

    .noDataWrap .noDataFound {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 18px;
        color: #4b77a7;
    }

    .noDataWrap .noDataFound p {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    #settings_wrap {
        background-color: #f7fbff;
        border-right: 0px solid #d9e6f9;
        position: absolute;
        width: 96%;
        z-index: 999;
        left: 2%;
        top: 60px;
        height: calc(100vh - 12vh);
        border-radius: 10px;
        border-left: 0px solid #a8bedd;
    }

    .main-wrapper .page-wrapper .pci_header {
        flex-direction: column;
    }


    .main-wrapper .page-wrapper .pci_header_left {
        width: 100%;
        text-align: center;
    }

    .main-wrapper .page-wrapper .pci_header_right {
        width: 100%;
        display: none;
    }

    .storehome_search {
        flex-direction: column;
        gap: 4px;
    }

    .storehome_search_input {
        width: 100%;
    }

    .storehome_search_input input {
        width: 100%;
    }


    .storehome_search_control {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap: 8px;
    }

    .nstore_primary_text {
        display: none;
    }

    .nstore_secondary_text {
        display: none;
    }

    .nstore_success_text {
        display: none;
    }

    /* .nstore_analytic_toggle {
        display: block;
    } */

    .report_search_container_group {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .report_search_item {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 2;
        margin-right: 5px;
    }

    .report_search_container {
        justify-content: flex-end;
        gap: 5px;
        padding-bottom: 5px;
    }

    .report_filter_sort {
        justify-content: space-between;
        display: flex;
        flex-direction: row;
        gap: 2px;
    }

    .report_filter_sort a {
        width: 48%;
    }


    .report_search_container input {
        width: 100%;
        min-width: auto;
    }

    .nStore_whitecard_box {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .nStore_whitecard_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        width: 47%;
        flex-direction: column;
    }

    .nStore_whitecard_body {
        background-color: #ffffff;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        padding: 5px;
        width: 100%;
        box-sizing: border-box;
    }

    .nStore_whitecard_title {
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #333;
    }

    .nStore_whitecard_data {
        font-size: 18px;
        font-weight: bold;
        color: #0e57c1;
        line-height: 1.5;
    }

    .mobile-stack-table {
        border: 0;
    }

    .mobile-stack-table thead {
        display: none;
    }

    .mobile-stack-table tr {
        display: block;
        margin-bottom: 1.5rem;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
    }

    .mobile-stack-table td {
        display: block;
        text-align: right !important;
        font-size: 14px;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 0.75rem 1rem 0.75rem 48% !important;
        min-height: 2.4em;
    }

    .mobile-stack-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 1rem;
        width: 45%;
        padding-right: 0.75rem;
        white-space: normal;
        font-weight: 600;
        text-align: left;
        color: #495057;
    }

    .mobile-stack-table td:last-child {
        border-bottom: none;
    }

    .mobile-stack-table .tbl_item_name,
    .mobile-stack-table .tbl_model_name,
    .mobile-stack-table .tbl_category {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto;
    }

    .mobile-stack-table td {
        word-break: break-word;
    }

    .mobile-stack-table td[data-label="Avl Qty"] strong {
        font-size: 1.25rem;
        font-weight: 700;
    }

    .mobile-stack-table td[data-label="Act Sell Cost"] {
        color: #c9302c;
        font-weight: bold;
    }

    .mobile-stack-table td[data-label="Item Name"] {
        font-weight: 500;
        color: #0d6efd;
    }

    .mobile-stack-table tr:hover {
        background-color: #f8f9fa;
    }

    .table-container {
        padding: 0px;
    }

    .nStoreDataTable .tbl_item_name {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .tbl_model_name {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .tbl_category {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nstore_control_toggle {
        background-color: #dc3545;
        display: flex;
        width: 28px;
        height: 28px;
        align-content: center;
        justify-content: center;
        align-items: center;
        color: #ffffff !important;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 3px;
    }

    .nstore_control_toggle .lindo-arrow-circle-up {
        display: none;
    }

    .nstore_control_toggle.active .lindo-close {
        display: none;
    }

    .nstore_control_toggle.active .lindo-arrow-circle-up {
        display: inline-block;
    }

    .report_filter_item_full {
        width: auto !important;
    }

    .report_filter_item_full .fltr_item_brand_color {
        width: auto !important;
    }


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


    .nStoreDataTable .STR_tbl_slno {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_brand {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_model {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_item {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_category {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_color {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_stock {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_warehouse {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .STR_tbl_rack {
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

}

@media only screen and (max-width: 576px) {

    .report_search_container input {
        width: 100%;
        min-width: auto;
    }

    .report_filter_item {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .report_filter_item_full {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .report_filter_item .fltr_brand {
        width: 100%;
    }

    .report_filter_item .fltr_model {
        width: 100%;
    }

    .report_filter_item .fltr_category {
        width: 100%;
    }

    .report_filter_item .fltr_color {
        width: 100%;
    }

    .report_filter_item .fltr_warehouse {
        width: 100%;
    }

    .report_filter_item .fltr_rack {
        width: 100%;
    }

    .report_filter_item .fltr_customer {
        width: 160px;
    }

    .report_filter_item .fltr_items {
        width: 100%;
    }

    .report_filter_item .fltr_date {
        width: 100%;
    }

    .report_filter_item_full .fltr_oreder {
        width: 100% !important;
    }

    .mobile-stack-table td {
        padding: 0.2rem 0.8rem 0.2rem 30% !important;
        font-size: 0.8rem;
        color: #000000;
        font-weight: normal;
    }

    .mobile-stack-table td:before {
        width: 50%;
    }

    .mobile-stack-table td[data-label]::before {
        font-size: 0.75rem;
        color: #212121;
        font-weight: normal;
    }

    .mobile-stack-table td[data-label="Avl Qty"] strong {
        font-size: 1rem;
    }

    .nStoreDataTable .tbl_item_name {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .tbl_model_name {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .nStoreDataTable .tbl_category {
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .report_filter_item_full {
        width: 300px !important;
    }

    .report_filter_item_full .fltr_item_brand_color {
        width: 300px !important;
    }


    .report_filter_item_full .select2-container {
        width: 300px !important;
    }

    .item_name_code_data {
        display: none !important;
    }
}