@media only screen and (max-width: 1410px) {
    .sys_toolbar_logo .main_txt_logo{
        display: none;
    }
    .sys_toolbar_logo .sm_menu_logo{
        display: block;
    }
    .sys_menu_burger{
        display: block;
    }
    .sys_main_side{
        transform: translatex(-20rem);
        opacity: 0;
        transition: transform 0.3s cubic-bezier(0.88, 0, 0, 1), opacity 0.3s ease-in-out;
        padding-bottom: 50px;
    }
    .side_menu{
        display: none;
    }
}
@media only screen and (max-width: 750px) {
    .menu_time_date{
        display: none;
    }
    .side_menu{
        display: none;
    }
}
@media only screen and (max-width: 990px){
    .sheet_data{
        margin-top: 5px;
    }
    .sheet_status{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5px !important;
    }
    .sys_info_box{
        display: none;
    }
    .side_menu{
        display: none;
    }
    .table_titles{
        display: none;
    }
    .student_data{
        justify-content: center!important;
        flex-direction: column;
    }
    .student_img_placeholder{
        margin-right: 0;
        margin-bottom: 20px;
        width: 75px;
        height: 75px;
        font-size: 35px;
    }
    .table_data{
        text-align: center;
    }
    .table_data_channel_mobile{
        text-align: start!important;
    }
    .res_center{
        justify-content: center;
        margin: 0 0 10px 0;
    }
    .sys_page_title{
        margin-bottom: 15px;
    }
    .custom_attend_radio_group{
        justify-content: center;
    }
    .table_heading_title{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 1200px) {
    .msg_actions {
        display: inline-block;
    }
    .msg_actions ul{
        display: flex;
        margin: 10px 0;
    }
    .msg_actions ul li{
        margin-right: 10px;
    }
    .msg_info{
        display: none;
    }
}