@media screen and (min-width: 991.98px) {
    .notice_section .col-md-3 {
        width: 27%;
    }

    .notice_section .col-md-6 {
        width: 46%;
    }
}

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


    /* 
    .date-notice {
        padding: 10px;
    } */

    .school_badge {
        width: 80px;
    }

    .school_activity p {
        font-size: 14px;
    }

    .notice_section_heading {
        padding: 10px;
        font-size: 20px;
    }

    .tabing-contant .nav-tabs .nav-link {

        padding: 15px !important;

    }

    .div-bottom-menu .custom-btn {
        color: #fff;
        padding: 5px 10px !important;
    }

    .div-bottom-menu .mobile-menu-toggle .custom-btn {
        color: #fff;
        padding: 10px 10px !important;
        height: auto;
        width: auto;
        white-space: nowrap;
    }



    header .nav-menu ul li a {
        padding: 20px 0px;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #000;
        transition: all 0.3s ease;
        display: block;
    }

    .card__front i {
        font-size: 90px;
    }

    .card__front,
    .card__back {
        height: 300px
    }


    .card {

        height: 300px;
    }

    p {
        font-size: 14px;
    }


    .logo img {
        max-width: 280px;
    }

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

    .navbar .menu-item {
        font-size: 14px;
    }


    .global_heading h3 {
        color: white;
        font-size: 28px;
    }

    .global_heading h2 {
        font-size: 14px;
    }




}

@media (max-width: 1288.98px) {
    header .nav-menu ul {
        gap: 8px;
    }

    .top_bar_details li {
        font-size: 12px;
    }

    .top_bar .social_icon ul {
        gap: 0px;
    }

    .top_bar .top_bar_details {
        gap: 10px;
    }

    header .header-logo img {
        height: 56px;
    }
}

@media (max-width: 1199.98px) {
    .top_bar .top_bar_details li:last-child {
        display: none;
    }

    header .nav-menu ul li a {
        padding: 20px 2px;
        font-size: 13px;
    }

    .top_bar_details li {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {

    .fees_option{display: none!important;}

    header.scrolled .nav-menu ul li a:hover{ color: white!important;}


    .top_btn_s a {
        display: none;
    }

    header .close-nav-menu,
    header .open-nav-menu {
        display: flex;
    }

    header .nav-menu ul li a:hover {
        color: var(--yellow);
    }

    .hero-section .item {
        height: auto;
    }
}

@media (min-width: 991.98px) {



    header .menu .menu-item-has-children:hover .sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }


    header .menu .menu-item a .plus:after {}

    header .menu>.menu-item-has-children.active>a .plus:after {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    header .close-nav-menu,
    header .open-nav-menu {
        display: none;
    }

    header .menu .menu-item .sub-menu ul li:hover {
        background: var(--Secondary);
        transition: all 0.3s ease;
    }

    header .menu .menu-item .sub-menu ul li.active {
        background: var(--Secondary);
        transition: all 0.3s ease;

    }

    header .menu .menu-item .sub-menu ul li:hover a {
        color: var(--White);
        transition: all 0.3s ease;

    }
}

@media (max-width: 1366.98px) {


    .about-section .container .positon-quote {
        position: absolute;
        height: 700px;
    }

    .our-institutes p,
    .form-label,
    .card-outer table p,
    .card-outer table h4,
    .border-card ul li,
    .card-outer ul li,
    .card-outer ol li,
    .solution-blocks-august-2024 p,
    .our-institutes p,
    .blog-outers p,
    .discover-news-list h4,
    .notice-boardss p,
    .hero-section .item p,
    .breadcrumb-ul .breadcrumb-item a,
    .breadcrumb-ul .breadcrumb-item,
    .middle-header ul li a,
    .box-founders p {
        font-size: 14px;
        line-height: 24px;
    }

    .feature-ex-bos p {

        font-size: 14px;
    }

    p,
    .footer p,
    .footer-bottom p .title-h2 p,
    .visit-our-website,
    .clip-marquees marquee {
        font-size: 14px;
        line-height: 25px;
    }

    .footer .address li p,
    .footer .address li a {
        font-size: 14px;
        line-height: 28px;
    }

    header .navbar ul li a {
        font-size: 14px;
    }

    .footer-menu-list li a {
        font-size: 14px;

    }
}


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

    header .nav-menu ul li a {
        padding: 20px 4px;
    }

    header .visit-our-website {
        font-size: 13px;
    }

}

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

@media (max-width: 1199.98px) {

    header .container,
    .container,
    .container-sm {
        max-width: 100%;
    }

    .hero-section .owl-dots {
        display: none;
    }

}

@media (max-width: 991.98px) {
    .academic_excellence .rewards .owl-nav {
        justify-content: center;
    }

    .position_names {
        right: 0px;
    }

    .prinicpal_img img {
        width: 100%;
    }

    .academic_excellence_outers:after,
    .right_added_box:after {
        display: none;
    }

    .academic_excellence_outers {
        height: auto;
    }

    .notice-marquee {
        height: 300px;
    }

    .about_school,
    .galllery-section,
    .our_gallery,
    .activities_recognition {
        padding: 50px 0px
    }

    .download_app_sec {
        padding-top: 50px;
    }

    .notice_section {
        padding: 30px 0px;
    }

    .school_activity {
        padding-left: 0px;
        padding-right: 0px;
    }

    .since_school {

        /* flex-direction: row-reverse; */
        text-align: center;
        justify-content: center !important;
        align-items: center;

    }

    .top_bar {
        display: none !important;
    }


    header.scrolled .nav-menu ul li a {
        color: #fff;
    }

    header .container,
    .container,
    .container-sm {
        max-width: 100%;
    }

    header .menu-overlay.active {
        visibility: visible;
        opacity: 1;

    }

    header .nav-menu {
        position: fixed;
        left: -480px;
        visibility: hidden;
        width: 345px;
        height: 100%;
        top: 0;
        overflow-y: auto;
        background-color: #143d79;
        z-index: 1000;
        padding: 15px 0;
        transition: all 0.5s ease;
    }

    .mobile-menu-toggle {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    header .nav-menu.open {
        visibility: visible;
        left: 0px;
        transition: all 0.4s ease;

    }

    header .nav-menu ul {
        display: block;
    }

    header .menu .menu-item .sub-menu {
        width: 100%;
        position: relative;
        opacity: 1;
        visibility: visible;
        border: none;
        background-color: transparent;
        box-shadow: none;
        transform: translateY(0px);
        padding: 0px;
        left: auto;
        top: auto;
        max-height: 0;
        overflow: hidden;
        display: block;
        left: auto !important;
        border-radius: 0px;
        transition: all 0.4s ease;

    }

    header .menu .menu-item li {
        transition: all 0.4s ease;

    }

    .button-groups-btn {
        display: none;
    }

    .nav-menu .button-groups-btn {
        display: flex;
        gap: 30px;
        padding: 10px 20px;
        margin-top: 20px;
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
    }

    .about-section .container .positon-quote {
        display: none;
    }

    .about-section .container {
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .about-section .owl-carousel .owl-item .img-aboutuse img {
        width: 99%;
        margin: auto;
    }



    .border-left-about {
        text-align: center;
    }

    .custom-nav,
    .about-section-top .title-h2 span {
        justify-content: center !important;
    }

    .about-section-top .title-h2 {
        text-align: center;
    }

    header .menu .menu-item .sub-menu ul li a {
        padding: 12px 30px;
        color: #ffffff;
        border-bottom: 1px solid #ffffff54;
    }

    header .visit-our-website {
        padding: 6px 20px;
    }

    header .nav-menu ul li:first-child>a {
        border-top: 1px solid #ffffff54;
    }

    header .menu>.menu-item-has-children>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header .nav-menu ul li>a {
        color: #ffffff;
        padding: 12px 15px;
        border-bottom: 1px solid #ffffff54;
        font-weight: 500;

    }

    ul.menu-left-dektop {
        border-right: 0px;
        padding: 0px;
    }

    .menu-item-has-children.active .sub-menu {
        display: block;
    }

    header .menu .menu-item .sub-menu ul li a:hover {
        color: var(--yellow);

    }

    .solution-blocks-august-2024 .solution-blocks-tabs {
        padding: 0px;
        overflow: hidden;
    }

    .solution-blocks-august-2024 .solution-blocks-tabs ul {
        overflow-x: auto;
        padding: 10px 10px;

    }

    .solution-blocks-august-2024 .solution-blocks-tabs .solution-blocks-tab {
        white-space: nowrap;
        font-size: 14px;
        padding: 6px 10px;
    }

    .solution-blocks-august-2024 .solution-blocks-tabs a img {
        width: 38px;
        height: 38px;
    }

    .solution-blocks-august-2024 .solution-blocks-tabs .solution-blocks-tab {
        gap: 7px
    }

    .solution-blocks-august-2024 .solution-blocks-item {
        padding: 30px 0 0px;
    }



    header .visit-our-website i {
        display: none;
    }

    header .visit-our-website {
        white-space: nowrap;
        font-size: 12px;
    }

    .mobile-menu-toggle {
        gap: 2px;
    }

    .hero-section .owl-dots {
        left: 0px;
        transform: unset;
        bottom: 50px;
        display: flex;
        gap: 15px;
        flex-direction: unset;
        justify-content: center;
        width: 100%;
        top: unset;
    }

    .clip-marquees {
        width: 100%;
    }

    .solution-blocks-august-2024 {
        text-align: center;
    }

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

    .right-side-top,
    .top-hheader ul {
        justify-content: end;
    }

    .top_btn_s svg {
        margin-right: 12px;
    }

    .socilmedia {
        display: none;
    }

    .top-hheader ul {
        margin-bottom: 8px;
    }

    header {
        overflow: hidden;
    }

    .button-groups-btn a {
        padding: 4px 20px;
    }

    section.about-section-academy .title-h2,
    section.about-section .title-h2,
    .objection-aim .title-h2 {
        text-align: center;
        margin: auto;
    }

    .tabing-contant .nav-tabs {
        flex-direction: unset !important;
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .tabing-contant .nav-tabs .nav-link {
        width: unset !important;
    }

    .news-events-recents .upcomming-events,
    .tabing-contant {
        display: unset !important;
    }

    .objection-aim {
        padding: 40px 0px 0px;
    }

    .footer .address li {
        width: 100%;
    }

    .footer .address ul {
        flex-wrap: wrap;
    }

    .footer .address li:not(:first-child) {
        justify-content: flex-start;
    }

    .footer .address li:not(:last-child) {
        border: 0px;
    }

    .top-footer {
        margin-bottom: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    header .open-nav-menu {
        width: 146px;
    }
}

@media (max-width: 767.98px) {

    .slider_video video {
    width: 100%;
    height: 35vh;}

    .download_app_sec .links_app {
        justify-content: center !important;
    }

    .news_image img {
        height: 245px;
    }

    .news-events-recents .title-h2 h2 {
        font-size: 18px;
        margin-top: 20px;
    }

    .news-events-recents {
        padding: 40px 0;
    }


    .social_icon ul {
        justify-content: center;
    }

    .content-slider h1 {
        font-size: 28px;
    }

 

    .video_box {
        align-items: center;

    }


    .manage_button {
        justify-content: center;
        display: none;
    }

    .facilities {
        padding: 40px 0;

    }

    .prinicpal_message {
        padding: 40px 0;
    }

    .clip-marquees {
        flex-wrap: wrap;
    }

    .div-anouncement,
    .marquee-slider-outer {
        width: 100%;
    }

    .marquee-slider-outer {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        background: var(--yellow);
    }

    .clip-marquees .custom-nav {
        padding-bottom: 20px;
        width: 100%;
        margin-top: 10px;
    }

    .div-anouncement::after {
        display: none;
    }


    .solution-blocks-august-2024 h3 {
        font-size: 28px;
    }

    .school_facilities {
        padding-bottom: 50px;
    }

    .footer h5 {
        margin-bottom: 15px;
    }

    .footer-menu-list ul {
        margin-bottom: 0px;
    }

    .title-h2 h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .title-h2 img {
        width: 90px;
    }

    .destination-list-area {
        flex-wrap: wrap;
    }

    .destination-list .box-title {
        display: none;
    }

    .box_my_h {
        display: block;
        position: absolute;
        bottom: 10px;
    }

    .school_facilities .container {
        margin-top: 0px;
    }

    .school_facilities {
        padding-top: 40px;
    }



    .top-hheader ul {
        display: none;
    }

    .hero-section .item h1 {
        font-size: 28px;
    }

    .wdt-image-box-container.swiper-container.swiper-creative {
        width: 73%;
    }

    .wdt-content-media-content {
        padding: 10px 10px;
    }

    .wdt-content-media-content img {
        height: 60px !important;
    }

    .wdt-content-item .wdt-content-media-group {
        min-height: 360px;
    }

    .wdt-content-media-content h5 {
        font-size: 20px;
    }

    .our-institutes p,
    .solution-blocks-august-2024 p,
    .our-institutes p,
    .blog-outers p,
    .discover-news-list h4,
    .notice-boardss p,
    .hero-section .item p {
        font-size: 16px;
        line-height: 24px;
    }

    .feature-ex-bos p {

        font-size: 16px;
    }

    .middle-header {}

    .middle-header {
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .middle-header ul {
        overflow: scroll;
        padding-bottom: 10px;
        justify-content: start;
    }

    .custom-nav button,
    .swiper-button-next,
    .swiper-button-prev {
        width: 30px;
        height: 30px;
        margin-top: 16px;
        line-height: 30px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 15px;
    }

    .about-page p {
        text-align: left;
    }

    .about-page {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    p,
    .footer p,
    .footer-bottom p .title-h2 p,
    .visit-our-website,
    .border-card ul li,
    .card-outer ul li,
    .card-outer ol li,
    .clip-marquees marquee,
    .border-left-about p,
    .box-founders p {
        font-size: 16px;
        line-height: 28px;
    }

    .footer .address li p,
    .footer .address li a {
        font-size: 16px;
        line-height: 28px;
    }

    header .navbar ul li a {
        font-size: 16px;
    }

    .footer-menu-list li a {
        font-size: 16px;

    }

    .scrollToTop {
        right: 10px;
        bottom: 10px;
    }

    .discover-news-list h4 {
        font-size: 16px;
    }

    .destination-list p {
        font-size: 16px;
    }


    .about-section-inner {
        padding: 0px 10px 10px 0px;
    }

    .discover-news-list i {
        display: none;
    }

    .news-events-recents .title-h2 {
        margin: auto;
    }

    .monarch-logo p br {
        display: none;
    }

    .monarch-logo {
        margin-bottom: 15px;
    }

    /* header .open-nav-menu {
        justify-content: end;
    } */



    .custom-prev,
    .custom-next {
        position: unset;
        transform: unset;
    }


    header .visit-our-website {
        padding: 3px 10px;
    }



    .box-founders p {
        text-align: center;
    }

    .top-hheader::after {
        display: none;
    }



    .hero-section .item {
        padding: 40px 0px 60px;
    }

    .swiper-nav-custom {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 70px;
        justify-content: center;
    }

    .exclusive-fetures {
        padding: 40px 0px;
    }


    .counter-section {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .middle-header ul li a {
        padding: 8px 14px;
    }

    .discover-feature {
        padding-bottom: 50px;
    }

    .div-anouncement {
        height: auto;
        padding: 10px 10px;
    }


    .box-gallery-album>img,
    .admission-page .card-outer .gallery-box.gallery-box-seprate img,
    .gallerys-page .card-outer .gallery-box.gallery-box-seprate img {
        height: 180px;
    }

    .tf-social-icon ul {
        margin-bottom: 0px;
    }

    .admission-page .card-outer .special-table table td {
        display: block;
    }

    .box-gallery-img {
        padding: 8px;
    }

    .box-gallery-album .box-gallery-img img {
        height: 100px;
    }

    .admission-pages-inners {
        padding: 40px 0px 40px;
    }

    .mboile-pay {
        display: none;
    }

    header .button-groups-btn .visit-our-website.mboile-pay i {
        display: inline-block;
    }

    header .button-groups-btn .visit-our-website.mboile-pay {
        padding: 0px 0px 0px 30px;
        display: inline-block;
        font-size: 14px;
    }

    .mboile-pay {
        margin-left: 0px;
    }
}

@media (max-width: 575.98px) {

    .parent_testimonials {
        padding: 40px 0px 50px;
        background-color: #143d79;
    }

    .count-title {
        font-size: 12px;
    }

    .count-digit {
        font-size: 28px;
    }

    .count-area i {
        font-size: 28px;
    }


    section.clods_image {
        display: none !important;
    }

    .footer-bottom p {
        font-size: 14px;
    }

    header .open-nav-menu {
        width: 100px;
    }

    .announcments p {
        font-size: 15px;
        padding: 8px 0;

    }



    .footer-logo img {
        height: 70px;
    }



    .top_btn_s .custom-btn {
        color: #fff;
        padding: 10px 5px !important;
    }


    .logo img {
        max-width: 220px;
    }



    .exclusive-fetures .title-h2 {
        text-align: center;
    }

    .exclusive-fetures .title-h2 span {
        justify-content: center !important;
    }

    .kd-counter-4-item .content {
        width: 100%;
        text-align: center;
    }

    .kd-counter-4-item h5 {
        justify-content: center;
    }

    .kd-counter-4-item {
        margin: auto;
        flex-wrap: wrap;
        justify-content: center;
    }

    .box-gallery-album>img {
        height: 240px;
    }
}

@media (max-width: 475.98px) {

    .admission-page .card-outer .gallery-box.gallery-box-seprate img,
    .gallerys-page .card-outer .gallery-box.gallery-box-seprate img {
        height: 250px;
    }

}