@media screen and (max-width: 767px) {
  .hall, .media-section, .mobile-nav, .site-footer, .top_nav {
    display: none;
  }

  body {
    overflow: hidden;
    height: 100dvh;
  }

  .topbar {
    height: 44px;
    margin-top: 14px;
  }

  .topbar_inner {
    padding: 0;
    justify-content: center;
  }

  .brand_logo {
    width: 159px;
    height: auto;
  }

  .banner {
    width: 100vw;
    height: 100dvh;
  }

  .banner_inner {
    flex-direction: column-reverse;
    padding-top: 0 !important;
  }

  .banner_content, .banner_actions, .banner_title {
    width: 100%;
  }

  .banner_content {
    width: 93%;
    margin: 0 auto;
  }

  .banner_actions {
    gap: unset;
    justify-content: space-between;
  }

  .banner_title h1, .banner_title h2 {
    font-size: calc(var(--banner-base-size) * 155);
  }

  .banner_badges {
    margin-top: 16px;
    width: 100%;
    height: 102px;
  }

  .banner_badges .badge-icon {
    width: 36px;
    height: 36px;
  }

  .banner_badges .badge-text {
    font-size: 14px;
  }

  .banner_actions {
    margin-top: 22px;
  }

  .banner_media {
    width: 100%;
  }

  .banner_media_img {
    margin: 0 auto;
    width: 350px;
    aspect-ratio: unset;
  }
}