@media only screen and (min-width: 1381px) and (max-width: 1440px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1380px) {
.header .navbar-nav .nav-item .nav-link{padding: 18px 5px; font-size: 14px; text-align: center;}
#main-menu ul li ul li a{font-size: 14px;}
.footer .footer-top .address,.footer .footer-top p,.footer .footer-top a{font-size: 14px;}
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {

}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .header .header-top .top-left .navbar-brand{ width: 120px;}
    .header .header-top .container{position: relative;}
    /* .header .header-top .top-right .links{display: flex; flex-direction: column;}
    .header .header-top .top-right .links a{margin-right: 0;}
    .header .header-top .top-right .links a:first-child{margin-bottom: 8px;} */
    .header .header-top .top-right .links{position: absolute; top: 118px; z-index: 1; left: 12px; color: rgb(var(--color_white));}
    .header .header-top .top-right .links a{margin-right: 10px; color: rgb(var(--color_white));}
    .header .header-top .top-right .links a img{filter: var(--imgWhite);}
    .header .header-top .top-right .links a:hover,.header .header-top .top-right .links a:focus{color: rgb(var(--color_white));}
    .header .eng-curriculum .map{width: 40px;}

    .navbar-collapse{padding: 0 !important;}

    /* .navbar-toggler{border: none;}
    .header .dropdown>.dropdown-menu{display: none; opacity: 1; visibility: visible; transform: none;}
    .header .navbar-nav .nav-item .sub-menu{display: none;}
    .header .dropdown:hover>.dropdown-menu{display: none;}
    .header .navbar-nav .nav-item.active .nav-link::after{display: none;} */

    .header .navbar-nav .nav-item .nav-link{text-align: left; padding: 14px 10px;}
    .header .navbar-nav .nav-item.menu-item-has-children .nav-link{ position: relative;}
    .header .navbar-nav .nav-item.menu-item-has-children .nav-link::before{content: "\f078"; font-family: 'FontAwesome';
    font-size: 1rem; position: absolute; right: 10px; top: 12px; color: rgb(var(--color_white));   }

    .header .dropdown>.dropdown-menu {display: none; transition: none; opacity: 1; visibility: visible; transform: none;}
    .header .dropdown:hover>.dropdown-menu{display: block; opacity: 1; visibility: visible; transform: translateY(0);}
    .header .navbar-nav .nav-item.active .nav-link::after{display: none;}
    #main-menu ul li .sub-menu{display: none;}

    #banner{height:  calc(70vh - 70px);}
    #banner .item{height:  calc(70vh - 70px);}
    #banner .item .banner-bg{height:  calc(70vh - 70px);}

    .middle-block .main-text{font-size: 3rem;}
    .middle-block .sub-text{font-size: 1.25rem;}

    #banner .slider-buttons{display: none !important;}
    #banner .container{padding-bottom: 20px;}
    .facility-slider,.facility-slider .owl-stage-outer,.facility-slider .owl-stage-outer .owl-stage,
    .facility-slider .owl-stage-outer .owl-stage .owl-item,.facility-slider .item,
    .facility-slider .item .banner-text{height: 400px;}

    .facility .owl-carousel.style01 .owl-nav{display: none;}

    .director-message .light-bg::after{display: none;}

    .dwn-content{padding-right: 0; border-right: none; border-bottom: 1px solid #B4B4B4; margin-bottom: 1rem;}
}

@media only screen and (max-width:767px){

    #wrapper{padding-bottom: 50px;}
    .header .header-top .top-left .navbar-brand{ width: 80px;}
    .header .header-top .top-left .divider{margin: 0 10px !important; height: 30px;}
    /* .header .social-media{position: fixed; left: 0; right: 0; bottom: 0; height: 50px; background-color: rgb(var(--primary1)); justify-content: center;}
    .header .social-media a img{filter: var(--imgWhite);} */
    .header .eng-curriculum .map{width: 30px;}
    .header .header-top .container{position: relative;}
    .header .header-top .top-right .links{position: absolute; top: 68px; z-index: 1; left: 12px; color: rgb(var(--color_white));}
    .header .header-top .top-right .links a{margin-right: 10px; font-size: 14px; color: rgb(var(--color_white));}
    .header .header-top .top-right .links a img{width: 18px; filter: var(--imgWhite);}
    .header .header-top .top-right .links a:hover,.header .header-top .top-right .links a:focus{color: rgb(var(--color_white));}

    .header .header-top .eng-curriculum .text{font-size: 9px;}



    /* .navbar-toggler{border: none;}
    .header .dropdown>.dropdown-menu{display: none; opacity: 1; visibility: visible; transform: none;}
    .header .navbar-nav .nav-item .sub-menu{display: none;}
    .header .dropdown:hover>.dropdown-menu{display: none;} */

    .header .navbar-nav .nav-item .nav-link{text-align: left; padding: 14px 10px;}
    .header .navbar-nav .nav-item.menu-item-has-children .nav-link{ position: relative;}
    .header .navbar-nav .nav-item.menu-item-has-children .nav-link::before{content: "\f078"; font-family: 'FontAwesome';
    font-size: 1rem; position: absolute; right: 10px; top: 12px; color: rgb(var(--color_white));   }

    .header .dropdown>.dropdown-menu {display: none; transition: none; opacity: 1; visibility: visible; transform: none;}
    .header .dropdown:hover>.dropdown-menu{display: block; opacity: 1; visibility: visible; transform: translateY(0);}
    .header .navbar-nav .nav-item.active .nav-link::after{display: none;}
    #main-menu ul li .sub-menu{display: none;}


    #banner{height:  calc(100vh - 70px);}
    #banner .item{height:  calc(100vh - 70px);}
    #banner .item .banner-bg{height:  calc(100vh - 70px);}
    #banner .banner-content{max-width: 90%; margin: 0 auto; text-align: center;}
    #banner .slider-buttons{display: none !important;}
    #banner .container{padding-bottom: 20px;}

    #banner{display: none;}
    #mob-banner{display: block;}

    .middle-block{padding: calc(var(--padding)/2) 0;}
    .middle-block .main-text{font-size: 2rem;}
    .middle-block .sub-text{font-size: 1rem;}

    .about .item-block{flex-direction: column; text-align: center;}
    .about .item-block .icon{margin-right: 0;}
    .about .item-block .info{border-top: 1px solid #9f9f9f; border-left: none; padding: 10px 0; min-height: 100px; margin-top: 10px;}

    .navbar-collapse{padding: 0 !important;}

    .facility-slider,.facility-slider .owl-stage-outer,.facility-slider .owl-stage-outer .owl-stage,
    .facility-slider .owl-stage-outer .owl-stage .owl-item,.facility-slider .item,
    .facility-slider .item .banner-text{height: 260px;}

    .facility .owl-carousel.style01 .owl-nav{display: none;}


    .card-sample .card-title,.contact-block h4,.address-block .item .text .value,
    .testimonials .item .card .name,.news-block .news-style02 .title,
    .footer .footer-top h6,.accordion .card-header a,.uniform-block h4,
    .registration-block h4,.list-style01 li,.leadership-block .leadership-content .name{font-size: 1.125rem;}

    .card-sample .card-title{bottom: 0;}
    .card-sample:hover .card-title{bottom: 0;}
    .director-message .light-bg::after{display: none;}
    .director-message .main-message{width: auto; padding: 20px;}
    .director-message .sub-message{padding: 20px;}

    .facility-slider .item .banner-text{padding: 10px; padding-right: 15%;}
    .facility-slider .item .banner-text::after{height: 100%;}

    .testimonials .item .card {padding: 26px 26px 40px;}

    h2.title,.about h2.title{font-size: calc(1.425rem + 2.1vw);}
    .footer .f-logo{max-width:140px;}
    .footer .footer-top h6{margin-bottom: 6px;}
    .footer .footer-bottom{text-align: center;}


    #inner-banner .inner-pic {--bs-aspect-ratio: 100% !important;}
    #inner-banner h1{line-height: 1.2; font-size: calc(1.425rem + 2.1vw); margin-bottom: 1rem;}
    .custom-strip{padding: 0.8rem;}
    .custom-strip .custom-links{flex-wrap: wrap;}
    .custom-strip .custom-links a{margin: 5px 10px;}

    .purpose-block .card-sample02 .item{height: auto;}
    .purpose-block [class^="col-"] .card-sample02{flex-direction: column-reverse;}
    .dwn-content{padding-right: 0; border-right: none; border-bottom: 1px solid #B4B4B4; margin-bottom: 1rem;}
    .foundation-block .sub-message ul li,.educational-program .bottom-row ul li,.director-message .main-message .quote {font-size: 1.5rem;}
    .educational-pic{position: relative !important;}
    .educational-program .main-message{padding: 20px;}
    .educational-program .bottom-row{padding: 20px;}

    .header .header-top .top-right .accreditation-logos .accreditation-img{max-width: 40px;}
    .table-cust thead{display: none;}
    .table-cust tbody tr td{display: flex; padding: 0; border-left: none; border-right: none;}
    .table-cust tbody tr td div{padding: 0.5rem; width: 50%;}
    .table-cust tbody tr td div:first-child { text-align: left;width: 60%;}
    .table-cust tbody tr:nth-child(even) td div:last-child { color: rgb(var(--color_white));}
}
@media only screen and (max-width:767px) and (orientation: landscape) {

}
@media only screen and (min-width:320px) and (max-width:480px){
}


@media only screen and (max-width:767px){
    video.mvid,.video-banner{height: 30vh;}
}