@media only screen and (min-width:200px) and (max-width:760px){
.leftlogin img {max-width: 100%; margin-top: 20px; position: relative; bottom: 10%; width: 100%; left: 0; right: 0; margin: auto; }
.leftlogin {padding: 20px 50px; min-height: auto; }
.finance {font-size: 48px; }
.rightlogin {padding: 0 20px; min-height: 70%; width: 100%; display: inline-block; float: left; }
.loginpage {max-width: 100%; }
.loginmiddle {top: 6%; }


}





@media only screen and (min-width:641px) and (max-width:760px){

}


@media only screen and (min-width:767px) and (max-width:999px){
.leftlogin {width: 50%; }
.leftlogin img {bottom: 40%; }


}

@media only screen and (min-width:1000px) and (max-width:1230px){
.leftlogin .logo img {max-width: 18%; bottom: auto;}
.leftlogin img {max-width: 100%; bottom: 20%; }
.headerbg .logo img {
    max-width: 50%;
}

}