.login.login-1 .login-form {
    width: 100%;
    max-width: 450px;
}

@media (max-width: 991px) {
    .login-aside {
        display: none !important;
    }
}

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

    .login.login-1 .login-form {
        width: 100%;
        max-width: 400px
    }
}

@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
    }
}

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

.login-aside {
    background-image: url(/app/img/login_side.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--bs-primary);
    position: relative;
}

.login-aside::before {
    background-color: #29303A;
    content: " ";
    display: block;
    position: absolute;
    height: 100%;    
    width: 100%;
    opacity: 0.9;
}