@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {

  .main-nav {
    display: none !important;
  }

  .logo-block small {
    display: none !important;
  }

  .header-inner {
    grid-template-columns: 1fr auto !important;
    width: calc(100% - 20px) !important;
    min-height: 64px !important;
    padding: 6px 0 !important;
  }

  .hero-character {
    left: 0 !important;
    right: auto !important;
    bottom: -18px !important;
    width: 100% !important;
    height: 365px !important;
    translate: none !important;
  }

  .hero-character img {
    transform: translateX(-230px) !important;
  }

  .hero-bg {
    background-position: 72% calc(50% - 25px) !important;
  }

  .how-section .how-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .how-section .step-arrow {
    display: none !important;
  }

  .how-section .how-step {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}