.login.login-2 .login-signin,

.login.login-2 .login-signup,

.login.login-2 .login-forgot {

    display: none;

}



.login.login-2.login-signin-on .login-signup {

    display: none;

}



.login.login-2.login-signin-on .login-signin {

    display: block;

}



.login.login-2.login-signin-on .login-forgot {

    display: none;

}



.login.login-2.login-signup-on .login-signup {

    display: block;

}



.login.login-2.login-signup-on .login-signin {

    display: none;

}



.login.login-2.login-signup-on .login-forgot {

    display: none;

}



.login.login-2.login-forgot-on .login-signup {

    display: none;

}



.login.login-2.login-forgot-on .login-signin {

    display: none;

}



.login.login-2.login-forgot-on .login-forgot {

    display: block;

}



.login.login-2 .content .content-img {

    min-height: 450px;

}



@media (min-width: 992px) {

    .login.login-2 .login-aside {

        width: 100%;

        max-width: 600px;

    }



    .login.login-2 .content .content-img {

        min-height: 600px !important;

    }



    .login.login-2 .login-form {

        width: 100%;

        max-width: 450px;

    }

}



@media (min-width: 992px) and (max-width: 1399.98px) {

    .login.login-2 .login-aside {

        width: 100%;

        max-width: 600px;

    }

}



@media (max-width: 991.98px) {

    .login.login-2 .content .content-img {

        min-height: 470px !important;

        background-size: 700px;

    }



    .login.login-2 .login-form {

        width: 100%;

        max-width: 400px;

    }

}



@media (max-width: 575.98px) {

    .login.login-2 .content .content-img {

        min-height: 280px !important;

        background-size: 400px;

    }



    .login.login-2 .login-form {

        width: 100%;

        max-width: 100%;

    }

}



/* --------------------------------- (Mobile) optimalisations --------------------------------- */

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

    .illustraties {

        display: none !important;

    }

}