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

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

  .nav__item {
    display: none;
  }
}

@media (max-width: 800px) {

  .hero-slots__container,
  .hero__container,
  .hero-casino__container {
    display: flex;
    flex-direction: column;
  }

  .promo__btn {
    width: 90%;
  }

  .categories__wrapper {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 500px) {

  .hero-slots__actions,
  .start__tips,
  .hero-casino__actions,
  .hero__actions {
    display: flex;
    flex-direction: column;
  }

  .header__container .hero__btn--primary {
    display: none;
  }

  .nav__burger .hero__btn--primary {
    display: block;
  }
}