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

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

  .nav__item {
    display: none;
  }
}

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

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

  .hero__btn {
    width: 100%;
  }

  .dff {
    display: none;
  }

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

  .promo {
    padding: 60px 0;
  }
}