/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .login-form-container {
        
    }
}

@media (min-width: 320px) { 
    
    .login-form-container {
        width: 100%;
    }

    .login-bg {
        background-size: contain;
        width: 100%;
    
    }
 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    
    .login-form-container {
        width: 80%;
    }

    .login-bg {
        background-size: contain;
        width: 80%;
    
    }

    .login-bg {
        width: 90vh;
        background-size: contain;
    
    }
 }

 /* Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) { 
    .login-form-container {
        height: 100%;
        width: 100%;
    }

    .login-bg {
        
    
    }
 }
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .expert-signup-left {
        display: flex !important;
    }
    .expert-signup-right {
        width: 50% !important;
    }

    .expert-signup-right .form {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .login-form-container {
        width: 70%;
    }

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .login-form-container {
        width: 60%;
    }

 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {     .login-form-container {
    width: 60%;
}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {     .login-form-container {
    width: 54%;
}
}