/* -- RESPONSIVE -- */

@media (max-width: 991.98px) {
  .register-page::before,
  .register-page::after {
    width: 20%;
  }
}

@media (max-width: 767.98px) {
  .login-page .keyboard {
    left: 0;
    width: 100%;
    transform: none;
  }

  .register-page::before,
  .register-page::after {
    display: none;
  }

  .logo-wrap img {
    width: 70%;
  }
}

@media (max-width: 575.98px) {
  .keyboard-key {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }

  .register-page .keyboard-key,
  .login-page .keyboard-key {
    margin-right: 8px;
  }
}