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

@media (max-width: 1000px) {
  .burger {
    display: block;
  }

  .nav__item {
    display: none;
  }
}

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

@media (max-width: 500px) {
  .games__img {
    height: auto;
    width: 200px;
  }

  .hero__visual {
    width: 100%;
    height: 100%;
  }

  .hero__canvas {
    width: 100%;
  }

  .games__item,
  .hero__stats,
  .hero__container,
  .hot__header {
    display: flex;
    flex-direction: column;
  }
}