@media (max-width: 1800px) {}

@media (max-width: 1000px) {
  .games-list__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .games-list__img {
    height: auto;
  }

  .games-list__link {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .footer__top {
    display: flex;
    flex-direction: column;
  }

  .footer__nav {
    justify-content: flex-start;
  }
}

@media (max-width: 500px) {
  .header__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .nav__item .hero__btn {
    padding: 5px 15px;
  }

  .hero {
    padding-top: 120px;
  }

  .play-steps,
  .hero__container {
    display: flex;
    flex-direction: column;
  }
}