    /*MOBILE*/
    @media (max-width: 576px) { 
    .img-icon {
        max-width: 20%;
        min-width: 20%;
    }

    .img-logo {
        max-width: 70%;
        min-width: 70%;
    }

    .navbar-collapse {
        margin-top: -25px;
    }

    .select2 {
        width: 82% !important;
    }

    .footer-ico img {
        height: .6rem;
        margin-top: -4px;
    }

    .btn {
        font-size: 11px;
    }

    .div-products {
        height: 38vh;
    }

    .div-cart {
        margin-top: -1.3rem;
        height: 40vh !important;
    }

    .collapse-mob:not(.show) {
        display: none !important;
    }

    .select2-selection-mob {
        width: 18.4rem !important;
    }

    .w-75 {
        width: 100% !important;
    }

    .page-content-wrapper h3 {
        font-size: 20px !important;
    }

    .fix-table-head {
        overflow: scroll !important;
        height: 60vh;
    }

    .pos-table {
        font-size: .8rem !important;
    }

    .form-control {
        font-size: .8rem !important;   
    }

    tbody {
        font-size: .8rem !important;   
    }

    .modal-mob {
        padding: 0px !important;
    }

    .item-name {
        font-size: .8rem !important;
    }

    .btn-pay-mob {
        font-size: 1.5rem;
    }

    .h2 {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .btn-pay-cart-mob {
        font-size: 1rem;
        padding: .25rem;
    }

    .card-mob {
        padding: 0px !important;
    }

    .modal-mob {
        width: 97% !important;
    }

    .modal-header h5 {
        font-size: .9rem;
    }

    .form-row-mob {
        flex-wrap: inherit !important;
    }

    .row-mob {
        flex-wrap: inherit !important;
    }

    .cust-label {
        width: 10.2rem;
    }

    .form-row-mob label {
        width: 15rem;
    }

    .anc-btn {
        margin-top: 6px;
    }

    /*FIXED TABLE HEADER*/
    .fix-table-head-mob {
        overflow-y: auto;
        height: 60vh;
    }

    .fix-table-head-mob thead th {
        position: sticky;
        top: 0;
    }

    .fix-table-head-mob-50 {
        overflow-y: auto;
        height: 50vh;
    }

    .fix-table-head-mob-50 thead th {
        position: sticky;
        top: 0;
        font-size: .8rem;
    }

    .fix-table-head-mob-40 {
        overflow-y: auto;
        height: 40vh !important;
    }

    .fix-table-head-mob-40 thead th {
        position: sticky;
        top: 0;
        font-size: .8rem;
    }

    .pos-table-mob {
        border-collapse: collapse;
        width: 100%;
    }

    .pos-table-mob th, td {
        padding: 3px !important;
        border-bottom: 1px solid #ccc;
    }

    .pos-table-mob th {
        background: #274f8d;
    }

    .modal-po-mob {
        max-width: 100% !important;
        left: 50% !important;
        top: 50% !important;
    }

}

/*TABLET*/
@media (min-width: 768px) {
    .collapse-mob:not(.show) {
        display: block;
    }

    .div-cart {
        margin-top: 0 !important;
        height: 90vh !important;
    }

    .btn-pay-mob {
        display: none;
    }

    /*FIXED TABLE HEADER*/
    .fix-table-head-mob {
        overflow-y: auto;
        height: 60vh;
    }

    .fix-table-head-mob thead th {
        position: sticky;
        top: 0;
    }

    .pos-table-mob {
        border-collapse: collapse;
        width: 100%;
    }

    .pos-table-mob th, td {
        padding: 3px !important;
        border-bottom: 1px solid #ccc;
    }

    .pos-table-mob th {
        background: #274f8d;
    }
}