@media (min-width: 1251px) and (max-width: 2250px) {
    .login_bg{
        width:75%;
    }  
    .login_panel{
        width:25%;
        background-image:none!important;
    }
}
@media (min-width: 1250px) {
    .login_bg{
        width:75%;
    }  
    .login_panel{
        width:25%;
        background-image:none!important;
    }
}
@media (min-width: 992px) and (max-width: 1249px) {
    .login_bg{
        width:65%;
    }  
    .login_panel{
        width:35%;
        background-image:none!important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .login_bg{
        width:0%;
    }  
    .login_panel{
        /*width:100%;*/
        padding-left:25%!important;
        position:relative;
    }
}
@media (min-width: 400px) and (max-width: 767px) {
    .login_bg{
        width:00%;
    }  
    .login_panel{
        width:100%;
        padding-left:10%!important;
        position:relative;
    }
}
@media (max-width: 400px) {
    .login_bg{
        width:0%;
    }  
    .login_panel{
        width:100%;        
        position:relative;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
}