@media (max-width: 1400px) {
    .top-menu {
        justify-content: start;
    }
}
@media (min-width: 1200px) {
    .mobile-only {
        display: none !important;
    }
    .desktop-only {
        display: block !important;
    }
    .tableMaterial {
        max-height: 478px;
        overflow-y: auto;
    }
    .tableCorridor {
        max-height: 532px;
        overflow-y: auto;
    }
    .tableCharges {
        max-height: 428px;
        overflow-y: auto;
    }
    .tableMerchandise {
        max-height: 670px;
        overflow-y: auto;
    }
    .tableMerchandise thead th {
        position: sticky;
        top: 0;
        background-color: var(--bs-dark-bg-subtle) !important;
        z-index: 1;
    }
    .tableMerchandise thead th:first-child {
        border-top-left-radius: .375rem;
    }
    .tableMerchandise thead th:last-child {
        border-top-right-radius: .375rem;
    }
    .tableHousekeeping, .tableReceptionist {
        max-height: 680px;
        overflow-y: auto;
    }
    .tableHousekeeping thead th, .tableReceptionist thead th {
        position: sticky;
        top: 0;
        background-color: var(--bs-dark-bg-subtle) !important;
        z-index: 1;
    }
    .tableHousekeeping thead th:first-child, .tableReceptionist thead th:first-child {
        border-top-left-radius: .375rem;
    }
    .tableHousekeeping thead th:last-child, .tableReceptionist thead th:last-child {
        border-top-right-radius: .375rem;
    }
}
@media (max-width: 992px) {
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
    .menu-section {
        font-size: 0.725rem !important;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 5;
    }
    .main-content .right-column {
        width: 100%;
    }
    .roomSection {
        max-height: 100%;
        overflow-y: auto;
    }
    .top-menu {
        justify-content: start;
    }
    input[name="dateIn"] {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }
}
@media (max-width: 768px) {
    body {
        /*--bs-body-font-size: 0.875rem;*/
        --bs-body-font-size: 90%;
        overflow: hidden;
        height: 100%;
        width: 100%;
        position: fixed;
    }
    .main-content .right-column {
        width: 100%;
    }
    .rooms-container, .content-section {
        padding-bottom: 5rem;
    }
    a.dropdown-item {
        font-size: 80%;
    }
    ul.dropdown-menu li a svg {
        width: 20px;
        height: 20px;
    }
    .custom-tabs .nav-link {
        font-size: 80%;
    }
    .btn {
        font-size: 90%;
    }
    table thead tr th,
    table tbody tr td {
        font-size: 90%;
    }
    .menu-section {
        font-size: 0.725rem !important;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 5;
    }
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
    .card-menu {
        width: 100%;
    }
    .card-item {
        justify-content: start;
    }
    #memberSection,
    #checkInSection {
        padding-left: 0;
        padding-right: 0;
    }
    #memberSection .card,
    #checkInSection .card {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    .card-body-sm-px-0 {
        padding: var(--bs-card-spacer-y) 0;
    }
    .button-xs-center {
        display: flex;
        justify-content: center;
    }
    #checkInSection .main-card {
        padding-left: 0;
        padding-right: 0;
    }
    input.discount {
        width: auto;
    }
    .roomSection {
        max-height: 100%;
        overflow-y: auto;
    }
    .roomSection .card {
        width: 100%;
    }
    .redeem-image {
        width: 60px;
        height: 45px;
    }
    .form-control-redeem {
        text-align: start !important;
    }
    #tabContentSummary #summaryReportSection {
        padding: 0;
    }
    #tabContentSummary #summaryReportSection .card {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    #editInvoiceModal .modal-body {
        padding: var(--bs-modal-padding) 0;
    }
    #editInvoiceModal .modal-body .card {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
    input[name="dateIn"] {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }
    .action-button {
        display: flex;
        justify-content: space-between;
        gap: 1rem !important;
        margin-top: 1rem !important;
    }
    .action-button button {
        flex: 1 1 auto !important;
    }
    .form-selectgroup-label {
        font-size: .825rem !important;
    }
}