/* MOBILE */

@media (max-width: 600px) {
    /*Header*/
    .CustomLoading {
        background: unset !important;
    }
    .titleSideBar {
        font-size: 25px !important;
    }
    #logoAlef {
        display: none !important;
    }
    /*Header END*/

    /*MENU*/
    .sideBarMenu {
        width: 60% !important;
        height: 100vh;
        border-radius: 0;
        padding: 1.5rem;
        background-color: rgba(32, 63, 93, 0.95) !important;
    }
    .profile-pic {
        width: 50% !important;
        padding-top: 20px;
    }
    .sideBarMenu button {
        font-size: 16px;
        padding: 12px 20px;
    }
    #hamburgerMenu {
        top: 20px !important;
        right: 20px !important;
    }
    /*END MENU*/

    /*Section 1*/
    #SetCalendarDateTime {
        margin-top: 60px !important;
        margin-bottom: 50px !important;
    }
    #nextBtn {
        width: 100% !important;
    }
    #roomGrid {
        height: fit-content !important;
        overflow-y: auto;
    }
    /*Section 1 END*/

    /*Section 2*/
    #section-2 {
        height: 83vh !important;
        overflow-y: auto;
    }
    #section-2 > div:nth-child(2) {
        width: 100% !important;
    }
    #section-2 > div.row.m-0.p-0.mb-4 > div:nth-child(2) {
        display: none !important;
    }
    #section-2 > div:nth-child(3) {
        width: 100% !important;
    }
    #submitBtn {
        width: 100%;
    }
    #selectingTimes {
        padding-top: 25px !important;
    }
    #waitingCalendar {
        display: none !important;
    }
    .fontSizeMobile {
        font-size: 11px;
    }
    /*Section 2 END*/

    /*  Section 3  */
    #meetSection > div.m-auto.pb-2 {
        width: 350px !important;
    }
    #meetSection > div.row.pl-3.m-0 {
        margin: 0 !important;
        padding-left: .75rem !important;
    }
    .info-table {
        width: 355px !important;
    }
    /*  Section 3 END  */
    .equipmentItems {
        font-size: 9px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding-top: 10px !important;
    }
    #reservesTable > tbody {
        font-size: 11px !important;
    }
}