@media screen and (max-width:767px) {
.login-box{  float:none; width:auto; max-width:400px;}
.banner-img{ position:fixed; height: auto; width:100%; left:0px; top:0px;}
.logo-left img{ width:64%;}
.logo-right img{ width:160px; height:auto;}
.logo-right{ padding:0 20px 0 0px;}
.logo-left{ padding:0 0 0 20px;}
.banner-img { width:220%;}
.login-row .form-control{ width:100%;}
.login *::before, .login *::after { box-sizing: border-box;}
*{box-sizing: border-box;}
.captcha.login-row .form-control{ width:100%;}
.logo-left, .logo-right{width:45%; padding: 0;}
.logo-left img, .logo-right img{width:100%;}
body .banner-img {position: fixed; height: auto;width: 230%;right: 0px; top: 0px; left: inherit;}
.login-box{height: 100vh;}
body.loginbg { overflow: hidden !important;}
.login-box{overflow-y: auto;}
.frame-box{display:none !important;}
}


@media screen and (max-width:520px) {

.login-box{ float:none; width:auto; /*max-width:350px;*/ padding:15px;}
.banner-img {width:auto; height:100%;}
.login-box{ padding:15px;}
.contact-left p{ font-size:12px;}


}

@media screen and (max-width:370px) {

.login-box{  }
.logo-right{ float:none; text-align:center;}
.logo-left{ float:none; text-align:center;}
.contact-left{ float:none; width:auto;}
.contact-left p{ font-size:13px;}

.logo-right {display: none;}
.logo-left img {width: auto;}
.login-top {padding-bottom: 18px;}


}