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

  .login-shape {
    background-position: -100px 0;
  }
}


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

  .login-hding h1,
  .login-btn a {
    margin: 25px 0;
  }

  .login-shape {
    background-size: cover;
    background-position: -300px 0;
  }


}


@media only screen and (max-width: 992px) {
  .login-shape {
    background-size: cover;
  }

  .login-form {
    width: 100%;
  }

  .login-shape {
    background-size: cover;
    background-position: 0px 0;
  }
}

@media only screen and (max-width: 768px) {
  .login-shape {
    background-size: cover;
    background-position: 0px 0;
  }
}