@media(min-width: 991px) {
    .principal_msg_sec .principal_msg_container .principal_msg_content > p {
        font-size: 1.06rem;
        line-height: 1.75rem;
        border-left: 3px solid #ddd;
        padding-left: 1rem;

        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .index_gallery_sec .index_gallery_box {
        height: 225px;
    }

    .admission_form.pro-rightbar {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .admission_form.pro-rightbar {
        margin-top: 62%;
        margin-bottom: -62%;
    }
}

@media(min-width: 1200px) {
    #our_management_sec .principal_msg_container .row > p:last-of-type {
        padding-right: 1rem;
    }
}

@media(min-width: 1560px) {
    html {
        font-size: 17px;
    }

    .masonry {
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media(max-width: 1399px) {
    .additional-tablebox table tbody tr td {
        padding: .75rem .75rem;
    }
}

@media(max-width: 1200px) {
    .hero_sec {
        --hero-height: 520px;
    }

    #our_management_sec .principal_msg_container {
        padding: .5rem 1.5rem 1rem;
    }
}

@media(max-width: 991px) {
    .hero_sec {
        --hero-height: 500px;
    }

    .header-section .border-bottom {
        display: none;
        position: relative;
        width: 100%;
        background-color: #fff;
    }

    .custom-nav .menu-item {
        padding: .75rem 20px 1rem;
    }

    .hero_slide1 .hero_slide1_content {
        position: relative;
        padding-block: 4.5rem 4rem;
    }

    .hero_slide1_img .hero_slide1_img_content {
        display: block;
    }

    .hero_slide1 .hero_slide1_img .hero_slide1_img_content::before {
        width: 100%;
        height: 20%;
        background: linear-gradient(to bottom, #fff, transparent);
    }

    .hero_slide1 .hero_slide1_img img {
        width: 100%;
        height: auto;
    }

    .hero_slide1_img .hero_video {
        width: 100%;
        height: auto;
    }

    .excellent-truspot .line {
        width: 90%;
        height: 1px;
        margin-top: .75rem;
        margin-inline: auto;
        background-color: #fff9;
    }

    .banner__rightv5 .bn5-two {
        left: 10%;
    }

    .banner__rightv5 .bn5-one {
        right: 5%;
    }

    .subscrib__content h3 {
        font-size: 1.5rem
    }

    .admission_sec .cmn-leftclickbody {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: visible;
    }
}

@media(max-width: 764px) {
    html {
        font-size: 15.5px;
    }

    .header-section :is(.main-navbar, .header_offcanvas) .custom-nav .menu-item {
        padding: 1rem .5rem .75rem;
    }

    .navheader_text h3 {
        font-size: 1.75rem;
    }

    .excelent8-countent {
        top: auto;
        bottom: -10%;
    }

    .upcomming-item .datebox {
        width: 10rem;
        border-right: none;
        border-bottom: 1px dashed var(--n60);
    }

    .upcomming-item .datebox h4 {
        display: inline-block;
    }

    .upcomming-item .commin-body {
        flex: auto;
        padding-left: 0;
        margin-top: .8rem;
    }

    #our_management_sec .principal_msg_container {
        padding: .5rem .75rem 1rem;
    }

    .masonry {
        -moz-column-count: 2;
        column-count: 2
    }

    .bn__twotext1 span {
        font-size: .95rem;
    }

    .facility_sec .infra_content .box {
        width: calc(100% / 2 - .5rem);
        margin-bottom: .5rem;
    }

    .infra_banner {
        background-size: cover;
        background-attachment: unset;
        height: 180px;
    }

    .banner__rightv5 .bn5-two img:not(.student-vec) {
        display: none;
    }

    .banner__rightv5 .bn5-two {
        max-width: 100%;
        width: 100%;
    }

    .bn5-two .studenbox {
        left: auto;
        right: 5%;
    }

}

@media(max-width: 564px) {
    .hero_sec {
        --hero-height: 340px;
    }

    .hero_slide1_img .hero_video {
        height: 100%;
        width: auto;
    }

    .banner__rightv5 {
        height: calc(var(--hero-height) + 50px);
    }

    .hero_slide1 .hero_slide1_img img {
        max-width: none;
        width: 100%;
        height: 100%;
    }

    .navheader_text h3 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .center span {
        font-size: 1.75rem;
    }

    .hero_slide1 .hero_slide1_img .hero_slide1_img_content::before {
        background: linear-gradient(to bottom, #f0f9f3, transparent);
    }

    .foundation-left .box p {
        display: inline-block;
        padding-left: .5rem;
    }

    .principal_msg_sec .principal_msg_container h4 {
        font-size: 1.7rem;
        padding-bottom: .75rem !important;
    }

    .principal_msg_sec .principal_msg_container .principal_msg_content {
        padding: 2rem .75rem 1.5rem;
    }

    #our_management_sec .principal_msg_container .principal_msg_content {
        padding: .75rem .2rem 0rem;
    }

    #our_management_sec .principal_msg_container .principal_msg_content > p {
        font-size: .96rem;
        line-height: 24px;
        margin-bottom: 0;
    }

    .principal_msg_sec .principal_msg_container .shape_area img {
        width: 4.25rem;
    }

    footer > .footer__topfour {
        padding-block: 3rem;
    }

    .services_sec .teamfour__wrap .swiper-slide {
        transition: 0.6s;
    }

    .services_sec .swiper-slide-active ~ .swiper-slide,
    .swiper-slide-duplicate-active ~ .swiper-slide {
        transform: scale(0.94);
        opacity: 0.9;
        transition: 0.6s;
    }

    .services_sec .swiper-slide-active,
    .services_sec .swiper-slide-duplicate-active {
        opacity: 1;
        transform: scale(1);
        max-width: 80%;
    }

    .infra_sec .infra_filter .tablinks .nav-links .tablink {
        font-size: 1rem;
        padding: .75rem .75rem;
    }

    .infra_sec .infra_filter .tablinks .nav-links.active .tablink {
        font-size: 1.06rem;
        padding: .75rem 1rem;
    }

    .infra_sec .infra_filter .infra_content ul {
        list-style-type: disc;
        padding-left: 1rem;
    }

    .sport_sec .swiper-slide {
        height: 20rem;
    }

    .courses__featuretab .tablinks .nav-links .tablink {
        padding: 9px .75rem;
        font-size: .95rem;
    }

    .job {
        width: 2.5rem;
        min-width: 2.5rem;
        height: 2.5rem;
    }

    .bn__twothumb .bn__twotext1 .pragraph {
        font-size: .9rem;
    }

    .sport_sec .swiper .swiper-slide img {
        left: 0;
    }

    .additional-tablebox table tbody tr td {
        padding: .75rem .5rem .5rem;
    }

    .additional-tablebox .t-responsive .table {
        width: 560px;
    }

}

@media(max-width: 420px) {
    .hero_sec {
        --hero-height: 300px;
    }

    .header_offcanvas.offcanvas {
        width: 350px;
    }

    .header_offcanvas .offcanvas-header .offcanvas-title {
        font-size: 22px;
    }

    .header_offcanvas .offcanvas-header p {
        font-size: 15px;
    }

    .masonry {
        -moz-column-count: 1;
        column-count: 1
    }

    .facility_sec .infra_content .box {
        width: 100%;
        margin-bottom: .75rem;
    }

    .bn9-thumb .mimg {
        width: 102%;
    }
}