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

    .common-container {
        padding: 0 180px;
    }

    header.header .common-container {
        padding: 0 120px;
    }

    #main-menu li a {
        font-size: 18px;
    }

}

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

    .common-container {
        padding: 0 120px;
    }

    header.header .common-container {
        padding: 0 70px;
    }

    .branch-title {
        font-size: 22px;
    }

    #main-menu li a {
        font-size: 16px;
    }

}

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

    .service-content p {
        font-size: 18px;
        line-height: 26px;
    }

    .service-image {
        height: 260px;
    }

}

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

    .common-container {
        padding: 0 90px;
    }

    header.header .common-container {
        padding: 0 50px;
    }

    .branch-title {
        font-size: 20px;
    }

    #main-menu li a {
        font-size: 15px;
    }

    .menu-item.menu-item-has-children .dropdown-toggle {
        margin-bottom: -2px;
    }

    .service-lists-sec .service-box {
        max-width: 360px;
    }

}

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

    .preschool-container {
        padding: 160px 110px !important;
    }

    .service-image {
        width: 100%;
        height: 225px;
    }

    #main-menu li a {
        font-size: 14px;
    }

    .contact-footer-menu {
        max-width: 275px;
    }

    .contact-footer-menu a,
    .contact-footer-menu p,
    .other-footer-menu .footer-right a {
        font-size: 16px;
    }

    .service-lists-sec .service-box {
        max-width: 320px;
    }

    .connect-content-flex {
        gap: 20px;
    }

}

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

    .common-container {
        padding: 0 60px;
    }

    header.header .common-container {
        padding: 0 50px;
    }

    footer .common-container {
        padding: 0 50px;
    }

    .footer-menu-sec {
        justify-content: space-between;
    }

    .hambuger-menu-sec {
        display: block;
    }

    .mobile-menu-sec {
        position: fixed;
        width: 400px;
        right: 0;
        top: 0;
        height: 100vh;
        z-index: 999;
        padding: 100px 50px 50px;
        background: var(--primary);
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(420px);
        box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.03);
        transition: all 0.5s ease-in-out;
    }

    .mobile-menu-sec.visible {
        transform: translateX(0px);
    }

    .header-menu-sec #main-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .header-menu-sec #main-menu li a {
        font-size: 22px;
        line-height: 32px;
        color: var(--white);
    }

    .header-menu-sec #main-menu li {
        transform: translateX(600px);
        transition: all 0.5s ease-in-out;
    }

    .mobile-menu-sec.visible #main-menu li {
        transform: translateX(0px);
    }

    .menu-close-sec {
        position: fixed;
        right: 30px;
        width: 40px;
        height: 40px;
        top: 35px;
        background: #fff;
        z-index: 99999;
        box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.03);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: flex !important;
    }

    .dropdown-menu {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        z-index: 1000;
        display: block !important;
        min-width: max-content;
        background: none;
        border-radius: 0 !important;
        padding-bottom: 0 !important;
        border: none !important;
        box-shadow: none;
        margin: 0 !important;
        height: 0;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
        padding: 0 !important;
    }

    .highlight a.menu-parent-s {
        color: #30327b !important;
        font-family: 'Jost-Bold';
    }

    #main-menu li li.active a {
        color: #30327b;
    }

    body.nav-visible {
        overflow: hidden;
    }

    .menu-item.menu-item-has-children.active-now .dropdown-menu {
        padding: 10px 0 20px !important;
        height: auto;
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1) rotateX(0deg);
        transition: opacity 0.35s ease-in, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
    }

    .header-menu-sec #main-menu {
        gap: 20px;
    }

    .header-menu-sec #main-menu li ul li a {
        border-left: 2px solid #fff;
    }

    .dropdown-toggle::after {
        width: 18px;
        height: 18px;
        margin-bottom: -5px;
        margin-left: 20px;
        filter: brightness(14.5);
    }

    .header-btn {
        width: 100%;
        margin-top: 20px;
    }

    .header-btn.menu-item a {
        background-color: #3a3c80;
        width: 100%;
    }

    .header-btn.menu-item a:hover {
        background-color: #fff;
        color: #3a3c80 !important;
    }


    .single-menu.active a {
        color: #3a3c80 !important;
    }

    .service-lists-sec {
        gap: 15px;
    }

    .service-title {
        font-size: 20px;
        margin: 0 0 10px;
        margin-top: 4px;
    }

    .service-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .padding-100 {
        padding-top: 80px;
    }

    .preschool-container {
        padding: 50px 40px !important;
        background: #f1f1f1;
    }

    .branch-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu-item.menu-item-has-children .menu-parent-s::after {
        width: 20px;
        height: 18px;
        filter: brightness(30.5);
    }

    .menu-item.menu-item-has-children .menu-parent-s {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .features-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .menu-item.menu-item-has-children {
        flex-wrap: wrap;
        width: 100%;
    }

    .menu-parent-s {
        width: calc(100% - 70px);
    }

    .menu-item.menu-item-has-children .dropdown-toggle {
        width: 50px;
        height: 32px;
        filter: brightness(10.5);
        background-size: 24px;
        margin-bottom: -4px;
        border-radius: 5px;
    }

    .whatsapp-float,
    #backToTop {
        width: 50px;
        height: 50px;
    }

    .mobile-Show,
    .mobile-responsive-button {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

}

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

    .flex-container.our-service-container {
        flex-direction: column;
    }

    .flex-container.our-service-container .width-80 {
        width: 100%;
    }

    .flex-container.our-service-container .flex-left-sec {
        max-width: 400px;
        width: 100%;
    }


}


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

    .common-container,
    footer .common-container {
        padding: 0 50px;
    }

    .footer-menu-sec {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .slide-inner.slide-bg-image .common-container,
    .swiper-slides .common-container {
        margin-top: 60px;
    }

    .hero-title {
        font-size: 62px;
        margin: 0 0 10px;
    }

    .hero-title span {
        font-size: 40px;
    }

}


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

    .about-us-section,
    .why-choose-us-flex-sec {
        flex-direction: column;
    }

    .about-us-section .about-us-content,
    .why-choose-us-flex-sec .right-sec,
    .why-choose-us-flex-sec .left-sec {
        width: 100%;
    }

    .about-us-section .about-us-image {
        width: 75%;
    }

    .service-lists-sec {
        grid-template-columns: repeat(2, 1fr);
    }

    .flex-container {
        flex-direction: column;
    }

    .flex-right-sec {
        width: 100%;
    }

    .flex-left-sec {
        width: 75%;
    }

    .common-container,
    footer .common-container,
    header.header .common-container {
        padding: 0 40px;
    }

    .service-lists-sec .service-box {
        max-width: 370px;
    }

    .padding-100 {
        padding-top: 70px;
    }

    .preschool-container {
        padding: 50px 30px !important;
    }

    .branches-bottom-sec {
        padding: 15px;
    }

    .service-image {
        height: 360px;
    }

    .service-content p {
        font-size: 18px;
        line-height: 28px;
    }

    .centre-about-sec {
        flex-direction: column;
    }


    .centre-left-sec,
    .centre-right-sec {
        width: 100%;
    }

    .centre-right-sec {
        padding: 30px 20px;
    }

    .min-width-225 {
        max-width: 70%;
        min-width: 70%;
    }

    .blog-items-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-slider .slide-inner {
        background-position: right;
    }

    .min-width-150,
    .min-width-225 {
        height: auto;
    }

    .program-item {
        flex-direction: column;
        gap: 40px;
    }

    .program-description {
        padding-left: 0;
        text-align: center;
    }

    .program-label {
        margin: auto;
    }

    .page-template-template-Our-Curriculum .flex-container.box-list-sec img,
    .page-template-template-Montessori-Education .flex-left-sec img,
    .page-template-template-Our-Story .flex-left-sec img,
    .page-template-template-Aims-Goals .flex-left-sec img {
        height: auto;
    }

    .about-us-section.service-flex-box img {
        height: auto;
    }

    .connect-content-flex {
        gap: 40px;
    }

    .connect-content-flex {
        flex-direction: column;
    }

    .connect-image,
    .connect-details {
        width: 100%;
    }

    .connect-title {
        font-size: 38px;
    }

    .download-item {
        padding: 15px 20px;
    }

    .item-info h3 {
        font-size: 18px;
    }

}

@media only screen and (max-width: 900px) {
    .service-image {
        width: 100%;
        height: 270px;
    }

    .hero-slider,
    .hero-slider .swiper-container,
    .hero-slider .slide-inner {
        height: 600px;
    }

    .forminator-custom-form button.forminator-button.forminator-button-upload {
        margin-right: 10px !important;
    }

}

@media only screen and (max-width: 800px) {
    .service-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .fixed-right-menu.modern-menu {
        display: none;
    }

    header.header.hide {
        transform: translateY(0px);
    }

    .fixed-right-menu .menu-item .foot-icon svg {
        width: 26px;
        height: 26px;
    }

    .fixed-right-menu.mobile-responsive-bar {
        position: absolute;
        width: 100%;
        flex-direction: row;
        justify-content: space-evenly;
        gap: 20px;
        top: auto;
        right: auto;
        background: #fff;
        bottom: -44px;
        width: 100%;
        left: 0;
        display: flex;
        border-bottom: 1px solid #ccc;
    }

    .fixed-right-menu.mobile-responsive-bar .menu-item {
        display: flex;
        width: auto;
        background: #fff;
        height: auto;
        color: #30327b;
        border-radius: 0;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .fixed-right-menu.mobile-responsive-bar .foot-icon path {
        fill: #30327b;
    }

    .fixed-right-menu .menu-item span {
        margin-left: 0px;
        font-size: 10px;
        display: none;
    }

    .enquiry-float {
        display: block;
    }

}

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

    .mmi-grid {
        grid-template-columns: 1fr;
    }



}

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

    .common-container,
    footer .common-container,
    header.header .common-container {
        padding: 0 30px;
    }

    .branch-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-image {
        width: 100%;
        height: 220px;
    }

    .common-title {
        font-size: 42px;
    }

    .service-lists-sec {
        gap: 40px;
    }

    .service-lists-sec .service-box {
        max-width: 440px;
        margin: auto;
        height: 560px;
    }

    .service-lists-sec {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-image {
        width: 100%;
        height: 340px;
    }

    .service-title {
        font-size: 24px;
        margin: 0 0 10px;
        margin-top: 20px;
    }

    .service-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .stats-section {
        flex-direction: column;
        gap: 50px;
        padding: 100px 20px;
    }

    .stats-section aside p {
        min-height: auto;
    }

    .features-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .foot-copyright {
        margin-top: 50px;
    }

    .choose-leaf-image {
        position: absolute;
        left: auto;
        top: 0;
        right: -10px;
        z-index: -2;
        transform: none;
    }

    .slide-inner[data-mobile-bg] {
        background-image: attr(data-mobile-bg url);
    }

    .slide-inner.slide-bg-image .common-container,
    .swiper-slides .common-container {
        margin-top: 60px;
    }

    .download-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .download-btn {
        width: 100%;
        justify-content: center;
    }

}

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


    .flex-left-sec {
        width: 100%;
    }

    .preschool-container {
        padding: 50px 20px !important;
    }

    .common-container.main-preschool-container {
        padding: 50px 20px;
    }

    .service-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .hero-title {
        font-size: 54px;
    }

    .hero-title span {
        font-size: 30px;
    }

    .slide-text p {
        font-size: 20px;
        margin: 0 0 14px;
    }

    .why-choose-us-flex-sec .left-sec {
        flex-wrap: wrap;
    }

    .header-section {
        height: 90px;
    }

    body {
        padding-top: 90px;
    }

    .program-item {
        flex-direction: column;
        padding: 30px 15px !important;
    }

    .min-width-225 {
        max-width: 100%;
        min-width: 100%;
    }

    .news-sidebar {
        margin-top: 50px;
    }

    .news-sidebar h3 {
        font-size: 46px;
    }

    .hero-slider .slide-inner {
        background-position: right 35% center;
    }

    .principles-wrapper {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        max-width: 100%;
        max-height: 100%;
    }

    /* Hide lines on mobile */
    .lines {
        display: none;
    }

    .center-circle {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 200px;
        height: 200px
    }

    .why-choose-us-flex-sec {
        gap: 50px;
    }

    .principles-wrapper .item {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        width: 150px;
        height: 150px;
    }

    .circle-items-lists {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-evenly;
    }

    footer {
        overflow-x: hidden;
    }

    .mobile-responsive-button {
        font-size: 14px;
        padding: 7px 15px;
        min-width: 100px;
        height: 35px;
    }

    .header_nav_img {
        height: 50px;
    }

    .menu-nav-icon {
        width: 38px;
    }

    .menu-nav-icon span {
        margin: 3px 0;
    }

}

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

    .common-container,
    footer .common-container,
    header.header .common-container {
        padding: 0 20px;
    }

    .padding-100 {
        padding-top: 50px;
    }

    .common-container.main-preschool-container {
        padding: 50px 12px;
    }

    .branch-buttons {
        flex-direction: column;
    }

    .branch-btn {
        width: 100%;
    }

    .btn-flex-sec {
        flex-wrap: wrap;
        gap: 23px;
    }

    .about-us-section .about-us-content h2 {
        font-size: 40px;
    }

    .about-us-section .about-us-content h3 {
        font-size: 26px;
    }

    .hero-title {
        font-size: 38px;
    }

    .hero-title span {
        font-size: 28px;
    }

    .slide-btns {
        margin-top: 25px;
    }

    .common-title {
        font-size: 36px;
    }

    .first-choose li:nth-child(1),
    .choose-left-box li,
    .third-choose li {
        max-width: 100%;
        width: 100%;
    }

    .choose-left-box {
        width: 100%;
    }

    .why-choose-us-flex-sec .right-sec h3 {
        font-size: 28px;
    }

    .testimonial-profile {
        gap: 20px;
    }

    .testimonial-title {
        font-size: 24px;
    }

    .testimonial-designation {
        font-size: 18px;
    }

    .award-row {
        gap: 15px;
        margin-bottom: 15px;
    }

    .about-us-section .about-us-image {
        width: 100%;
    }

    #monkey_404 {
        margin-top: 50px;
    }

    .footer-menu-sec {
        grid-template-columns: repeat(1, 1fr);
    }

    .padding-50 {
        padding-top: 40px;
    }

    .line-image-foot {
        padding-bottom: 0px;
        transform: scale(1.8);
        padding-top: 10px;
    }

    .testimonial-content p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .testimonial-image {
        min-width: 70px;
        width: 70px;
        height: 70px;
    }

    .stats-section aside p {
        font-size: 30px;
    }

    .image-content-section h3 {
        font-size: 36px;
    }

    .blog-items-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .slide-btns .button {
        padding: 7px 18px;
        min-width: 110px;
        font-size: 15px;
        height: 38px;
    }

    .hero-title::before {
        width: 25px;
        height: 20px;
        left: -18px;
        top: -5px;
    }

}

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

    .service-image {
        width: 100%;
        height: 260px;
    }


    .service-content p {
        font-size: 18px;
        line-height: 28px;
    }

    .award-row.middle-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .award-row.middle-row .award-item:nth-child(3) {
        grid-row: 2 / 2;
        grid-column: 2 / 4;
    }

    .service-lists-sec .service-box {
        height: auto;
    }

    .mobile-menu-sec {
        width: 100%;
        transform: translateX(105%);
        padding: 100px 30px 50px;
    }

    .features-container {
        grid-template-columns: repeat(1, 1fr);
    }

}

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

    .common-container,
    footer .common-container,
    header.header .common-container {
        padding: 0 18px;
    }

    .preschool-container {
        padding: 50px 18px !important;
    }

    .common-container.main-preschool-container {
        padding: 50px 10px;
    }

    .service-image {
        width: 100%;
        height: 210px;
    }

    .hero-title {
        font-size: 34px;
    }

    .common-title {
        font-size: 32px;
    }

    .testimonial-title {
        font-size: 22px;
    }
}


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

    .common-container,
    footer .common-container,
    header.header .common-container {
        padding: 0 15px;
    }

    .common-container.main-preschool-container {
        padding: 50px 8px;
    }
}