@media (max-width: 991.98px) {
    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: 28px;
    }

    .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) {

      .mobile-menu-toggle {

        justify-content: space-between;

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

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

    }

    header .nav-menu {
        position: fixed;
        left: -280px;
        visibility: hidden;
        width: 280px;
        height: 100%;
        top: 0;
        overflow-y: auto;
        background-color: #323232;
        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 #333333;
    }

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

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

    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 #333333;
        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 .header-logo img {
        height: 75px;
        width: auto;
    }

    /* 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;
    }

   img.years-of-experience {
    margin-left: 0px;
   }
    .socilmedia {
        display: none;
    }
.small_header_heading {
    font-size: 10px;
        line-height: 12px;
}
    .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;
    }

    .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;
    }
}

@media (max-width: 767.98px) {
    .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;
    }

    header .header-logo img {
        height: 62px;
        width: auto;
    }

    .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: 20px;
        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;
    }

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

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

    header .header-logo img {
        height: 50px;
        width: auto;
    }

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

    /* .header-logo:after {
        content: '';
        position: absolute;
        left: 90%;
        border-left: solid 60px #323232;
        border-bottom: solid 111px transparent;
        border-bottom-width: 210px;
        z-index: -1;
    } */

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

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

    /* header, header.scrolled {
        background: var(--Secondary);
    } */
.top_header_heading {
    font-family: "Times New Roman", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -1.5px;
    color: #000;
    margin-bottom: 0px;
}
    .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;
    }

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

    .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;
    }

    .galllery-section .gallery-box img,

    .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) {
 

    .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) {
    .galllery-section .gallery-box img,


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

}