/* -----CSS FOR REPONSIVE-------*/
@media only screen and (max-width: 450px) {}

/* Extra small devices (phones, 630px and down) */
@media only screen and (max-width: 630px) {
    h3{
        font-size: 22px !important;
    }
    .login-logo{
        width: 65px;
        height: 65px;
    }
    .welcome-message{
        font-size: 14px !important;
    }
    .login-card{
        width: 100%;
        padding: 2.1rem 1.5rem;
        border-radius: 22px;
    }
    .login-right{
        display: none !important;
    }
}

@media only screen and (max-width: 780px) {
    body{
        overflow: initial !important;
    }
   /*Responsive for Carousel*/
   .login-right{
        display: none !important;
    }
    .login-left{
        background: rgba(4, 68, 133, 1) !important;
        min-height: 100vh;
        max-height: auto;
        width: 100%;
        padding: 3rem 1rem;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}