@media screen and (min-width: 1500px)
{
    .table-responsive
    {
        display: inline-table;
    }
}

@media screen and (max-width: 768px)
{
    .form-control
    {
        width: auto;
    }

    .test-heading
    {
        font-size: 12px;
        padding-top: 24px;
    }

    .mob-header-icon
    {
        font-size: 13px !important;
    }

    .mob-header-li
    {
        margin-right: 5px !important;
    }

    .mob-header
    {
        padding-left: 5px !important;
    }

    .break
    {
        word-break: normal !important;
    }

    .left-sidebar
    {
        z-index: 49 !important;
    }

}

@media screen and (max-width: 576px)
{
    .circles-container
    {
        max-width: 85%;
    }
    .circles-container .line
    {
        width: 40px;
    }
    .circles-container .step.font-15
    {
        font-size: 11px !important;
    }
    .mpmobile
    {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .test-heading
    {
        font-size: 17px;
    }

    #nav-buttons,
    #lg-address-table,
    #lg-copy-text
    {
        display: block !important;
    }

    #mob-nav-buttons,
    #mob-address-section,
    #sm-copy-icon
    {
        display: none !important;
    }

    #lg-booking-details
    {
        visibility: visible !important;
    }

    #sm-booking-details
    {
        visibility: hidden !important;
        display: none !important;
    }
}

@media screen and (min-width: 300px)
{
    .mobile-mb-10
    {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 768px)
{
    .mobile-logo
    {
        display: inline-block !important;
        width: 70px !important;
        height: 66px !important;
    }

    .w-m-200
    {
        width: 200px !important;
    }
}

@media only screen and  (max-width: 1521px)
{

    .update_button_square
    {
        font-size: 16px !important;
        right: 22%;
    }

    .update_button_square_camera
    {
        font-size: 16px !important;
    }

    #my-seven-day-workout-table .row .week-drop-down {
        max-width: 25% !important;
        flex: 0 0 25%;
        padding-bottom: 10px !important;
    }

    #my-seven-day-workout-table .row .add-new-button {
        max-width: 20% !important;
        flex: 0 0 20%;
        padding-left: 10px !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 767px)
{
    .chat-main-box .chat-left-aside
    {
        position: absolute !important;
    }

    .chat-main-box .chat-left-aside .open-panel,
    #mob-nav-buttons,
    #mob-address-section,
    .sm-centre-address,
    #sm-copy-icon
    {
        display: block !important;
    }

    .chat-main-box .chat-right-aside,
    #stud-contact-modal .form-control,
    #personal-info .form-control,
    #acc-info .form-control,
    #address-info .form-control,
    #facility-amt .form-control,
    #credit-note .form-control,
    .sm-w-100
    {
        width: 100% !important
    }
    #nav-buttons,
    #d-none-purchase-entry,
    #lg-address-table,
    #lg-copy-text
    {
        display: none !important;
    }

    #navbar-w-100
    {
        max-width: 100% !important;
    }

    #lvl-assess-modal .form-control
    {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    #lvl-assess-modal .form-group
    {
        margin-bottom: 0 !important;
    }

    #lvl-assess-modal #lvl-ques
    {
        margin-top: 1rem;
    }

    .sm-tooltip-left
    {
        left: 457% !important;
    }

    .sm-tooltip-left::after
    {
        left: 18% !important;
    }

    .sm-client-tooltip
    {
        top: -861% !important;
        left: 370% !important;
    }

    .sm-client-tooltip .level-i
    {
        font-size: 12px !important;
    }

    #class-status span
    {
        font-size: 13px !important;
    }

    .sm-w-50
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #lg-booking-details
    {
        visibility: hidden !important;
        display: none !important;
    }

    #sm-booking-details
    {
        visibility: visible !important;
    }

    .mob_view .desktop-only
    {
        display: none;
    }
}

@media only screen and (max-width: 997px)
{
    .chat-content-message-text
    {
        max-width: 100%;
        width: 100%;
    }

    .chat-content-body
    {
        border-right: none;
        border-left: none;
        max-height: 500px;
    }
}

@media only screen and (max-width: 835px)
{
    .search-container input[type=text]
    {
        font-size: 12px;
    }

    .search-container button
    {
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px)
{
    .camera_margin
    {
        margin-left: 10px !important;
    }

    #purchase-entry-btn a
    {
        font-size: 12px !important;
    }

    .msgr-h-75vh
    {
        height: 75vh;
        overflow: auto;
    }

    .chat-left-inner
    {
        height: auto !important;
    }
}

@media only screen and (max-width: 480px) and (min-width: 425px)
{
    .camera_margin
    {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 876px)
{
    .card-fit-content
    {
        min-width: fit-content;
    }
}

@media (min-width: 1115px) and (max-width: 1169px)
{
    .table-responsive
    {
        display: inline-table;
    }
}

@media (min-width: 1263px) and (max-width: 1499px)
{
    .table-responsive
    {
        display: inline-table;
    }
}

@media (max-width: 1440px) and (min-width: 768px)
{
    .search-container
    {
        width: fit-content;
    }

    .header-icons
    {
        padding-left: 20px;
    }

    #login-div
    {
        margin-top: 14% !important;
        height: 82.5vh !important;
    }
}

@media screen and (min-width: 592px)
{
    #env-version-sm
    {
        display: none;
    }

    #test-env-lg, #version-lg
    {
        display: block;
    }
}

/*header mobile view*/
@media screen and (max-width: 592px)
{
    .header-icons
    {
        padding-left: 15px;
        width: 95px;
    }

    #env-version-sm
    {
        display: block;
        margin-left: 5px;
    }

    #test-env-lg, #version-lg
    {
        display: none;
    }

    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link
    {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .topbar .navbar-nav
    {
        max-width: 200px;
    }

    .msg-num
    {
        padding: 0.2em 0.7em !important;
    }

    #quick-search-card
    {
        width: 90% !important;
        margin: auto !important;
    }

    #quick-search-filters select.form-control
    {
        width: inherit !important;
        margin-bottom: 0.5rem !important;
    }

    #quick-search-filters label
    {
        margin-bottom: 0.5rem !important;
    }
}

@media (max-width: 1169px) and (min-width: 768px)
{
    .ml-230px
    {
        margin-left: 80px;
    }
}

@media (max-width: 767px) and (min-width: 320px)
{
    .ml-230px
    {
        margin-left: 0 !important;
    }
}

@media (min-width: 1500px)
{
    .mprice-table
    {
        width: 95%;
    }
}

@media (max-width: 424px) and (min-width: 320px)
{
    .msg-icons
    {
        white-space: nowrap;
    }

    /*.dropdown-menu
    {
        width: 70px !important;
        background-color: #fdfdfe !important;
    }*/

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

@media screen and (max-width: 1000px)
{
    .m_c_search_icon
    {
        display: inline;
        border-radius: 5px;
    }

    .search_button
    {
        display: none;
    }

    .search-container .dropdown-menu
    {
        left: -150px !important;
    }
}

@media (max-width: 1262px) and (min-width: 1170px)
{
    .table-equipment, .table-price
    {
        display: inline-table;
    }
}

@media (max-width: 425px) and (min-width: 300px)
{
    .w-75
    {
        width: 100% !important;
    }

    .breadcrumb-font
    {
        font-size: 10px !important;
    }

    .entry-pass-card
    {
        height: auto !important;
    }
}

@media (max-width: 768px) and (min-width: 425px)
{
    .entry-pass-card
    {
        height: 390px;
    }
}

@media (max-width: 1045px) and (min-width: 769px)
{
    .entry-pass-card
    {
        height: 400px;
    }
}

@media (max-width: 1159px)
{
    .shortcut-icon
    {
        display: none !important;
    }

    .mob-shortcut
    {
        display: block !important;
    }
}

@media (min-width: 1160px)
{
    .mob-shortcut
    {
        display: none !important;
    }
}

@media (max-width: 751px) and (min-width: 577px)
{
    .d-staff-class, .d-school-name
    {
        display: none !important;
    }
}

@media (max-width: 991px)
{
    .d-test-env, .d-app-logo
    {
        display: none !important;
    }

    .d-org-logo img
    {
        height: 35px;
        margin-top: 5px;
    }
}

@media (max-width: 355px)
{
    .left-icons
    {
        display: none !important;
    }
}

@media (min-width: 356px)
{
    .left-icons
    {
        display: block !important;
    }
}

@media (max-width: 550px)
{
    #lg-purchase-filter
    {
        display: none !important;
    }

    #sm-purchase-filter
    {
        display: block !important;
    }
}

@media (min-width: 551px)
{
    #lg-purchase-filter
    {
        display: block !important;
    }

    #sm-purchase-filter
    {
        display: none !important;
    }
}

@media (max-width: 1300px) and (min-width: 1280px)
{
    .date-150px
    {
        width: 150px !important;
    }
}

@media screen and (max-width: 1540px)
{
    .guide-content-h
    {
        height: 61vh !important;
    }
    .exercise_builder_filter .col-md-6
    {
        max-width: 100%;
        margin-left: 0 !important;
        flex: 0 0 100%;
    }
}

@media (max-width: 700px)
{
    .chat-main-box .chat-left-aside
    {
        width: 250px !important;
    }

    .mobile-background
    {
        background-color: white;
    }
}

@media (max-width: 375px) and (min-width: 335px)
{
    .modal-sm-top
    {
        top: -100px !important;
    }
}

@media (max-width: 335px)
{
    .modal-sm-w
    {
        width: 295px !important;
    }

    .modal-sm-top
    {
        top: -180px !important;
    }
}

@media screen and (max-width: 1521px)
{
    .selectize-control > .selectize-dropdown
    {
        position: relative;
        width: 200px !important;
        z-index: auto;
    }
}

@media (max-width: 865px) and (min-width: 768px)
{
    .p-07rem
    {
        padding: 0 0.7rem 0.7rem 0.7rem !important;
    }

    .p-07rem #active-btn
    {
        font-size: 11px !important;
    }

    .p-07rem #deactivate-btn
    {
        font-size: 11px !important;
    }

    .update_button_square
    {
        font-size: 15px !important;
        right: 8% !important;
    }
}

@media (max-width: 1920px)
{
    .row-md-150px
    {
        width: 150px !important;
    }

    .row-md-250px
    {
        width: 250px !important;
    }
}

@media (min-width: 769px)
{
    .select-w-200px
    {
        width: 200px !important;
    }
}

@media (min-width: 520px)
{
    .calendar-vh
    {
        height: 90vh !important;
    }
}

@media (max-width: 520px)
{
    #advanceFilter select
    {
        width: 100% !important;
    }

    .calendar-vh
    {
        height: 100% !important;
    }

    .sm-break-150px
    {
        width: 150px;
        word-wrap: break-word;
        display: inline-block;
    }

    .sm-break-200px
    {
        width: 200px;
        word-wrap: break-word;
        display: inline-block;
    }

    .selectize-control > .selectize-dropdown,
    .selectize-control.single .selectize-input
    {
        width: 100% !important;
    }

    #membership-type-radio,
    #payment-options .custom-radio,
    #class-instance-radio
    {
        display: block !important;
    }

    .row-w-250px
    {
        width: 250px !important;
    }

    .row-w-150px
    {
        width: 150px !important;
    }

    #pre_ex_attachment
    {
        width: fit-content !important;
    }

    #profile-contact-table
    {
        display: inline-table !important;
    }

    .sm-w-400px
    {
        width: 400px !important;
    }

    .sm-w-93
    {
        width: 93% !important;
    }

    .sm-text-nowrap
    {
        white-space: nowrap !important;
    }
}

@media (min-width: 1024px)
{
    .h-70px
    {
        height: 70px !important;
    }
}

@media (min-width: 992px)
{
    .head_logo
    {
        height: 300px;
        width: auto;
    }

    .centre_logo
    {
        height: 150px;
        width: auto;
    }
}

@media (max-width: 460px)
{
    .head_logo
    {
        height: auto;
        width: 100%;
    }

    .centre_logo
    {
        height: auto;
        width: 70%;
    }
}

@media (max-width: 991px) and (min-width: 461px)
{
    .head_logo
    {
        height: 150px;
        width: auto;
    }

    .centre_logo
    {
        height: 150px;
        width: auto;
    }
}

@media (max-width: 1300px) and (min-width: 769px)
{
    .select-w-150px
    {
        width: 150px !important;
    }

    .select-w-250px
    {
        width: 250px !important;
    }
}

@media (max-width: 1440px) and (min-width: 1324px)
{
    .home-link
    {
        padding: 1rem !important;
    }

    .home-link h3
    {
        font-size: 20px !important;
    }
}

@media (max-width: 1323px) and (min-width: 1263px)
{
    .home-link h3
    {
        font-size: 19px !important;
    }

    .home-link h3.buy-mem-link
    {
        font-size: 17px !important;
    }

    .home-link
    {
        padding: 1rem !important;
    }
}

@media (max-width: 1263px) and (min-width: 992px)
{
    .home-link h3
    {
        font-size: 18px !important;
    }

    .home-link h3.buy-mem-link
    {
        font-size: 15px !important;
    }

    .home-link
    {
        padding: 1rem !important;
    }
}
@media only screen and (min-width: 375px) and (max-width: 1024px)
{
    .fc-view-container {
        overflow-x: scroll;
    }
    .fc-view.fc-agendaDay-view.fc-agenda-view{
        width: 500%;
    }

}