@media (max-width: 576px) {

    .login-link .back-blue{
        position: fixed;
        height: 100vh;
        top: 0;
        z-index: 999;
    }

    .login-link #carousel_login{
        height: 65% !important;
    }

    .login-link .back-blue .logo{
        display: block;
        padding: 5% 0;
    }

    .login-link .back-blue .pular{
        color: white;
        cursor:pointer;
        position: fixed;
        bottom: 25px;
        right: 25px;
        display:block;
    }

    .login-link .back-blue .pular:active,
    .login-link .back-blue .pular:hover,
    .login-link .back-blue .pular:visited{
        color: white;
    }

    .login-link .carousel-item img {
        width: 55%;
    }

    .login-link .elemento-left-login {
        background-size: 190%;
        background-position: -240px -110px;
    }

    .login-link .carousel-inner {
        padding-top: 5%;
    }

    .login-link .body {
       overflow: hidden !important;
    }

    .login-link .box-login, .login-link .background-layer {
        min-height: auto !important;
    }

    .login-link .box-form-login{
        min-height: 315px !important;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
        background-color: white;
        border-radius: 4px;
    }

    .login-link .box-login {
        height: 55vh;
        box-shadow: none;
        background-color: transparent;
    }

    @media (min-height: 500px) {
        .login-link #carousel_login{
            height: 80% !important;
        }

        .login-link .carousel-item img {
            width: 70%;
        }

        .login-link .carousel-inner {
            padding-top: 20%;
        }
    }

}