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

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

  .nav__item {
    display: none;
  }

  .hero__slide,
  .hero__slide:nth-child(2n) {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }

  .hero__dots {
    bottom: 20px;
  }
}

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

@media (max-width: 500px) {

  .hotpromo,
  .hotgames__top {
    display: flex;
    flex-direction: column;
  }

  .hotgames__more {
    margin: 0;
  }

  .promo__heading::before,
  .promo__heading::after {
    display: none;
  }
}