@media (max-width: 767.98px) {
    .buttonIconBar {
        padding: 0.25rem;
        height: 2rem;
        background-color: #000;
        border-radius: 0.25rem;
    }

    #roomBookingFlexBox {
        flex-direction: column;
        height: 35rem;
    }

    #loginBox {
        border: none;
        background-color: transparent;
    }

    .slotBookingSlotBox {
        margin-top: 1.5rem;
        width: unset;
        margin-left: unset;
    }

    #TextFooter {
        display: none;
    }

    .bookListGrid {
        display: block;
    }

    .bookListGrid>.bookListGridTransparentBox {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
    }

    #userInfoImage {
        display: none;
    }

    #userInfoTextContainer .card-title {
        margin-top: 1.5rem;
    }
}

@media (max-width: 1000px) {
    .slotBookingSlotBox {
        margin-left: 0.5rem;
    }
}