@media screen and (max-width: 1400px) {
    .main-login .login-forms form {
        width: 90%;
    }
}


@media screen and (max-width: 1200px) {

    .main-login .login-forms {
        width: 40%;
        padding: 15px;
    }

    .main-login .login-forms form {
        width: 80%;
    }

}



@media screen and (max-width: 992px) {
    .main-login .login-forms {
        width: 50%;
    }

    .main-login .login-pic h1 {
        font-size: 24px;
    }

}


@media screen and (max-width: 768px) {
    .main-login {
        flex-wrap: wrap;
    }

    .main-login .login-forms {
        width: 100%;
    }

    .main-login .login-forms form {
        width: 70%;
    }

    .main-login .login-pic {
        width: 100%;
    }
}


@media screen and (max-width: 576px) {

    .main-login .login-forms form {
        width: 85%;
    }

}


@media screen and (max-width: 360px) {


    .main-login .login-forms form {
        width: 90%;
    }

    .main-login .login-pic {
        padding: 50px 15px;
    }

    .main-login .login-pic h1 {
        font-size: 18px;
    }

    .main-login .login-pic .logo-img-login {
        flex-wrap: wrap;
    }

    .main-login .login-pic .btn-box-login a {
        font-size: 12px;
    }
}