section.connect button.btn.btn-blue.bgblue {
        padding: 17px 57px;
    }
    .member-img img {
        height: auto;
    }
    .creativebutton input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #004d87;
    color: #fff;
    width: auto;
    border-radius: 28px;
    padding: 16px 35px;
   }
   section.creative-write-form.courses-enquire.green-vector::before {
    left: 0;
}
@media (max-width: 600px) {
    section.services .grid-container, .testimonial_inner .grid-container { grid-template-columns: repeat(1, 100%); }
    section.contactus .flex-box { display: block; }
    section.contactus::before, section.contactus::after { display: none; }
    .starkid { position: relative; }
    .greentshirtboy::before, .greentshirtboy::after { display: none; }
    section.form-section.online-services { padding: 80px 30px; }
    section.banner .flex-box, .ready-inner .flex-box { display: block; }
    section.contactus { padding: 40px 0px 0px; }
    section.form-section.online-services::before { height: 56%; width: 190px; left: -88px; bottom: 81px; rotate: 185deg; }
    section.form-section::after { height: 461px; width: 212px; right: -12px; top: 30%; }
    section.form-section.online-services::after { width: 381px; right: -121px; top: 24%; }
    .yellow-girl { position: relative; }
    section.creativewriting-course {padding: 50px 0px 0px;overflow: hidden;}
    section.creativewriting-course .col70 { width: 100%; }
    section.creativewriting-course .col30 { width: 100%; }
    section.creativewriting-course h1 { text-align: center; padding: 30px 0px; }
    section.creative-write { padding: 50px 30px; }
    section.creative-write h2 { font-size: 36px; }
    section.creativewriting-course::before, section.creativewriting-course::after { display: none; }
    section.form-section { overflow: hidden; }
    section.form-section::before { height: 69%; width: 297px; left: -64px; bottom: -2px; rotate: 9deg; }
    .contactbanerContent { padding: 30px; }
    .greentshirtboy img { margin-bottom: -4px; }
    .flex-box .col50 { width: 100%; }
    section.banner { padding: 40px 0px 0px; overflow: hidden; }
    .banner-content { text-align: center; }
    h1 { font-size: 36px; line-height: 57px; }
    .starkid { position: relative; }
    .banner .banner-content { padding: 0px 30px; }
    .banner-content p { font-family: Inter; }
    button.btn.btn-yellow { width: 100%; }
    section.banner::before { height: 184px; left: -35px; }
    section.banner::after { display: none; }
    .banner-content::after { right: auto; left: 0px; bottom: -97px; }
    .logo { max-width: 114px; }
    section.success { padding: 50px 20px; }
    .block { display: inline; }
    section.success::after { height: 88px; width: 47px; bottom: -31px; }
    section.success { padding: 50px 20px; }
    section.services {padding: 40px 30px;}
    section.testimonial .afterline::after { width: 200px; height: 200px; bottom: -99px; left: -113px; }
    .ready-inner::before { display: none; }
    section.testimonial { padding: 20px 30px 20px 20px; }
    section.testimonial::after { width: 205px; height: 436px; left: -108px; }
    section.testimonial.bgline::before { height: 459px; width: 218px; }
    section.connect h2 { font-size: 35px; margin: 0px auto; }
    section.connect .flex-box { display: block; text-align: center; position: relative; z-index: 999999999; }
    section.connect ul { justify-content: center; margin-bottom: 30px; }
    footer .flex-box { display: block; }
    footer .flex-box .col20, footer .flex-box .col40, footer .flex-box .col { max-width: 87%; margin: 0px auto; width: 100%; }
    .ready { padding: 60px 20px 35px; text-align: center; }
    .ready-inner { padding: 0px; overflow: hidden; }
    footer { padding: 40px 10px !important; }
    section.readytostart { margin-top: 0px; padding: 40px 20px; }
    .newsletter.relative.bg-yellow.radious28 { max-width: 310px; margin: 41px 0px 0px; }
    .newsletter form input[type="email"] { width: 60%; }
    footer .logo { text-align: center; margin: 0px auto; }
    .onlymobile { display: block; }
    .mb-none::after { display: none; }
    .enquireboy::after { height: 313px; top: auto; bottom: -41px; width: 123px; }
    .mbafterline::after { background-image: url("../images/whiteline.png"); width: 100%; height: 4%; bottom: -6px; left: 0px; position: absolute; content: ""; background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .ready-inner .col50 img { margin-bottom: -5px; }
    section.connect::after { background-image: url("../images/mobilevector.png") !important; bottom: auto; height: 167px; width: 77px; top: 0px; }
    button.bg-yellow { width: 100%; padding: 13px 0px !important; }
    .col50.ready h2 { font-size: 37px; }
    section.list-of-centre .bg-gray .flex-box { display: block; }
    section.list-of-centre .bg-gray button { width: 100%; margin: 7px 0px; }
    section.list-of-centre { padding: 30px; }
    .listing ul li { display: block; text-align: center; padding: 12px 0px !important; margin: 0px !important; }
    .btn-froup button { width: 100% !important; margin: 8px 0px !important; }
    select.btnbordered { width: 100%; margin-top: 6px; }
    section.map-section h2, section.list-of-centre h2 { font-weight: normal; text-align: center; margin: 0px auto; padding-bottom: 15px; }
    .map { margin-top: 15px; }
    .map iframe { height: 278px; }
    .onlineservice-inner .flex-box { display: block; }
    .onlineservice-inner .flex-box .col60 { width: 100%; text-align: center; }
    .bookbutton button { width: 100%; margin-top: 21px; }
    section.mainbanner .col40, section.mainbanner .col60 { width: 100%; }
    .center-inner .flex-box { display: block; text-align: center; }
    section.mainbanner { padding: 40px; }
    section.mainbanner::after { background-image: url("../images/yellowm.png") !important; height: 192px; width: 71px; bottom: -52px; }
    header { padding: 20px 15px; }
    section.form-section .flex-box { display: block; position: relative; z-index: 99999; }
    .col50inner { text-align: center; }
    .contactform { padding: 20px 15px; }
    .tabinghead.ourcourseshead button.btnbordered { width: 100%; margin: 10px 0px 0px; }
    .inner-content p { padding: 0px; }
    .tabing-body .padding80all { padding: 17px 14px; }
    section.why-choose-us { padding: 40px; }
    .inner-content button.bg-white { text-align: left; }
    .inner-content button.bg-white a { font-size: 23px; }
    .inner-content .block { display: block; padding-bottom: 10px; }
    button { width: 100%; }
    .checkout-faq.center button { text-align: center; width: 100% !important; margin: 10px 0px !important; }
    section.ourcourses::before { bottom: -44px; height: 111px; width: 53px; left: 0px; }
    .tabing-body { margin: 30px 0px; }
    section.elevencourses { padding: 37px; }
    section.elevencourses { padding: 37px; }
    section.orangeplay { padding: 40px; }
    section.orangeplay h4 { font-size: 38px; line-height: 40px; }
    section.courses-enquire::after { height: 199px; width: 60px; }
    section.form-section { padding: 60px 40px; }
    .col50inner h2 { font-size: 36px; margin: 0px auto; }
    .col50inner h2 .block { display: block; }
    section.faq { padding: 40px; }
    .tabinghead.ourcourseshead { margin-top: 20px; }
    .boywithredshirt { width: 491px; }
    section.coursesbanner.bg-green.contentbefore.relative { padding: 70px 33px 400px; text-align: center; }
    section.coursesbanner .flex-box { display: block; }
    section.coursesbanner .flex-box .col40, section.coursesbanner .flex-box .col60 { width: 100%; }
    .onlydesktop { display: none; }
    .whitepencil::after { display: none; }
    section.mocktest-banner .flex-box { display: block; position: relative; z-index: 99999; }
    .girlafter { position: static; margin: 30px 0px -14px; }
    section.mocktest-banner { padding: 80px 45px 0px; }
    section.mocktest-banner h1 span { font-size: 36px; }
    section.mocktest-banner h1 { line-height: 44px; }
    section.mocktest-banner::after { height: 312px; width: 78px; bottom: -27px; }
    section.mocktest-banner::before { height: 365px; width: 182px; bottom: auto; }
    section.content-section { padding: 40px; }
    section.makes_diffrent .grid-container { grid-template-columns: repeat(1, 99%); }
    section.makes_diffrent { padding: 50px 25px; }
    section.makes_diffrent .grid-item { padding: 10px; }
    h4 { line-height: 42px; }
    section.makes_diffrent .afterline::after { height: 72%; }
    .col50.mbpadding { padding: 40px; }
    .enquire-box { position: relative; z-index: 999999; }
    .enquireboy { overflow: hidden; }
    .enquireboy .enquire-box { margin-right: -190px; }
    section.mocktestsection::after { top: 21%; height: 484px; width: 173px; right: -12px; }
    section.mocktestsectio { overflow: hidden; }
    section.mocktestsection::before { bottom: 0px; height: 514px; width: 261px; left: -27px; }
    section.success-banner { padding: 40px 0px 0px; overflow: hidden; }
    section.video-section { padding: 70px 30px; }
    section.video-section .flex-box { flex-flow: column-reverse wrap; }
    section.video-section .flex-box .col40 { width: 100%; }
    .curlyhairbabyboy { position: static; margin: 0px 0px -10px -10px; }
    section.video-section .flex-box .col60 { width: 100%; }
    .success-banner::before { display: none; }
    .video-inner { padding: 0px; }
    .video-inner h4 { text-align: center; }
    .video-inner .block { display: block; }
    section.success-banner .flex-box { display: block; }
    section.success-banner .banner-inner { padding: 30px; }
    .success-testimonial::after, .success-testimonial::before { display: none; }
    section.success-testimonial { padding: 40px; }
    .shadowblue { box-shadow: rgb(0, 77, 135) 3px 4px 0px 3px; }
    .curly-hair::after { display: none; }
    .curly-hair h2 { text-align: center; font-size: 43px; }
    .ready-inner h2 { margin-bottom: 20px; }
    section.success-banner .banner-inner h1 { text-align: center; margin-bottom: 40px; }
    .aboutchildbox { position: relative; }
    section.about-us { padding: 70px 40px; margin: 0px; }
    section.about-us .flex-box { display: block; }
    section.about-us .flex-box .col40, section.about-us .flex-box .col60 { width: 100%; }
    .about-us-content { margin-top: 30px; }
    .about-us-content h2 { text-align: center; margin: 0px auto; }
    section.make-diffrence .grid-item .flex-box { display: block; padding: 20px; }
    section.make-diffrence .grid-item .flex-box .col30 { width: 100%; text-align: left; }
    section.our-team .grid-container { gap: 50px; grid-template-columns: repeat(1, 100%); }
    section.make-diffrence .grid-item .flex-box .col70 { width: 100%; }
    .tabinghead { margin-top: 20px; }
    .tabinghead button.btnbordered { width: 100%; margin: 8px 0px; }
    section.our-team { padding: 60px 30px; }
    .chasmish-boy { position: relative; margin-left: -10px; }
    section.readytostart.boy-section .ready-inner::after { display: none; }
    h3 { font-size: 30px; line-height: 35px; }
    .topcontent h2 .block { display: block; }
    .topcontent h2 { font-size: 42px; padding-bottom: 20px; }
    section.form-section.creative-write-form {
        padding: 50px 20px;
    }
    section.form-section.creative-write-form .contactform {
        margin: 20px;
    }
    .ready-inner h2 .block {
        display: block;
    }
    .ready-inner h2 {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 20px;
    }
  }
  @media (max-width:575px) {
    button.btn.btn-blue.bgblue.d-flex {
        padding: 13px 7px;
    }

    button.btn.btn-blue.bgblue.d-flex img {
        width: 12px;
        margin-left: 2px;
    }

    .nav {
        position: absolute;
        left: 0;
        background: #fff;
        z-index: 99999999999999;
        width: 100%;
        margin: 18px 0 0;
        padding: 20px 0;
        border-top: 3px solid #004d87;
        display: none;
    }
    button.btnbordered {
        width: 100% !important;
        margin: 10px 0px !important;
    }
    ul#header_menu li {
        display: block;
        text-align: left;
        padding: 10px 24px;
    }
    .map-outer.center button.btn.btn-blue.bgblue {
        margin: 10px 0px;
    }
    section.form-section::before {
        height: 69% !important;
        width: 297px !important;
        left: -64px !important;
        bottom: -2px !important;
        rotate: 9deg !important;
    }
    footer ul li:nth-child(n+1) {
        padding-left: 22px;
    }
    footer ul li{
        width: 49% !important;
    }
    .tabinghead.ourcourseshead button.btnbordered{
        margin: 10px 0 0  !important;
    }
    .col60.onlyMobile.width-auto{
        width:auto;
    }
    button.btn.btn-blue.bgblue.d-flex {
    border-radius: 17px !important;
}
html{
    margin:0 !important;
}
header .flex-box.align-center.content-between {
    gap: 30px;
}
}

  @media (max-width: 992px) {
    .onlyDesktop { display: none; }
    .onlyMobile { display: block; }
    .menulogo img { max-width: 29px; }
  }
  button.btnbordered.active a {
    color: #fff !important;
}
button.btnbordered.active {
    background: #004d87 !important;
}
input{
    outline: none;
}
.onlyMobile.mobile-topbar button a {
    font-weight: bold !important;
    font-size: 13px;
}
.onlyMobile.mobile-topbar button {padding: 10px !important;}

.col40.onlyMobile {
    width: auto;
}