@media(max-width:1400px){
    .main_wrapper{
        margin:10px;
    }
}

@media(max-width:900px){

    /** global Containers **/
    body{
        margin-bottom:0px!important;
        height:auto;
    }

    .wrapper{
        padding-left:10px; 
        padding-right:10px; 
        display:flex; 
        justify-content: center; 
        height:auto;
        overflow:none;
    }

    .primary_content_wrap{
        height:auto;
    }

    .main_wrapper{
        height:Auto;
        padding:50px 0 50px 0;
    }

    .session_view,
    .studentFilter,
    .session_single_container,
    .student_display{
        width:100%;
    }


    .session_wrapper{
        overflow:auto;
    }

    .session_single_container,
    .student_display{
        border-left:none;
        margin-left:0;
        margin-top:20px;
        padding-top:20px;
        border-top:solid 2px black;
    }

    .notes_container{
        max-height:800px;
        overflow:auto;
        width:100%;
    }

    .tutor_flex_wrap{
        height:auto;
    }

    .tutors_display,
    .tutor_result_display{
        width:100%;
    }

    .session_inputs,
    .session_students_wrap{
        width:100%;
    }

    .data_input_form{
        overflow:auto;
    }

    .input_form,
    .student_container{
        height:90vh;
        overflow:auto;
    }

    .student_data,
    .student_contact_notes{
        width:100%;
        height:auto;
    }

    .student_flex{
        flex-wrap:wrap;
        height:auto;
    }

    .aab_title{
        display:none;
    }

    .admin_actions_group{
        width:100%;
    }

    .ns_left, .ns_right, .ns_3_left, .ns_3_right{
        width:100%;
        padding:10px;
    }

    .new_centre_form,
    .new_course_form,
    .tutor_input_form{
        padding:20px;
    }

    .control_bar{
        width:100%;
        flex-wrap:wrap;
    }

    .controls{
        width:100%;
        justify-content:Center;
    }

    .control_end{
        width:100%;
        text-align:center;
        padding:5px;
        margin:10px 0 10px 0;
    }

    .be_auth_inner{
        padding: 50px;
    }

    .s_srow_{
        width:100%;
        text-align:center;
    }

    .single_student_s_{
        flex-wrap:wrap;
    }





}

@media screen and (orientation:landscape) and (max-width:900px) {

}