@media (max-width: 1366px) { 
    .logIn { margin: 0 0 40px; }
    .logIn h2 { font-size: 40px; line-height: 53px; }
    .users .form { width: 400px; }
    .users .btn { font-size: 14px; }
    .logSocial ul li a.active { width: 290px; }
}

@media (max-width: 991px) {
    .logInLeft:before { border-radius: 0; }
    .logInLeft { width: 100%; }
    .logInArea .alert { margin: 20px auto 10px; }
    .users {  width: 100%; justify-content: center; }
    .users .form { width: 500px; }
    .logSocial ul li a.active { width: 390px; }
}

@media (max-width: 767px) {
    .logInLeft { padding: 30px; }
    .users { padding: 30px; }
}

@media (max-width: 480px) {
    .logInLeft { padding: 25px 15px; }
    .logInLeftInner { padding: 15px; }
    .logInLeft a.logo { margin: 0 0 20px; }
    .logInLeftHeading h3 { font-size: 28px; line-height: 38px; margin: 0 0 20px; }
    .logInLeftHeading p { margin: 0 0 15px; font-size: 15px; line-height: 20px; }
    .users { padding: 25px 15px; }
    .logIn { margin: 0 0 30px; }
    .logIn h2 { font-size: 30px; line-height: 40px; margin: 0 0 10px; }
    .logIn p { font-size: 16px; line-height: 22px; }
    .users .form { width: 300px; }
    .logSocial ul li a.active { width: auto; }
}