@media (min-width: 320px) and (max-width: 767px) {
    .login .container {
        width: 100%;
    }
    .no-gutter {
        padding-right: 15px;
        padding-left: 15px;
    }
    .login-lhs {
        min-height:auto;
    }
    .footer-area ul {
        margin: 5px 0 0;
    }
    .login-rhs:after {
        right: 3%;
        border-top: 28px solid #0b8498;
        border-right: 28px solid transparent;
    }
    body {
        overflow-y: scroll;
    } 
    
    
    //error login
    
    .login-error .container {
        width: 100%;
    }
    
}

@media (min-width: 768px) and (max-width: 980px) {
    .login .container {
        width: 100%;
    }
    
    .login-error .container {
        width: 100%;
    }
}