@media all and (max-width: 1000px) {

.loginLeft {
  width: 40%;
}

.loginRight {
  width: 60%;
}

}

@media all and (max-width: 850px) {
.loginBox{
     margin: 20px auto 20px auto;
     width: calc(100% - 80px);
     padding: 30px 10px;
}

}

@media all and (max-width: 700px) {

.loginBox{
     margin: 20px auto 20px auto;
     width: calc(100% - 80px);
     padding: 30px 10px;
}

.loginLeft {
  width: 00%;
}

.loginRight {
  width: 100%;
}

}