@media screen and (max-width:1440px) {
    #viewmission .left-img {
        left: 0;
        width: 10%;
        top: 0;
    }

    #sixvalue {
        background-size: cover;
    }

    #parent .right-img {
        width: 6%;
    }

    #parent .left-img {
        width: 7%;
    }

    #proundof {
        background-size: 20%, cover;
    }

    #learning {
        background-size: auto, 20%;
    }

    #merterial .img-left, #kids .img-left {
        width: 15%;
        top: -10%;
    }

    #merterial .img-right {
        width: 15%;
    }

    #mentor {
        background-size: cover;
    }

    .teachers-father .img-left {
        width: 10%;
    }

    .teachers-father .rocket {
        right: 3%;
        width: 8%;
    }

    .teachers-father .img-right {
        width: 15%;
    }

    .goal .fly {
        width: 26%;
        top: 0%;
        left: -20%;
    }

    .goal {
        background-size: contain;
    }

    .wrap-slick-slider {
        background-color: #fff;
    }
    #viewmission .accordion-button{
        width: 80%;
    }
}

@media screen and (max-width:1024px) {
    .partner .content>div {
        width: 32%;
    }
    #proundof {
        background: none;
        background-image: url('../../images/background/homenew/pround/background.webp');
        background-position: center;
        background-size: cover;
        padding: 3rem 0;
    }

    #learning .content .box-content {
        background-color: #fff;
    }

    #learning {
        background-size: 15%, 10%;
        background-position: left 10%, right center;
    }

    #kids .img-left {
        width: 10%;
        top: -10%;
    }

    #kids .img-right {
        width: 10%;
        top: 40%;
    }

    .teachers-father .rocket {
        display: none;
    }

    #goal .box-content .content {
        width: 90%;
        margin: auto;
    }

    #goal .box-content .content > div{
        width: 48%;
    }
    .goal .fly {
    width: 26%;
    top: -12%;
    left: -6%;
    }
}

@media (max-width:992px) {
    #event-posts-slider .slider-item img{
        min-height: 9rem;
    }
    .goal .fly {
        width: 22%;
        top: -8%;
        left: 0%;
    }

    #viewmission .content {
        width: 100%;
        flex-direction: column;
    }

    #viewmission .content .accordion {
        width: 100%;
    }

    #viewmission .accordion-button {
        margin: auto;
        width: 60%;
    }

    #viewmission #imageviewmission {
        margin-left: 0;
    }

    .introduction .content div {
        width: 70%;
        text-align: center;
        margin: auto;
    }

    .introduction .content .video .img {
        width: 15%;
    }
    .goal .box-content .content .img .text-center{
        font-size: 16px;
    }
    #proundof .content .box-content p{
        font-size: 20px;
    }
    #proundof .content .box-content{
        width: 35%;
    }
    .introduction .content .video {
        overflow: hidden;
        width: 70%;
        /*padding-top: 56.25%;*/
    }
    .introduction .content .video .background-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    #enrollment-form .around-content {
        background-image: url('../../images/background/homenew/enroll-form/formbg-mb.webp');
    }

    #enrollment-form .alias-regis {
        font-size: 16px;
        width: 80%;
        margin: auto;
    }

    #enrollment-form .title h1 {
        font-size: 25px;
    }

    #enrollment-form form {
        width: 70%;
    }

    .partner .content>div {
        width: 48%;
    }

    .partner {
        background-size: cover;
    }

    #parent .content {
        width: 100%;
    }

    #parent .accordion-collapse {
        position: relative;
        width: 100%;
        left: 0;
        margin-bottom: 2rem;
        margin-top: 3rem;
    }

    #parent .accordion-button:not(.collapsed)::after {
        position: absolute;
        right: unset;
        top: unset;
        transform: rotate(90deg) translateX(-50%);
        left: 45%;
        bottom: -3.5rem;
        width: 30px;
        height: 25px;
    }

    #parent .accordion-body .bot-img, #parent .accordion-body .bot-img.bot5 {
        position: relative !important;
        bottom: 0;
        text-align: center;
    }

    h2.box-title, h2.title {
        font-size: 24px;
        line-height: 1.3;
    }
    #goal .box-content .content > div{
        width: 100%;
    }
}

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

    #enrollment-form .title h2{
        font-size: 26px;
    }
    #proundof{
        padding: 1rem 0 2rem;
    }
    #proundof .content .box-content {
        width: 100%;
    }

    #mentor {
        background-size: cover;
    }

    #mentor-slide .slick-dots {
        position: absolute !important;
    }

    #proundof .content .box-content .img img {
        width: max-content;
        margin: auto;
        margin-bottom: -6px;
    }

    #learning .content .box-content {
        width: 100%;
    }

    #learning {
        background: unset;
    }

    .introduction .content div {
        width: 100%;
    }

    .introduction .content .video {
        overflow: hidden;
        width: 100%;
        /*padding-top: 56.25%;*/
    }

    .introduction .content .video .background-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    #viewmission{
        padding: 1rem 0 !important;
    }
    #viewmission .accordion-button{
        font-size: 30px;
    }
    #viewmission .box-content p{
        font-size: 24px;
    }
    #parent .accordion-button p{
        margin-left: 5px;
    }
    #mentor .title{
        margin: 0 auto 2rem !important;
    }
    .teachers-father .img-right{
        bottom: -8%;
    }
    #goal .box-content .content .img {
        width: 100%;
    }
    .goal{
        padding: 1rem 0 0 !important;
    }
    .goal .box-content {
        background-image: url('../../images/background/homenew/goal/backmobi.webp');
        background-size: cover;
        padding: 0;
    }
    .goal .fly{
        display: none;
    }
    #goal .box-content .content .right-content{
        margin-bottom: 1.5rem;
    }
    #goal .box-content .content .left-content > div{
        margin-bottom: 1.5rem;
    }
    #enrollment-form .around-content{
        padding: 2rem 0 1rem;
    }
    .enven{
        background: none;
        padding: 1rem 0;
    }
    h2.box-title:after{
        margin-left: 0;
    }
    #enrollment-form .register{
        margin-top: unset;
    }
    #enrollment-form .register-main .button-regis{
        width: 100%;
        padding: 1rem 0.5rem 0.75rem;
        margin-top: 0.5rem !important;
    }
    #enrollment-form .register-main .button-regis i{
        transform: translate(0) !important;
    }
    .button-regis{
        padding: 1.25rem 1rem 1rem;
    }
    .button-regis>span{
        font-size: 25px;
    }
    #enrollment-form .register span{
        font-size: 20px;
    }
    .button-regis > i{
        transform:translate(0px, -3px) !important;
    }
    #enrollment-form .around-content form{
    }
    #event-posts-slider .slider-item img{
        min-height: 6rem;
    }
    #event-posts-slider .slider-item .text{
        font-size: 14px;
        padding: 0 5px;
    }
    #event-posts-slider .wrap-slick-slider > .slider{
        width: calc(100% - 25px);
    }
    #event-posts-slider .wrap-slick-slider .slick-prev{
        left: -1rem;
    }
    #event-posts-slider .wrap-slick-slider .slick-next{
        right: -1rem;
    }
    #event-posts-slider .slider-item{
        margin: 10px;
    }
    #learning{
        padding: 1rem 0 !important;
    }
    #learning .content .box-content .box-text{
        margin-top: 3.5rem;
        padding: 0;
        border: unset;
    }
    #learning .content .box-content .box-text .text{
        border: 3px solid #e61c24;
        padding: 1.25rem;
        border-radius: 20px;
    }
    #learning .content{
        position: relative;
    }
    #learning .content .box-content .name.off{
        position: absolute;
        margin-top: 0.5rem;
        top: 0;
        left: 0.5rem;
    }
    #learning .content .box-content .name.on{
        position: absolute;
        margin-top: 0.5rem;
        top: 0;
        right: 0.5rem;
    }
    .goal .box-content .content .img .text-center{
        font-size: 18px;
    }
    .introduction .row{
        padding-bottom: 1rem !important;
    }
    #merterial{
        padding-top: 1rem;
    }
    #enrollment-form input::placeholder{
        font-size: 16px !important;
    }
    #enrollment-form{
        padding-top: 0 !important;
    }
    .partner{
        padding: 1rem 0 !important;
    }
    #media{
        padding: 0 !important;
    }
    #kids-slide .slick-slide{
        margin-top: 0;
    }
    #mentor .box-content:hover{
        transform:unset;
    }
    #merterial .slick-next{
        right: -2rem;
    }

    #merterial .slick-prev{
        left: -2rem;
    }
    #kids-slide .slick-next{
        right: -2rem;
    }

    #kids-slide .slick-prev{
        left: -2rem;
    }
    .simple-slider .slick-next{
        right: -2rem;
    }

    .simple-slider .slick-prev{
        left: -2rem;
    }
}
@media screen and (max-width:375px){
    #enrollment-form .title h2 {
        font-size: 22px;
    }
}
@media screen and (max-width:320px) {
    #viewmission .accordion-button{
        width: 70%;
    }
}