@media all {
    .bg-auth {
        background-image: url('../img/auth/bg.png');
        background-position: center;
        background-size: cover;
    }
    .card.login {
        padding: 40px;
    }
    .mb-logo {
        margin-bottom: 38px;
    }
    .form-control {
        border-radius: 10px;
        font-size: 1rem;
        height: 57px;
        padding-left: 22px;
        color: #B5B5B5;
        border-color: #B5B5B5;
    }
    .form-control::placeholder, .form-control::-webkit-input-placeholder, .form-control:-ms-input-placeholder { /* Edge */
        color: #B5B5B5;
    }    
    .btn-login {
        margin-top: 40px;
        border-radius: 10px;
        width: 100%;
        padding: 1rem 0;
        color: #fff;
        font-size: 1.125rem;
        background-color: #0E1734;
        border-color: #0E1734;
    }
    .btn-login:hover {
        color: #fff;
        background-color: #0a1024;
        border-color: #0a1024;
    }
    .msg {
        font-size: 1rem;
        color: #F4C172;
    }
    .p-row {
        padding-bottom: 140px;
    }
}
@media screen and (max-width: 756px) {
    .p-row {
        padding-bottom: 0;
    }
}