/* Скрываем все хедеры по умолчанию */
.header-desktop,
.header-tablet,
.header-mobile {
  display: none !important;
}

/* DESKTOP — 1200px и больше (1920, 2K, 4K) */
@media screen and (min-width: 1200px) {
  .header-desktop {
    display: block !important;
  }
}

/* TABLET — 768px – 1199px (пока отключён, но готов) */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-tablet {
    display: block !important;
  }
}

/* MOBILE — до 767px (iPhone, Samsung, всё мобильное) */
@media screen and (max-width: 767px) {
  .header-mobile {
    display: block !important;
  }
}