@media (max-width: 820px){/*previous max-width(767px) --5-05-2025 for apps */
    /*-----------Header-----------*/
    .navbar-brand-logo{
        margin-top: 0;
    }
    .cl_name{
        min-height: 40px
    }
    .cl_address{
        display: none;
    }
    .navbar-toggle-edit{ /*5-05-2025 for apps */
        display: block;
    }
    .newHeader_navbar {
        /*background: #fcd28c!important;*/
        /* height: 1px; */
    }
    .header_wrap {
        width: auto;
        float: none;
    }
    .topBar {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .brandLogo .navbar-brand{
        width: 12%!important;
    }
    .cl_name{
        width: 76%!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        background: transparent!important;
    }
    .cl_name span,
    .cl_name strong{
        font-size: 20px!important;
    }
    .cl_address{
        font-size: 12px!important;
    }
    .topBar.eiin_code{
        display: none;
    }
    .for_mobile{
        display: block;
    }
    .for_mobile{
        display: none;
    }
    .commonSize {
        display: inline-block;
    }
    .highlightNav:before {
        content: "";
        position: absolute;
        left: 100%;
        top: 0;
        height: 100%;
        width: 100%;
        background: #192838;
        z-index: 0;
    }
    .highlightNav:after {
        content: "";
        position: absolute;
        right: 100%;
        bottom: 0;
        height: 100%;
        width: 100%;
        border-top: none;
        border-left: none;
        background: #192838;
        z-index: 0;
    }
    .topBar li:first-child {
        margin-right: 0px;
    }
    .topBar li:last-child {
        float: none;
    }
    .brandLogo{
        width: 70%;
    }
    .brandLogo .navbar-brand{
        float: left;
        width: 40%;
    }
    .brandLogo .schoolName{
        float: left;
        width: 60%;
        font-size: 15px;
        padding: 5px 0px;
    }
    .navbar-header {
        width: auto;
        float: none;
    }
    .navbar-collapse {
        width: 100%;
        overflow-y: auto;
    }
    .navbar-nav {
        margin: 7.5px auto;
    }
    .nav>li {
        position: relative;
        display: block;
        /*text-align: center;*/
        text-align: left;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none;
    }
    ul.nav li.dropdown.open> ul.dropdown-menu {
        display: block;
    }
    .schoolName strong {
        font-size: 18.3px!important;
    }
    .schoolName span {
        font-size: 11.2px!important;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 15px;
        font-size: 18px;
        line-height: 20px;
    }
    .navbar-header {
        padding: 22px 0px;
    }
    .navbar-brand img {
        width: 75%;
    }
    .custom-dropdown-menu {
        text-align: center;
    }
    .custommenu.navbar-default {
        overflow: hidden;
    }
    .newHeader_connect.desk{
        display: none;
    }
    ._eiin_code{
        float: left;
        display: block;
        line-height: 38px;
    }
    .newHeader_connect {
        display: none;
        /* display: flex; */
        /* line-height: 38px;
        padding-top: 0px;
        position: relative;
        padding-right: 0px; */
    }
    .navbar-collapse.newHeader_menu.collapse{
        background: #f7f7f6;
    }
    /*-----------Others-----------*/
    .importantPerson {
        overflow: visible;
        padding: 80px 0px 10px;
    }
    .person img {
        /*margin-top: -45px;*/
        /*border: 4px solid white;*/
        padding-top: 70px!important;
    }
    .thimDiv {
        width: 100%;
        float: none;
        min-height: 200px;
    }
    .aboutFirm_mainDiv {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .aboutFirm_mainDiv:before {
        content: "";
        position: absolute;
        background: none;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: -1;
    }
    .aboutFirm_mainDiv:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 9px;
        width: 0;
        height: 0;
        border-bottom: none;
        border-right: none;
    }
    .aboutFirm h4 {
        font-size: 15px;
        text-align: center;
    }
    .introBox{
        margin-bottom: 15px;
    }
    .intro_school {
        margin-bottom: 30px;
    }
    .events-schedule .nav-tabs>li.active>a,
    .events-schedule .nav-tabs>li.active>a:focus,
    .events-schedule .nav-tabs>li.active>a:hover{
        font-size: 12px;
    }
    .events-schedule .nav-tabs>li>a {
        font-size: 12px;
    }
    .events-schedule .nav>li>a {
        padding: 8px 5px;
    }
    .fc-center h2{
        font-size: 18px;
        margin-top: 15px;
    }
    .parallax {
        min-height: 170px;
    }
    .ga_heading {
        padding-top: 70px;
    }
    .row_custom {
        margin-top: 0;
    }
    .vc_custom_ {
        border-left-width: 0;
    }
    .intro {
        padding: 0px 0px;
    }
    .aboutWrapper{
        margin: 30px 0px;
    }
    .aboutus h2{
        font-size: 25px;
        margin-top: 0;
        text-align: center;
    }
    .aboutus{
        margin-bottom: 25px;
    }
    .teacherInfo {
        margin-bottom: 30px;
        overflow: hidden;
    }
    .teacherInfo figure{
        width: 100%!important;
        float: none!important;
    }
    .teacherInfo .table-responsive{
        width: 100%!important;
        float: none!important;
    }
    .table-responsive.search_result {
        border: 1px solid #ccc;
        padding: 15px 15px;
        background: #ccc;
    }
    .mjh_adminlogin.form-signin {
        width: 100%;
    }
    /*----------------Footer--------------*/
    .footerbox h3{
        font-size: 18px;
        text-align: center;
    }
    .footerbox a{
        text-align: center;
    }
    .footerNav {
        text-align: center;
    }
    /*---------------New Header-----------*/
    .newHeader_navbar {
        /*padding: 10px 0px 0px;*/
        box-shadow: 3px 3px 3px rgb(0 0 0 / 3%);
        /* height:80px */
    }
    .newHeader_navbar .brandLogo {
        width: 100%;
    }
    .newHeader_navbar .brandLogo .navbar-brand {
        /*float: none;*/
        /*width: 100%;*/
        height: auto;
        padding: 0px 0px;
        display: block!important;
        background: transparent!important;
    }
    .newHeader_navbar .navbar-brand div strong{
        /*font-size: 18px!important;*/
        font-size: 14px!important;
        padding: 0px!important;
        text-align: center;
        margin: auto;
        width: 100%!important;
        display: block;
    }
    .newHeader_navbar .navbar-brand img{
        width: 60px;
        margin: auto;
        max-width: 50px!important;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div{
        display: block!important;
    }
    .newHeader_navbar .topBar {
        float: right;
    }
    .newHeader_navbar .topBar li.access a {
        font-size: 14px;
        padding: 0px 6px;
    }
    .newHeader_navbar .topBar li div{
        margin-top: 8px!important;
    }
    .newHeader_navbar .navbar-toggle {
        margin-left: 6px;
        position: relative;
        float: left;
        padding: 4px 2px;
        margin-top: 4px;
        border-color: transparent;
        margin-bottom: 0px;
    }
    .navbar-default .newHeader_navbar .navbar-toggle .icon-bar {
        background-color: #0d0100;
    }
    .newHeader_navbar .navbar-collapse{
        padding-right: 0;
        background: #e0e0e0;
    }
    .navbar-default .newHeader_navbar .navbar-nav>li>a {
        color: black;
    }
    .navbar-default .newHeader_navbar .navbar-nav>.active>a,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:focus,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:hover {
        color: red;
        background-color: #e7e7e7;
    }
    .newHeader_navbar .newHeader_wrap{
        padding-bottom: 7px;
        overflow: hidden;
    }
    .navbar-default .newHeader_navbar .navbar-nav .open .dropdown-menu>li>a {
        color: #a96c07;
    }
}
@media (max-width: 600px){
    /*---------------New Header-----------*/
    .cl_name span,
    .cl_name strong{
        font-size: 17px!important;
    }
}
@media (max-width: 480px){
    /*---------------New Header-----------*/
    .cl_name span,
    .cl_name strong{
        font-size: 15px!important;
    }
    .newHeader_navbar {
        /*padding: 10px 0px 0px;*/
        box-shadow: 3px 3px 3px rgb(0 0 0 / 3%);
    }
    .newHeader_navbar .brandLogo {
        width: 100%;
    }
    .newHeader_navbar .brandLogo .navbar-brand {
        /*float: none;*/
        /*width: 100%;*/
        height: auto;
        padding: 0px 0px;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div strong{
        /*font-size: 18px!important;*/
        font-size: 12.3px!important;
        padding: 0px!important;
        text-align: center;
        margin: auto;
        width: 100%!important;
        display: block;
    }
    .newHeader_navbar .navbar-brand img{
        width: 60px;
        margin: auto;
        max-width: 42px!important;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div{
        display: block!important;
    }
    .newHeader_navbar .topBar {
        float: right;
    }
    .newHeader_navbar .topBar li.access a {
        font-size: 11px;
        padding: 0px 6px;
    }
    .newHeader_navbar .topBar li div{
        margin-top: 8px!important;
    }
    .newHeader_navbar .navbar-toggle {
        margin-left: 6px;
        position: relative;
        float: left;
        padding: 4px 2px;
        margin-top: 4px;
        border-color: transparent;
        margin-bottom: 0px;
    }
    .navbar-default .newHeader_navbar .navbar-toggle .icon-bar {
        background-color: #0d0100;
    }
    .newHeader_navbar .navbar-collapse{
        padding-right: 0;
        background: #e0e0e0;
    }
    .navbar-default .newHeader_navbar .navbar-nav>li>a {
        color: black;
    }
    .navbar-default .newHeader_navbar .navbar-nav>.active>a,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:focus,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:hover {
        color: red;
        background-color: #e7e7e7;
    }
    .newHeader_navbar .newHeader_wrap{
        padding-bottom: 7px;
        overflow: hidden;
    }
    .navbar-default .newHeader_navbar .navbar-nav .open .dropdown-menu>li>a {
        color: #a96c07;
    }
    ._eiin_code{

    }
    ._eiin_code span{
        display: none;
    }
    .newHeader_connect {

    }
}
@media (max-width: 375px){
    /*---------------New Header-----------*/
    .cl_name span,
    .cl_name strong{
        font-size: 14px!important;
    }
    .newHeader_navbar {
        /*padding: 10px 0px 0px;*/
        box-shadow: 3px 3px 3px rgb(0 0 0 / 3%);
    }
    .newHeader_navbar .brandLogo {
        width: 100%;
    }
    .newHeader_navbar .brandLogo .navbar-brand {
        /*float: none;*/
        /*width: 100%;*/
        height: auto;
        padding: 0px 0px;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div strong{
        /*font-size: 18px!important;*/
        font-size: 12.3px!important;
        padding: 0px!important;
        text-align: center;
        margin: auto;
        width: 100%!important;
        display: block;
    }
    .newHeader_navbar .navbar-brand img{
        width: 60px;
        margin: auto;
        max-width: 42px!important;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div{
        display: block!important;
    }
    .newHeader_navbar .topBar {
        float: right;
        margin-right: 6px;
    }
    .newHeader_navbar .topBar li.access a {
        font-size: 12px;
        padding: 0px 6px;
    }
    .newHeader_navbar .topBar li div{
        margin-top: 8px!important;
    }
    .newHeader_navbar .navbar-toggle {
        margin-left: 6px;
        position: relative;
        float: left;
        padding: 4px 2px;
        margin-top: 4px;
        border-color: transparent;
        margin-bottom: 0px;
    }
    .navbar-default .newHeader_navbar .navbar-toggle .icon-bar {
        background-color: #0d0100;
    }
    .newHeader_navbar .navbar-collapse{
        padding-right: 0;
        background: #e0e0e0;
    }
    .navbar-default .newHeader_navbar .navbar-nav>li>a {
        color: black;
    }
    .navbar-default .newHeader_navbar .navbar-nav>.active>a,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:focus,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:hover {
        color: red;
        background-color: #e7e7e7;
    }
    .newHeader_navbar .newHeader_wrap{
        padding-bottom: 7px;
        overflow: hidden;
    }
    .navbar-default .newHeader_navbar .navbar-nav .open .dropdown-menu>li>a {
        color: #a96c07;
    }
}
@media (max-width: 320px){
    /*---------------New Header-----------*/
    .newHeader_navbar {
        padding: 10px 0px 0px;
        box-shadow: 3px 3px 3px rgb(0 0 0 / 3%);
    }
    .newHeader_navbar .brandLogo {
        width: 100%;
    }
    .newHeader_navbar .brandLogo .navbar-brand {
        float: none;
        width: 100%;
        height: auto;
        padding: 0px 0px;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div strong{
        /*font-size: 18px!important;*/
        font-size: 12.3px!important;
        padding: 0px!important;
        text-align: center;
        margin: auto;
        width: 100%!important;
        display: block;
    }
    .newHeader_navbar .navbar-brand img{
        width: 60px;
        margin: auto;
        max-width: 42px!important;
        display: block!important;
    }
    .newHeader_navbar .navbar-brand div{
        display: block!important;
    }
    .newHeader_navbar .topBar {
        float: right;
        margin-right: 0px;
    }
    .newHeader_navbar .topBar li.access a {
        font-size: 11px;
        padding: 0px 6px;
    }
    .newHeader_navbar .topBar li div{
        margin-top: 8px!important;
    }
    .newHeader_navbar .navbar-toggle {
        margin-left: 6px;
        position: relative;
        float: left;
        padding: 4px 2px;
        margin-top: 4px;
        border-color: transparent;
        margin-bottom: 0px;
    }
    .navbar-default .newHeader_navbar .navbar-toggle .icon-bar {
        background-color: #0d0100;
    }
    .newHeader_navbar .navbar-collapse{
        padding-right: 0;
        background: #e0e0e0;
    }
    .navbar-default .newHeader_navbar .navbar-nav>li>a {
        color: black;
    }
    .navbar-default .newHeader_navbar .navbar-nav>.active>a,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:focus,
    .navbar-default .newHeader_navbar .navbar-nav>.active>a:hover {
        color: red;
        background-color: #e7e7e7;
    }
    .newHeader_navbar .newHeader_wrap{
        padding-bottom: 7px;
        overflow: hidden;
    }
    .navbar-default .newHeader_navbar .navbar-nav .open .dropdown-menu>li>a {
        color: #a96c07;
    }
}
@media (min-width: 768px){
    .navbar-nav>li>a {
        line-height: 75px;
        padding-top: 20px;
        padding-bottom: 15px;
        font-weight: 600;
        font-size: 13px;
        /*font-size: 15px;*/
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
    }
    .nav>li>a{
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;

    }
    .modal-dialog {
        width: 801px;
        margin: 30px auto;
    }
    #login-modal .modal-dialog{
        width: auto;
        margin: auto;
    }
    #login-modal .modal-dialog .form_wrapper {
        margin: 0px;
    }
}