@media screen and (max-width: 600px) {
    .col-lg-12.col-md-12.col-sm-12.text-center.m-4.mt-4 {
        margin: auto !important;
    }
    .signup-container #signUp {
        position: static;
        left: auto;
        transform: none;
    }
    .signup-container #signUp .row .col-lg-12.col-md-12.col-sm-12 .account {
        position: static !important;
    }
    .signup-container #signUp .card-wrapper {
        padding: 0;
    }
    .signup-container #signUp .card-wrapper .col-lg-12.col-md-12.col-sm-12.position-relative {
        text-align: center;
    }
    .signup-container .card .row .text-right {
        text-align: justify;
    }
    .signup-container #login {
        position: static;
        transform: none;
    }
    .signup-container .card .row .card-width h2 {
        font-size: 23px;
    }
}