.back-login {
    background-color: #fff;
    padding: 20px 0px 0px 0px;
}

.back-login #login {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 3px 6px #333333;
    margin: 80px 0px;
    padding: 2px;
    max-width: 350px;
}

@media (min-width: 768px) {
    .back-login {
        padding: 20px 0px 0px 0px;
    }
        .back-login #login {
            margin: 20px 0px !important;
        }
}



@media (min-width: 361px) and (max-width: 767px) {
    .back-login {
        padding: 20px 0px 0px 0px;
    }

        .back-login #login {
            margin: 20px auto;
            max-width: 300px;
        }
        .container {
            margin: 0px;
            padding: 0px;
        }
}

@media screen and (max-width: 360px) {
    .back-login {
        padding: 20px 0px 0px 0px;
    }

    .back-login #login {
        margin: 20px auto !important;
        max-width: 300px;
    }
    .container {
        margin: 0px;
        padding: 0px;
    }
}

.back-login #login h2 {
    color: #777;
    font-size: 24px;
    font-weight: bold;
}

.back-login #login .sign-up {
    font-weight: bold;
}

.back-login #login .hr-line {
    margin: 24px 0;
}

.back-login #login .sign-up-login-container {
    font-size: 12pt;
}

    .back-login #login .sign-up-login-container b {
        color: #333333;
    }

@media screen and (max-width: 360px) {
    .back-login #login .sign-up-login-container a {
        display: block;
    }
}

@media screen and (max-width: 360px) {
    #loginForm a {
        display: block;
    }
}
.txt-color-red {
    color: #a90329 !important;
    font-weight:600
    
}