@media (min-width: 1800px) {

    .rlms-canvas-chart-box {
        height: 290px;
    }

}

@media (min-width:1440px) {

    .rlms-right-scroll-detact::-webkit-scrollbar {
        width: clamp(5px, -1533rem + 3200vw, 7px);
    }

    .rlms-right-scroll-detact::-webkit-scrollbar-track {
        background: rgba(238, 238, 238, 1);
        border-radius: 10px;
    }

    .rlms-right-scroll-detact::-webkit-scrollbar-thumb {
        background: rgba(196, 196, 196, 1);
        border-radius: 10px;
    }
}

@media (max-width: 1800px) {

    .rlms-chart-box {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

@media (min-width: 1300px) {

    .rlms-main-content-wrapper {
        width: calc(100% - var(--rlms-sidebar-width));
        margin-left: auto;
    }

    .rlms-sidebar-close-btn {
        display: none;
    }
}

@media (max-width: 1300px) {

    .rlms-desktop-box {
        display: none;
    }

    .rlms-small-device-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .rlms-sidebar {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        padding-right: 17px;
    }

    body.sidebar-open .rlms-sidebar {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

}

@media (max-width:1024px) {

    .content-area {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .sidebar-right-area {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .rlms-login-left {
        display: none;
    }

    .rlms-dont-have-acc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width:1000px) {
    .seat-selector-wrapper {
        gap: 5px;
    }

    .seat-selector {
        flex: 1 0 100%;
    }
}

@media (min-width:767px) {

    .rlms-form-group-col-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - var(--rlms-gap)/2);
        flex: 1 0 calc(50% - var(--rlms-gap)/2);
    }

    .rlms-table-inner::-webkit-scrollbar {
        height: 8px;
    }

    .rlms-table-inner::-webkit-scrollbar-track {
        background: rgba(238, 238, 238, 1);
    }

    .rlms-table-inner::-webkit-scrollbar-thumb {
        background: rgba(196, 196, 196, 1);
        border-radius: 10px;
    }

    .change-password {
        min-height: 700px;
    }

}

@media (max-width:767px) {


    #school-info-edit-popup .rlms-popup-body {
        height: 70dvh;
        overflow-y: auto;
    }

    .rlms-form-group-heading:not(:first-child) {
        margin-top: 20px;
    }

    .rlms-pie-chart-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .rlms-canvas-chart-box {
        height: 250px;
    }

    .invite-user-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .invite-user-invalid {
        grid-column: inherit;
    }

}


@media (max-width:576px) {

    .iwl-copy-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        button {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }

    .rlms-login-footer-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .book-icon-box-sm-hide {
        display: none;
    }

    .rlms-item-icon-box {
        width: 45px;
        height: 45px;

        span {
            font-size: 20px;
        }
    }

    .rlms-courses-list-box .rlms-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 130px;
        flex: 1 0 130px;
    }

    .rlms-pagination-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
    }

    .rlms-btn-resposive-btn-box>* {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 150px;
        flex: 1 0 150px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .rlms-popup-footer>* {
        width: 50%;
    }

    .rlms-btn-resposive-btn-box {
        width: 100%;
    }
}