@media (max-width: 1399px) {
    .sitting_options h6{
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .side_bar{
        transform: translateX(100%);
        transition: var(--transition);
    }
    .side_bar.active{
        transform: translateX(0);
    }
    .side_bar .sideBar_header_toggle{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1002;
        margin: 0;
        width: 35px;
        height: 35px;
    }
    main{
        padding-right: 15px;
    }
    .header_main{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        border-radius: 0 0 10px 10px;
    }
    .main_content{
        padding-top: 50px;
    }
    .sitting_options h6{
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .form_header_search{
        position: fixed;
        left: 0;
        right: 0;
        top: -100%;
        max-width: 100%;
        width: 100%;
        z-index: 1000;
        transition: var(--transition);
        margin: 0;
        min-height: 100px;
        background: var(--color-card);
        display: flex;
        align-items: end;
        padding: 60px 20px 10px;
        border-radius: 9px;
        border: 1px solid var(--color-border);
    }
    .form_header_search.active{
        top: 0;
    }
    .btn_search_header_close{
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }
    .header_main_elements_left{
        margin-right: auto;
    }
    .sitting_icon_option{
        width: 70px;
        height: 70px;
    }
    .sitting_icon_option i{
        font-size: 25px;
    }
    
}

@media (max-width: 567px) {
    .btn {
        padding: 8px 11px;
        font-size: 14px;
    }
    .button_profile_header{
        width: 40px;
        height: 40px;
    }
    .dropdown_menu_notification{
        min-width: 250px;
    }
    .notification_item_title h5{
        font-size: 14px;
    }
    .notification_item_date{
        font-size: 12px;
    }
    .notification_item_icon{
        width: 50px;
        height: 50px;
    }
    .card_body_data_form{
        padding: 2px;
    }
    .notices-background , .notice-details-background , .lessons-background , .reports-list-background{
        padding: 2rem 5px;
    }
    .gap-3{
        gap: 8px;
    }
    .sitting_options .card{
        padding: 6px;
    }
    .pending-teachers-background{
        padding: 5px;
    }
   .reports-title{
    font-size: 20px;
   }
   .content-section{
    padding: 10px;
   }
   main{
    padding: 8px;
   }
}