.login.login-1 .login-logo {
    position: absolute;
    z-index: 2000;
}

.login.login-1 .login-footer {
    position: absolute;
    bottom: 20px;
    z-index: 2000;
    width: 30%;
}

.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
    display: none; }

.login.login-1.login-signin-on .login-signup {
    display: none; }

.login.login-1.login-signin-on .login-signin {
    display: block; }

.login.login-1.login-signin-on .login-forgot {
    display: none; }

.login.login-1.login-signup-on .login-signup {
    display: block;
    max-width: 700px; }
.login.login-1.login-signup-on .login-signin {
    display: none; }

.login.login-1.login-signup-on .login-forgot {
    display: none; }

.login.login-1.login-forgot-on .login-signup {
    display: none; }

.login.login-1.login-forgot-on .login-signin {
    display: none; }

.login.login-1.login-forgot-on .login-forgot {
    display: block; }

@media (min-width: 992px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 600px; }
    .login.login-1 .login-form {
        width: 100%;
        max-width: 500px; } }

@media (min-width: 992px) and (max-width: 1399.98px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 400px; } }

@media (max-width: 991.98px) {
    .login.login-1 .login-form {
        width: 100%;
        max-width: 350px; }
    .fullwidth-box {
        display: none !important;
    } }

@media (max-width: 575.98px) {
    .login.login-1 .login-form {
        width: 100%;
        max-width: 100%; } }