@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .login {
    background: url('./images/login_background_medium.png') no-repeat 0 0;
    background-size: 100% 100%;
  }
  .login .navbar {
    display: none;
  }
  .login .login-container {
    width: 100%;
  }
  .login .login-container .login-container-child {
    position: absolute;
    top: 50%;
    margin-top: -242px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .login .login-container .login-container-child .login-header .login-header-title {
    position: relative;
    top: -10px;
    height: 33px;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 33px;
    padding-left: 0;
  }
  .login .login-container .login-container-child .login-header .login-header-title .logoImg {
    width: 34px;
    height: 34px;
    margin-top: 0;
    left: -44px;
  }
  .login .login-box {
    width: 358px;
    height: 421px;
    margin-top: 0;
    padding-bottom: 0;
  }
}