@media (max-width: 1500px) {
  .sidebar {
    display: none;
  }

  .content {
    margin: 0;
  }

  .burger {
    display: block;
  }

  .nav__item {
    display: none;
  }

  .footer {
    margin: 0;
  }
}

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

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

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

  .games-slider__top,
  .games-top__top {
    display: flex;
    flex-direction: column;
  }

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