@media (max-width: 575.98px) {

    .popup-txt {
        width: 100%;
        font-size: 11px !important;
        font-weight: bold;
        padding: 0px;
    }

    .popup-content {
        padding: 0px !important;
        height: 80px !important;
    }


    .popup-action {
        width: 100%;
        background: #253b81;
        padding: 0;
        color: #fff;
    }

    .btn-action {
        padding: 5px 10px;
        width: 40%;
    }

    .btn-logo {
        width: 10%;

    }

    .btn-msg {
        text-align: center;
        width: 50%;
        font-size: 10px;
        padding-top: 8px;
    }

    .btn-action a {
        font-size: 12px;
        padding: 5px;
        margin-top: 5px;
    }

    .close {
        top: 4px;
        font-size: 19px;
    }

    a.btn.btn-default {
        font-size: 12px !important;
    }


    /* =========Home page======= */

    .top-bar {
        background: #041034;
    }

    .blog_img {
        height: 244px;
    }

    .blog_main {
        min-height: 314px;
        margin-bottom: 15px;
    }

    .blog_text {
        padding: 12px;
    }

    .blog_header {
        margin-bottom: 0px;
    }

    section.blog {
        padding: 45px 0;
    }

    .products-list .col {
        padding: 20px 33px 0px 33px !important;
    }

    section.hidden-overflow {
        margin-bottom: 35px !important;
    }

    section.ofe_section.leadership {
        margin-bottom: 0px;
        padding: 30px 0px 0px 0px;
    }

    .ofe_disc h4 {
        font-size: 23px;
        line-height: 19px;
    }

    .row.info_block {
        padding: 0px 27px 20px 27px;
    }

    button.btn-close.nstylecls {
        font-size: 8px;
        margin: -12px 9px 0px -7px;
    }

    h5.modal-title.nstyhd {
        font-size: 15px;
    }

    .header .item-left {
        flex: 0 0 80% !important;
    }

/* =========header logo======= */
    .header-left {
        width: 90% !important;
        display: flex;
        height: 70px;
        padding: 0px !important;
    }
    .main_logo {
        width: 23% !important;
    }
    .logo_name {
        width: 79% !important;
        margin: auto;
        padding-left: 10px;
    }
    .logo_name h1 {
        font-size: 16px !important;
        height: 17px !important;
        letter-spacing: 1px !important;
        margin-top: 5px;
    }
    .logo_name h4 {
        font-size: 12px !important;
    }

    .header-center {
        width: 0% !important;
        margin: 0px !important;
        padding: 0px;
    }
    
    .header-right {
        width: 0% !important;
        margin: 0 !important;
        padding: 0px !important;

    }
    .header .mobile-menu-trigger {
        margin-top: 16px;
    }

    section.home_band h4 {
        font-size: 21px !important;
    }
    header.header {
        padding: 5px 0px;
    }

    .career_form {
        padding: 13px 7px !important;
    }
    .form_submit {
        padding: 0px 6px;
        margin-bottom: 20px;
    }



}



@media (min-width: 576px) and (max-width: 767.98px) {
    .popup-txt {
        width: 100%;
        font-size: 11px !important;
        font-weight: bold;
        padding: 0px;
    }

    .popup-content {
        padding: 0px !important;
        height: 80px !important;
        max-width: none;
    }


    .popup-action {
        width: 100%;
        background: #253b81;
        padding: 0;
        color: #fff;
    }

    .btn-action {
        padding: 5px 10px;
        width: 40%;
    }

    .btn-logo {
        width: 10%;

    }

    .btn-msg {
        text-align: center;
        width: 50%;
        font-size: 12px;
        padding-top: 5px;
    }

    .btn-action a {
        font-size: 12px;
        padding: 5px;
        margin-top: 5px;
    }

    .close {
        top: 4px;
        font-size: 19px;
    }

    .fixedwhatapp {
        top: 35%;
    }

    a.btn.btn-default {
        font-size: 14px;
    }

    .header .item-left {
        flex: 0 0 80% !important;
    }


    /* =========Home page======= */
    .top-bar {
        background: #041034;
    }

    .header-top-text {
        margin-bottom: 0px;
        margin-top: 5px;
        padding: 0px;
    }

    .col-lg-7.rttopbar {
        width: 39% !important;
    }

    .main_logo img {
        width: 100% !important;
        margin-bottom: -14px;
    }


    .col-sm-4.calendars_block {
        flex: 0 0 auto;
        width: 39.333333%;
    }

    .col-sm-8.message_block {
        width: 60%;
    }

    .calendar-header h2 {
        font-size: 15px;
    }

    p.view_all_block {
        font-size: 15px;
        margin-top: -23px;
    }

    .blog_header {
        margin-bottom: 0px;
    }

    .col-lg-4.col-md-4.col-sm-4.footer-links {
        width: 100%;
    }

    #footer .copyright {
        font-size: 14px;
    }

    .inner_banner {
        padding: 5px 0;
    }

    .inner_banner {
        height: 134px;
    }

    section.ofe_section {
        padding: 27px 0;
    }

    .products-list .col {
        border: none;
    }

    section.hidden-overflow {
        margin-bottom: 35px !important;
    }

    .products-list .col {
        padding: 20px 33px 0px 33px !important;
    }

    section.ofe_section.leadership {
        margin-bottom: 0px;
    }

    .ofe_disc h4 {
        font-size: 23px;
        line-height: 19px;
    }


    /* =========header logo======= */
    .header-left {
        width: 90% !important;
        display: flex;
        height: 70px;
        padding: 0px !important;
    }
    .main_logo {
        width: 14% !important;
        margin-top: -4px !important;
    }
    .logo_name {
        width: 86% !important;
    }
    .logo_name h1 {
        font-size: 20px !important;
        height: 19px !important;
    }
    .logo_name h4 {
        font-size: 16px !important;
    }

    .header-center {
        width: 0% !important;
        margin: 0px !important;
        padding: 0px;
    }
    
    .header-right {
        width: 0% !important;
        margin: 0 !important;
        padding: 0px !important;

    }
    .header .mobile-menu-trigger {
        margin-top: 16px;
    }

    header.header {
        position: static;
        height: 98px;
        padding: 12px 0px;
    }

    .form_submit {
        padding: 0px 55px;
    }


}

@media (min-width: 768px) and (max-width: 991.98px) {

    .popup-txt {
        width: 100%;
        font-size: 12px !important;
        font-weight: bold;
        padding: 5px;
    }


    .popup-content {
        padding: 0px !important;
        height: 55px !important;

    }


    .popup-action {
        width: 100%;
        background: #253b81;
        padding: 0;
        color: #fff;
    }

    .btn-action {
        padding: 5px;
        width: 40%;
    }

    .btn-logo {
        width: 10%;

    }

    .btn-logo img {
        width: 35px;
    }

    .btn-msg {
        text-align: center;
        width: 50%;
        font-size: 10px;
        padding-top: 5px;
    }

    .btn-action a {
        font-size: 12px;
        padding: 5px;
        margin-top: 5px;
    }

    .close {
        top: 4px;
        font-size: 19px;
    }

    .fixedwhatapp {
        top: 35%;
    }

    /* =========Home page======= */

    a.btn.btn-default {
        font-size: 12px !important;
    }

    .close {
        top: 4px;
        font-size: 14px;
        right: 0px;
    }

    header.header {
        padding: 0px;
    }

    #hero {
        height: 32vh;
    }

    #hero p {
        margin-top: 0px;
        line-height: 46px;
    }

    .clsfont_dec {
        font-size: 27px !important;
    }

    .blog_text {
        height: 100px;
    }

    #footer .footer-top .footer-links {

        padding-left: 0px;
    }

    section.ofe_section.leadership {
        margin-bottom: 42px;
        padding-top: 40px !important;
    }

    .Scholastic_text h5 {
        font-size: 16px !important;
        line-height: 27px !important;
    }

    .facility_text h5 {
        font-size: 16px !important;
        line-height: 33px !important;
    }

    .join-u-btnnss {
        padding: 0px;
    }

    section.about-sec {
        padding: 40px 0px;
    }

    .chair-block img {
        width: 281px;
    }

    .blog_text {
        padding: 7px 10px;
        height: 156px;
    }

    .blog_main {
        min-height: 388px !important;
    }

    /* =========header logo======= */
    header.header {
        padding: 10px 0px;
        height: 104px;
    }
    .header-left {
        width: 90% !important;
        display: flex;
        height: 70px;
        padding: 0px !important;
    }
    .main_logo {
        width: 14% !important;
        margin-top: -4px !important;
    }
    .logo_name {
        width: 86% !important;
    }
    .logo_name h1 {
        font-size: 20px !important;
        height: 19px !important;
        margin-top: 13px;
    }
    .logo_name h4 {
        font-size: 16px !important;
    }

    .main_logo img {
        width: 100% !important;
    }
    .header-center {
        width: 0% !important;
        margin: 0px !important;
        padding: 0px;
    }
    
    .header-right {
        width: 0% !important;
        margin: 0 !important;
        padding: 0px !important;
    }
    .mobile-menu-trigger {
        margin-top: 25px;
    }


}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-action {
        padding: 5px;
        width: 39%;
    }

    .btn-logo {
        width: 10%;
    }

    .btn-msg {
        font-size: 14px;
    }

    .row.v-center {
        width: 100%;
    }

    .header .item-right {
        flex: 0 0 0% !important;
        margin: 0px;
        padding: 0px;
    }
    .header .item-center {
        flex: 0 0 72% !important;
        margin: 0px;
    }
    
/* =========header logo======= */
    .header-right {
        width: 0% !important;
        margin: 0 !important;
        padding: 0px !important;
    }

    .main_logo img {
        width: 100% !important;
    }
    .header-left {
        width: 31% !important;
        padding: 0px;
    }
    .main_logo {
        width: 22% !important;
    }
    .logo_name {
        width: 80% !important;
        padding-left: 0px !important;
    }

    .header-center {
        width: 69% !important;
        text-align: center !important;
        padding: 0px;
    }
    ul.menu-main {
        padding: 0px;
    }
    .logo_name h1 {
        font-size: 18px !important;
        margin-top: 5px;
        height: 15px;
        letter-spacing: 0px !important;
    }
    .logo_name h4 {
        font-size: 14px !important;
        letter-spacing: 1px !important;
        margin-top: 5px;
    }

    .header .menu>ul>li>a {
        font-size: 14px;
        padding: 10px 3px;
    }
    ul.header-top-text {
        padding: 0px !important;
        margin-top: 4px !important;
    }

    section.home_band h4 {
        font-size: 28px !important;
    }
    .blog_main {
        min-height: 280px;
    }

    .blog_img {
        height: 198px;
        overflow: hidden;
    }
    .blog_text h3 {
        font-size: 16px;
    }



}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .btn-action {
        padding: 5px;
        width: 39%;
    }

    .btn-logo {
        width: 10%;
    }

    .btn-msg {
        font-size: 16px;
    }

    .blog_main {
        min-height: 357px;
    }

    .cta h3 {
        font-size: 29px;
    }

    .cta {
        padding: 0px 0 30px;
    }

    #hero {
        height: 46vh;
    }

    .close {
        right: 1px;
        font-size: 16px;
    }

    .popup-txt {
        width: 49%;
    }

    .header .item-left {
        flex: 0 0 28%;
    }

    .header .item-center {
        flex: 0 0 72% !important;
    }
    
    .header .item-right {
        flex: 0 0 0%;
        margin: 0;
        padding: 0;
    }

     /* =========header logo======= */
     .header-right {
        width: 0% !important;
        margin: 0 !important;
        padding: 0px !important;
    }
    .header-left {
        width: 32% !important;
        padding: 0px !important;
    }
   
    .logo_name {
        width: 80% !important;
    }
    .logo_name h1 {
        font-size: 22px !important;
        height: 16px !important;
        margin-top: 5px;
        letter-spacing: 0px !important;
    }
    .main_logo img {
        width: 75px;
        float: right;
    }

    .logo_name h4 {
        font-size: 14px !important;
        letter-spacing: 1px !important;
        margin-top: 5px;
    }
    .header-center {
        width: 68% !important;
        text-align: center;
        margin: auto;
        padding: 0px;
    }
    ul.menu-main {
        padding: 0px;
    }
    .header .menu>ul>li>a {
    font-weight: 400 !important;
    font-size: 14px;
    padding: 10px 12px !important;
}
.home_band {
    padding: 30px 0;
}

}


@media (min-width: 1400px) {

    .header-top-text {
        display: inline-block;
        margin: 3px 0px;
    }

    .header {
        padding: 6px 0px 5px 0px !important;
    }

    

}