@media (max-width: 1400px) {}

@media (max-width: 1250px) {}

@media (max-width: 1200px) {}


@media (max-width: 1150px) {

    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action .ba-btn {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1100px) {}

@media (max-width: 1000px) {
    .page-reunion {
        min-height: 100dvh;
    }

    .bottom-nav .n-content .nav-btns .open-menu-btn {
        display: flex;
    }

    .content-home-wrap .left,
    .content-home-wrap .right {
        display: none;
    }

    .section-content#section-home .content-home-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .side-right-panel {
        display: flex;
        padding: 10px;
        padding-top: 25px;
    }

    .school-item-wrap .school-item-wrap {
        gap: 14px;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .school-item-wrap .card-media {
        height: 140px;
    }

    .school-item-wrap .school-item {
        min-height: 340px;
    }

    .page-reunion {
        min-height: 100dvh;
    }


    /* On enlève les marges autour du centre */
    .page-reunion .pr-panel-body {
        padding: 0 !important;
    }

    /* Le panneau central prend tout l'espace */
    .page-reunion .pr-panel-body .pr-middle-panel {
        flex: 1 1 auto !important;
    }

    /* On masque totalement les panneaux gauche/droite en dessous de 1000px */
    .page-reunion .pr-panel-body .pr-left-panel,
    .page-reunion .pr-panel-body .pr-right-panel {
        display: none !important;
    }

    /* L’ASIDE MOBILE devient visible (en flex) */
    .mobile-aside {
        display: flex;
    }

    /* On centre les boutons du bas */
    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action {
        justify-content: center;
    }

    /* Et on cache les vieux boutons gauche/droit sur mobile */
    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action .ba-btn.open-lpanel-btn,
    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action .ba-btn.open-rpanel-btn {
        display: none;
    }

    /* Nouveau bouton "Menu" visible uniquement sur mobile */
    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action .ba-btn.open-mobile-aside-btn {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .close-lr-panel {
        display: flex !important;
    }


}

@media (max-width: 950px) {}

@media (max-width: 900px) {}

@media (max-width: 850px) {
    .bottom-nav .n-content .search-btn {
        border: none;
        flex: unset;
        width: auto;
    }

    .bottom-nav .n-content .search-btn span {
        display: none;
    }

    .db-page-container .year-section .right .open-dbsearch-modal-btn span {
        display: none !important;
    }
}

@media (max-width: 800px) {}

@media (max-width: 750px) {}

@media (max-width: 700px) {}

@media (max-width: 650px) {}

@media (max-width: 600px) {}

@media (max-width: 550px) {

    .bottom-nav .n-content .nav-btns img,
    .bottom-nav .n-content .search-btn img {
        width: 25px;
        max-height: 25px;
    }

    .bottom-nav .n-content .nav-btns .nBtn span {
        font-size: 0;
        transition: all 0.4s linear ease;
    }

    .bottom-nav .n-content .nav-btns .nBtn.isActived span {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .school-item-wrap .school-item-wrap {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .school-item-wrap .card-media {
        height: 200px;
    }

    .school-item-wrap .school-item {
        min-height: auto;
    }

    .page-reunion .pr-header .leave_meeting_btn span,
    .page-reunion .pr-header .pr-h-info small:last-child,
    .page-reunion .pr-panel-body .pr-middle-panel .bottom-action .ba-btn span {
        display: none;
    }

    .blackboard-modal .bbm-content .header span {
        display: none;
    }
}

@media (max-width: 450px) {
    .section-content#section-home .content-home-wrap .middle {
        width: 100%;
        min-width: unset;
        max-width: unset;
        flex: 0 0 auto;
    }

    .content-scholl-wrapper .school-filter .wrap label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 400px) {}

@media (max-width: 350px) {}

@media (max-width: 300px) {}