@media only screen and (max-width: 768px) {
    p {
        font-size: 0.8rem;
    }

    .l-award-content p {
        font-size: 0.8rem;
    }

    .l-award-content h1 {
        font-size: 1.2rem;
    }

    .desktop-image {
        display: none;
    }

    .mobile-image {
        display: block;
    }

    .bg-image {
        height: auto;
        /* display: none; */
    }

        .bg-image img {
            transform: translateY(-10vh);
        }

    .FirstSection {
        height: auto;
    }

    .box-1 {
        position: absolute;
        width: auto;
        top: 25%;
        height: auto;
        display: block;
        left: 0;
        transform: none;
        padding: 0;
        background-color: #d5dae0;
    }

        .box-1 h3 {
            font-size: 1.3rem;
        }

    .KV-First {
        display: block;
        height: auto;
    }

    .image-1,
    .image-1 img {
        height: auto;
        margin-top: 10vh;
    }

    .content-box {
        display: block;
    }

    .content-box-1 {
        width: auto;
        border: none;
    }

        .content-box-1 .heading {
            padding: 0;
        }

        .content-box-1 .para {
            padding: 0 20px;
        }

    .content-box-2 {
        width: auto;
        height: auto;
        padding: 20px;
    }

    .AwardSection {
        display: block;
        top: 35vh;
        position: relative;
        margin-top: 10vh;
    }

        .AwardSection .l-div {
            width: auto;
            position: inherit;
            margin: 0;
            padding: 0;
        }

        .AwardSection .r-div {
            width: auto;
            padding: 20px 20px 0 20px;
            margin: 0;
        }

    .l-award-content {
        margin: 50px;
        padding: 0;
        width: auto;
    }

    .l-content-2 {
        display: block;
    }

    .vision {
        padding: 20px;
    }

    .mission {
        margin: 30px;
        padding: 20px;
    }

    .card-1 {
        display: flex;
        position: relative;
        flex-direction: column;
        gap: 30px;
    }

    .card-2 {
        display: flex;
        position: relative;
        flex-direction: column;
        gap: 30px;
    }

    .cards {
        margin-top: 0;
        padding: 30px;
        gap: 15px;
    }

    .card-award {
        width: auto;
        height: 24vh;
    }

    .card-title h1 {
        font-size: 1rem;
    }

    .card-title p {
        font-size: 0.7rem;
    }

    .card-image {
        width: 50%;
    }

    .award-img img:nth-child(1) {
        width: 20%;
    }

    .award-img img:nth-child(2) {
        width: 14%;
    }

    .USP_Section {
        background-image: url(../assets/img/About/USP-bg-m.png);
        background-size: contain;
        background-position: top;
        display: block;
        position: relative;
        top: 50vh;
    }

        .USP_Section h1 {
            font-size: 1rem;
        }

        .USP_Section p {
            font-size: 0.7rem;
        }

    .left_usp {
        width: auto;
        margin: 0;
        padding: 30px;
    }

    .right_usp {
        width: auto;
        margin-top: 20%;
    }

    .course_box {
        display: block;
        margin-bottom: 50vh;
        height: auto;
    }

    .course-col {
        display: block;
        width: 100%;
        height: auto;
    }

    .course-content li {
        font-size: 0.7rem;
    }

    .box-usp {
        width: auto;
        margin-top: 30vh;
    }

    .AllPrograme {
        height: 600vh;
    }

    .slides {
         display: flex; 
        position: sticky;
        overflow: hidden;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: antiquewhite;
    }
    .slide {
        width: 100%;
        height: 100vh;
         display: flex; 
        flex-shrink: 0;
        position: relative;
    }
    .one-box {
        height: 100%;
        width: 100%;
         display: block; 
    }
    .left-p {
        width: 100%;
        height: 100%;
        /* background-color: #f2f3f4; */
    }
    .kv-logo {
        width: 30%;
        height: 25%;
        position: relative;
        top: 27%;
        left: 35%;
        transform: translate(-50%, -50%);
    }
    .prog_card-l {
        width: 100%;
        height: auto;
        position: relative;
        top: 12%;
        left: 50%;
        padding: 0 50px;
        transform: translate(-50%, -50%);
    }
    .right-p {
        width: 100%;
        height: 100%;
        /* background-color: #9dc2d4; */
    }
    .prog_card-r {
        width: 100%;
        height: auto;
        position: relative;
        top: -37%;
        left: 50%;
        padding: 0 50px;
        transform: translate(-50%, -50%);
        padding-top: 0px;
    }
    .kv-kidz h1 {
        color: #00aeef;
        font-size: 1.1rem;
    }

    .kv-kidz p {
        font-size: 0.75rem;
    }

    .kv-champs h1 {
        font-size: 1.1rem;
    }

    .kv-champs p {
        font-size: 0.75rem;
    }

    .kv-champs .prog_card-r {
        width: 100%;
        height: auto;
        position: relative;
        top: -50%;
        left: 50%;
        transform: translate(-50%, -100%);
        /* padding-top: 0; */
    }
    .kv-edge .prog_card-r:nth-child(1) {
        height: auto;
        padding-top: 0;
    }
    .kv-edge .prog_card-r {
        width: 100%;
        height: auto;
        position: relative;
        top: -50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 50px;
    }

    .kv-futureready .prog_card-l {
        width: 100%;
        height: 100px;
        position: relative;
        top: 12%;
        left: 50%;
        padding: 0 50px;
        transform: translate(-50%, -50%);
    }

    .kv-futureready .prog_card-r:nth-child(1) {
        height: 12%;
    }

    .kv-futureready .prog_card-r {
        width: 100%;
        height: auto;
        position: relative;
        top: -37%;
        left: 50%;
        padding: 0 50px;
        transform: translate(-50%, -50%);
        padding-top: 0px;
    }

    .kv-futureready h1 {
        color: #00aeef;
        font-size: 1.1rem;
    }

    .kv-futureready p {
        font-size: 0.75rem;
    }
}

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


    .AwardSection {
        display: block;
        margin-top: 45vh;
        position: relative;
    }

    .card-award {
        width: auto;
        height: 30vh;
    }

    .USP_Section {
        top: 50vh;
        position: relative;
    }
    .kv-kidz p {
        font-size: 0.6rem;
    }
    .kv-kidz h1 {
        color: #00aeef;
        font-size: 0.8rem;
    }

    .kv-edge h1 {
        color: #00aeef;
        font-size: 0.8rem;
    }

    .kv-edge p {
        font-size: 0.6rem;
    }
    .kv-futureready h1 {
        color: #00aeef;
        font-size: 0.8rem;
    }

    .kv-futureready p {
        font-size: 0.6rem;
    }

    .kv-champs h1 {
        font-size:0.8rem;
    }
    .kv-champs p {
        font-size: 0.6rem;
    }

}