/* =====================================
   Large Desktop
===================================== */

@media (max-width:1600px){

.auth-caption h1{
    font-size:60px;
}

.auth-right{
    width:460px;
}

}

/* =====================================
   Laptop
===================================== */

@media (max-width:1366px){

.auth-caption{
    left:50px;
    top:150px;
}

.auth-caption h1{
    font-size:52px;
}

.auth-caption p{
    font-size:18px;
}

.auth-brand{
    left:40px;
}

.auth-features{
    left:40px;
    gap:25px;
}

.login-card{
    padding:45px 35px;
}

}

/* =====================================
   Tablet
===================================== */

@media (max-width:992px){

.auth-wrapper{
    flex-direction:column;
}

.auth-left{
    min-height:320px;
}

.auth-right{
    width:100%;
    padding:40px 25px;
}

.login-card{
    max-width:520px;
    width:100%;
}

.auth-caption{
    top:120px;
    left:40px;
}

.auth-caption h1{
    font-size:44px;
}

.auth-features{
    display:none;
}

}

/* =====================================
   Mobile
===================================== */

@media (max-width:768px){

.auth-left{
    display:none;
}

.auth-right{
    width:100%;
    min-height:100vh;
    padding:20px;
}

.login-card{
    padding:35px 25px;
    border-radius:18px;
}

.login-card h2{
    font-size:34px;
}

.welcome{
    margin-bottom:30px;
}

.user-login-form input{
    height:52px;
}

.user-login-form input.form-submit{
    height:54px;
}

.social-login a{
    width:50px;
    height:50px;
}

}

/* =====================================
   Small Mobile
===================================== */

@media (max-width:480px){

.auth-right{
    padding:15px;
}

.login-card{
    padding:30px 20px;
}

.login-card h2{
    font-size:30px;
}

.user-login-form label{
    font-size:12px;
}

.user-login-form input{
    font-size:15px;
}

.register-link{
    font-size:14px;
}

.social-divider span{
    font-size:11px;
}

}