/* [notebook] */
@media screen and (max-width: 1366px) {
  .left-psti-login-container {
    padding-left: 80px;
    padding-right: 80px;
  }

  .right-psti-login-container {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
/* [medium screen] - iPad Landscape */
@media screen and (max-width: 1024px) {
  .left-psti-login-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .right-psti-login-container {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
/* [medium screen] - iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .left-psti-login-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .right-psti-login-container,
  .right-psti-login-container > .row,
  .ptsi-login-inner-container {
    min-height: 100vh;
  }
}
/* [medium screen] */
@media screen and (max-width: 768px) {
  body.login-area {
    margin-bottom: 0;
  }

  body.login-area .ptsi-header {
    position: relative;
    z-index: 9;
  }

  body.login-area .navbar-brand img {
    display: none;
  }

  body.login-area .navbar-brand img.mobile-logo {
    display: block;
  }

  .ptsi-footer {
    position: relative;
    text-align: center;
  }
  .ptsi-footer:before {
    display: none;
  }

  .ptsi-login-inner-container {
    flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
  }

  .right-psti-login-container,
  .right-psti-login-container > .row,
  .ptsi-login-inner-container {
    min-height: auto;
  }

  .right-psti-login-container {
    padding-top: 180px;
  }

  .text-right {
    text-align: left !important;
  }
}
/* [mobile portrait] */
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .animation-gear {
    display: none;
  }

  body.login-area .navbar-brand {
    margin: 0 auto;
  }

  .right-psti-login-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .right-psti-login-container br {
    display: none;
  }

  .left-psti-login-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}