/*xl applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    #main_content {
        margin-left: 0px;
    }
    .mobileHeader {
        height: 60px;
        position: relative;
        background: #fff;
        padding: 0.8rem 1rem;
        box-shadow: 0 1px 1px rgb(0 0 0 / 12%);
    }
    .mobileHeader i {
        font-size: 1.5rem;
    }
    .offcanvas-body #Left_Nav {
        width: 350px;
        display: block !important;
    }
    .offcanvas-start {
        width: 350px !important;
    }
    .offcanvas-header .btn-close {
        z-index: 9999;
    }
    #logo-sec {
        width: 150px;
        border: 0px;
        margin-bottom: 0.5rem;
    }
    .users-nav-pills .nav-item>.nav-link {
        margin-right: 1rem;
    }
    .toy_name {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .checkboxMiddleAlign tr td .custom-checkbox {
        display: flex;
        align-items: center;
    }
    .table-responsive table thead tr th {
        white-space: nowrap;
    }

    .menu-vertical-nav {
        height: calc(100vh - 110px);
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    body {
        overflow: hidden;
    }
    .franchise-name {
        margin-left: 15px;
    }
    .pht-cont-body {
        margin-top: 1rem;
        height: auto !important;
        overflow-y: unset !important;
        max-height: none !important;
    }
    .slimscrollHeight {
        height: auto;
        overflow: auto;
        max-height: 250px;
        overflow-x: hidden;
        height: auto !important;
    }
    .slimScrollDiv {
        height: auto !important;
    }
    .colon {
        display: none;
    }
    .pht-cust_card {
        height: auto !important;
    }
    .operationHours {
        overflow: auto;
    }
    .franchise-name {
        padding-right: 90px;
    }
    .scrollTimings {
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 135px);
    }
    .multiselect-dropdown .dropdown-btn .selected-item {
        margin-top: 5px;
    }
}
/* Medium devices (768px and up) */
@media (min-width: 768px) {
    .slimScrollDiv-57 {
        height: 57vh !important;
    }
}
/* applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .pillsMobile{
        padding-bottom: 10px;
        flex-wrap: nowrap !important;
        overflow-x: auto;
    }
    .pillsMobile .nav-item>.nav-link {
        white-space: nowrap;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .calendar i {
        display: none;
    }
}
/*sm applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .refreshRestaurant {
        float: left;
        margin-top: 5px;
        margin-right: 50px;
    }
    .setAvailability {
        width: 50%;
        margin: auto;
    }
}