@media screen and (max-width:767px) {
.login-box{ margin:20px auto; float:none; width:auto; max-width:400px;}
.banner-img{ position:fixed; height: auto; width:100%; left:0px; top:0px;}
.logo-left img{ width:290px;}

.logo-right img{ width:160px;}
.logo-right{ padding:0 20px 0 0px;}
.logo-left{ padding:0 0 0 20px;}
.banner-img { width:220%;}
}


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

.login-box{ margin:20px  auto; float:none; width:auto; max-width:350px; padding:15px;}
.logo-left img{ width:230px;}
.logo-right img{ width:130px;}
.logo-right{ padding:0 5px 0 0px;}
.logo-left{ padding:0 0 0 5px;}
.banner-img {width:auto; height:100%;}
.login-box{ padding:15px;}
.contact-left p{ font-size:12px;}
}

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

.login-box{ margin:20px 5px; }
.logo-left img{ width:75%;}
.logo-right img{ width:50%;}
.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;}
}