@media (max-width: 1660px) {

    .lang-th .bannerMainLayout,
    .lang-en .bannerMainLayout,
    .lang-id .bannerMainLayout {
        padding-right: 0 !important;
    }

    .bannerTitleLayout {
        width: 650px;
    }
}

@media (max-width: 1535px) {
    .line01 {
        width: 30px;
    }

    .line02 {
        width: 40px;
        left: 255px;
    }

    .line03 {
        width: 35px;
        left: 295px;
    }

    .line04 {
        width: 30px;
    }

    .line05 {
        width: 45px;
        left: 250px;
    }

    .line06 {
        width: 50px;
    }

    .line07 {
        left: 50px;
        width: 30px;
    }
}


@media (max-width: 1320px) {
    .bannerContentLayout {
        max-width: 650px;
    }
}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {

    .lang-th .bannerMainLayout,
    .lang-en .bannerMainLayout,
    .lang-id .bannerMainLayout {
        padding: 0px !important;
    }

    .bannerContentMainLayout {
        justify-content: center;
        height: 100dvh;
    }

    .bannerContentLayout {
        max-width: 100%;
        background: #0000009c;
    }

    /* Character Th  */
    #characterLeft {
        left: 50%;
        transform: translate(-50%, 0%) !important;
        width: 800px;
    }

    #characterMiddle {
        left: inherit;
        right: -100px;
        width: 600px;
    }

    /* Character En  */
    #characterLeftEn {
        left: 50%;
        transform: translate(-58%, 0%) !important;
        width: 700px;
    }

    #characterMiddleEn {
        left: inherit;
        right: 80px;
        width: 500px;
        bottom: 80px;
    }

    #characterRightEn {
        width: 500px;
        bottom: 50px;
    }

    /* Character ID  */
    #characterLeftId {
        width: 800px;
        left: 50%;
        transform: translate(-55%, 35%) !important;
    }

    #characterMiddleId {
        width: 600px;
        left: inherit;
        right: 50px;
        bottom: 0px;
    }

    #characterRightId {
        width: 600px;
        bottom: 0px;
        left: 0;
    }
}

@media (max-width: 992px) {
    .bannerTitleLayout {
        width: 100%;
    }

    .backetMainLayout {
        padding: 50px 20px;
    }

}

@media (max-width: 768px) {
    .bannerLogoRcc {
        width: 500px;
    }

    .bannerTitle {
        font-size: 70px;
        line-height: 50px;
    }

    .teamCardTitle {
        height: 200px;
        font-size: 50px;
        line-height: 40px;
    }

}

@media (max-width: 640px) {
    .bannerLogoRcc {
        width: 450px;
    }

    .bannerBtnLayout {
        width: 350px;
        height: 50px;
    }

    .bannerrBtnText {
        font-size: 35px;
    }

    #characterMiddle {
        width: 500px;
        right: -150px
    }

    #characterRight {
        width: 500px;
        left: -150px
    }

    #characterLeft {
        width: 650px;
    }

    .bannerContentLayout {
        padding: 30px;
    }

    .poringButton {
        width: 80px;
        top: 90px;
        left: 10px;
    }

    .teamMainLayout {
        padding: 50px 10px;
    }
}

@media (max-width: 500px) {
    .bannerLogoRcc {
        width: 400px;
    }

    .bannerTitle {
        font-size: 55px;
        line-height: 40px;
    }
}

@media (max-width: 420px) {
    .bannerLogoRcc {
        width: 100%;
    }
}