/* Tablet (≤1024px) */
@media (max-width: 1024px) {
    .content-2 {
        .mobile-banner-register {
            display: none;
        }
    }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
    .content-2 {
        margin-top: -10px;
        width: auto;

        .mobile-banner-register {
            display: block;
            width: 298px;
            height: 141px;
            border-radius: 16px;
        }

        .register-left-col-1 {
            display: none;
        }

        .register-right-col-1 {
            max-width: 95%;
            #display_reg_error.shw_reg_place {
                margin: 0 40px;
                margin-bottom: 12px;
            }
            #display_reg_error.shw_reg_place.shw_step1 {
                margin: 0 32px;
                margin-bottom: 12px;
            }

            #display_reg_error.shw_reg_place ul {
                margin-bottom: 10px;
            }
        }

        #sign-up-form {
            #step1 {
                #fr_username:-webkit-autofill {
                    box-shadow: 0 0 0 1000px black inset !important;
                }
            }

            #step1,
            #step2 {
                width: 100vw;
                padding-bottom: 0px;
                margin: auto;
                max-width: 85%;
                padding: 18px;
            }

            label.error {
                color: unset;
                font-size: unset;
            }

            .ystar {
                color: #ffff00;
                font-weight: bold;
            }
        }
    }

    header {
        display: flex;
        place-items: center;
    }

    .home-content-bg2 {
        background: black;
        color: white;

        .home-main-btn.listdesu {
            padding: 24px 0;
            margin-bottom: 24px;
        }

        .home-main-btn.listdesu.registration {
            margin-bottom: 0px;
        }

        .home-divider {
            width: 80%;
            height: 16px;
            padding: 15px 0 0;
            margin: auto;
        }
    }
}

body,
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.wrapper {
    padding-bottom: 0px;
}