#login .content.main-pic {
  background-position: center center !important; }

.content.right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff; }

#login .login-box {
  width: 50%; }

@media (max-width: 768px) and (min-width: 300px) {
  #login .login-box {
    width: 74%; } }
@media (max-width: 1280px) and (min-width: 1080px) {
  #login .login-box {
    width: 60%; } }
@media (max-width: 1079px) and (min-width: 769px) {
  #login .login-box {
    width: 80%; } }
@media (max-width: 768px) and (min-width: 300px) {
  #login .login-box {
    width: 80%; }
  #login .main-pic.left {
    display: none !important; } }