@media(max-width:500px){
    #TopCoach {
        padding: 10vw 0px 10vw;
    }
    
    .swiper_Gradurate {
        margin: 7vw 0px 0vw !important;
        overflow: visible !important;
    }
    
    .swiperBtnGradurate {
        bottom: -15vw;
        width: 22vw;
    }
    
    .swiperBtnGradurate .left,
    .swiperBtnGradurate .right {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnGradurate .left .swiper-button-prev,
    .swiperBtnGradurate .right .swiper-button-next {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnGradurate .left .swiper-button-prev::after,
    .swiperBtnGradurate .right .swiper-button-next::after {
        font-size: 4vw;
    }
    
    .swiper_Gradurate .swiper-slide img.playBtn {
        width: 16vw;
        height: 16vw;
    }
    
    .CoachPoint {
        gap: 6vw;
        grid-template-columns: repeat(1, 1fr);
        padding: 10vw 0vw 0vw;
    }
    
    .CoachPoint .list {
        display: flex;
    }
    
    .CoachPoint .list .top {
        margin: 0vw 4vw 0vw 0vw;
    }
    
    .CoachPoint .list .top img {
        width: 10vw;
    }
    
    .CoachPoint .list .bottom {
        font-size: 4.2vw;
    }
    
    #Misunderstanding {
        padding: 10vw 0vw;
    }
    
    .misunderstand {
        gap: 6vw;
        grid-template-columns: repeat(1, 1fr);
        margin: 8vw 0vw 0vw;
    }
    
    .misunderstand .list {}
    
    .misunderstand .list .title {
        position: relative;
        padding: 0vw 0vw 2vw 9vw;
        font-size: 5.5vw;
        font-weight: 600;
    }
    
    .misunderstand .list .title img {
        position: absolute;
        top: 3px;
        left: 0px;
        display: inline-block;
        width: 24px;
    }
    
    .misunderstand .list .desc {
        font-size: 4.2vw;
    }
    
    #BreakTraditional {
        padding: 10vw 0vw;
    }
    
    .breakTheory {
        display: flex;
        grid-template-columns: unset;
        padding: 12vw 0vw 14vw;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .breakTheory .list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 33.33%;
    }
    
    .breakTheory .list .head {
        font-size: 10vw;
        line-height: 13vw;
    }
    
    .breakTheory .list .bottom {
        font-size: 4.2vw;
    }
    
    .breakTheory .list:last-child {
        width: 70%;
        padding: 5vw 0vw 0vw;
    }
    
    .breakTheory .list .fastBecome {
        font-size: 4.6vw;
    }
    
    .borderLineWhite {
        margin: 0px auto 12vw;
        width: 98%;
    }
    
    .WhatYouGet {
        gap: 5vw;
        row-gap: 5vw;
        margin: 0vw auto 10vw;
        width: 98%;
    }
    
    .WhatYouGet .list {
        width: 100%;
        padding-left: 12vw;
    }
    
    .WhatYouGet .list .number {
        width: 8vw;
        height: 10vw;
        top: 2vw;
    }
    
    .WhatYouGet .list .number .inner {
    font-size: 5.2vw;
    }
    
    .WhatYouGet .list .desc {
        font-size: 4.6vw;
        line-height: 7.6vw;
    }
    
    #DamiJI {
        padding: 10vw 0vw;
        overflow: hidden;
    }
    
    .malaysiaOnlyOne {
        font-size: 6.8vw;
        line-height: 8vw;
        margin-bottom: 0vw;
        margin-left: 1vw;
    }
    
    .sopCheck {
        padding: 4vw 0vw 0vw;
        gap: 2vw;
        font-size: 4.6vw;
        line-height: 7.6vw;
    }
    
    .sopCheck .list {
        padding-left: 9vw;
        margin-right: 0vw;
    }
    
    .sopCheck .list span {
        width: 6vw;
        height: 7vw;
        top: 0.5vw;
    }
    
    .ojtCheck {
        padding: 4vw 0vw 3vw;
        gap: 2vw;
        font-size: 4.6vw;
        line-height: 7.6vw;
    }
    
    .ojtCheck .list {
        padding-left: 9vw;
        width: 100%;
    }
    
    .ojtCheck .list span {
        left: 0px;
        width: 6vw;
        height: 7vw;
        top: 0.5vw;
    }
    
    .greyBox {
        padding: 10vw 4vw;
        margin: 10vw 1vw;
    }
    
    .greyBox .title {
        font-size: 8vw;
        line-height: 10vw;
    }
    
    .greyBox .HelpingYou {
        padding: 7vw 0vw 0vw;
        grid-template-columns: repeat(1, 1fr);
    }
    
    .greyBox .HelpingYou .list {
        padding: 3.35vw 5vw;
    }
    
    #WhyChoose {
        padding: 10vw 0vw;
    }
    
    .reasonWhy {
        grid-template-columns: repeat(1, 1fr);
        gap: 10vw;
        padding: 7vw 0vw 0vw;
    }
    
    .reasonWhy .list {}
    
    .reasonWhy .list .title {
        font-size: 5.6vw;
        margin: 0vw 0vw 2vw;
    }
    
    .reasonWhy .list .desc {
        font-size: 4.25vw;
        padding: 0vw 0vw 2vw;
        font-weight: 600;
    }
    
    .reasonWhy .list .no {
        padding: 0vw 0vw 0vw 8vw;
        font-size: 4vw;
    }
    
    .reasonWhy .list .no img {
        position: absolute;
        top: 2vw;
        width: 6vw;
    }
    
    #HowJoin {
        padding: 100px 0px;
        background: #0f0f0f;
    }
    
    .JoinProcess {
        display: flex;
        padding: 10vw 7vw 5vw;
        justify-content: space-between;
        flex-direction: column;
        gap: 6vw;
    }
    
    .JoinProcess .list {
        position: relative;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        gap: 4vw;
    }
    
    .JoinProcess .list:not(:last-child):before {
        width: 16vw;
        height: 1px;
        top: 17vw;
        left: -3%;
        transform: rotate(90deg);
    }
    
    .JoinProcess .list .number {
        width: 11.114vw;
        height: 13.89vw;
    }
    
    .JoinProcess .list .number .inner {
        font-size: 6vw;
    }
    
    .JoinProcess .list .text {
        font-size: 4.6vw;
        text-align: left;
        width: 64vw;
    }
    
    .StudentGrate {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 2vw;
        margin: 5vw 0vw 3vw;
    }
    
    #Collection {
        overflow: hidden !important;
        padding: 10vw 0vw 12vw;
    }
    
    #StudentGraduate {
        padding: 13vw 0vw 22vw;
    }
    
    .Environment {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3vw;
        padding: 8vw 0vw 0vw;
        display: none;
    }
    
    .swiper_Environment {
        margin: 7vw 0px 0vw !important;
        overflow: visible !important;
    }
    
    .swiperBtnEnvironment {
        bottom: -15vw;
        width: 22vw;
    }
    
    .swiperBtnEnvironment .left,
    .swiperBtnEnvironment .right {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnEnvironment .left .swiper-button-prev,
    .swiperBtnEnvironment .right .swiper-button-next {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnEnvironment .left .swiper-button-prev::after,
    .swiperBtnEnvironment .right .swiper-button-next::after {
        font-size: 4vw;
    }
    
    .swiper_Environment .swiper-slide img.playBtn {
        width: 16vw;
        height: 16vw;
    }
    
    .swiper_Modeling {
        margin: 7vw 0px 0vw !important;
        overflow: visible !important;
    }
    
    .swiperBtnModel {
        bottom: -15vw;
        width: 22vw;
    }
    
    .swiperBtnModel .left,
    .swiperBtnModel .right {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnModel .left .swiper-button-prev,
    .swiperBtnModel .right .swiper-button-next {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnModel .left .swiper-button-prev::after,
    .swiperBtnModel .right .swiper-button-next::after {
        font-size: 4vw;
    }
    
    .swiper_Modeling .swiper-slide img.playBtn {
        width: 16vw;
        height: 16vw;
    }
    
    .swiper_StudentDesign {
        margin: 7vw 0px 0vw !important;
        overflow: visible !important;
    }
    
    .swiperBtnStudentDesign {
        bottom: -15vw;
        width: 22vw;
    }
    
    .swiperBtnStudentDesign .left,
    .swiperBtnStudentDesign .right {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnStudentDesign .left .swiper-button-prev,
    .swiperBtnStudentDesign .right .swiper-button-next {
        width: 10vw;
        height: 10vw;
    }
    
    .swiperBtnStudentDesign .left .swiper-button-prev::after,
    .swiperBtnStudentDesign .right .swiper-button-next::after {
        font-size: 4vw;
    }
    
    .swiper_StudentDesign .swiper-slide img.playBtn {
        width: 16vw;
        height: 16vw;
    }
    
    #LeClassicFounder {
    padding: 10vw 0vw;
    }
    
    .founderDual {
        padding: 0vw 0vw 8vw;
    }
    
    .ownBrand {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3vw;
        margin: 30px 0px 0px;
        justify-content: space-between;
    }
    
    .ownBrand .list {
        width: 48%;
        margin: 0vw;
    }
    
    .ownBrand .list img {
        height: 32px;
    }
    
    .ownBrand .list:nth-child(1) img {
        height: 7vw;
    }
    
    .ownBrand .list:nth-child(2) img {
        height: 8vw;
    }
    
    .ownBrand .list:nth-child(3) img {
        height: 7vw;
    }
    
    .ownBrand .list:nth-child(4) img {
        height: 8vw;
    }
    
    #Location {
        padding: 10vw 0vw;
    }
    
    .locationDetail {
        gap: 5vw;
        padding: 3vw 0vw;
    }
    
    .locationDetail .list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .locationDetail .list .icon {
        margin-right: 4vw;
    }
    
    .locationDetail .list .icon img {
        width: 7vw;
    }
    
    .locationDetail .list .text {
        font-size: 4.5vw;
    }
    
    .leClassicMap {
        height: 110vw;
        margin: 0vw 0vw 5vw;
    }
    
    #footer {
        padding: 4vw 0vw;
    }
    
    #footer .social {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 22px;
    }
    
    #footer .social .icon img {
        width: 7vw;
    }
}