@media (min-width: 700px) {
.header-three {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
    z-index: 300; /* Задаем z-index, чтобы шапка была выше остального контента */
}

.slider {
  margin-top: 200px;
}

.breadcrumbs {
  margin-top: 200px;
}
}

@media (max-width: 508px) {
    .header-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
    z-index: 300; /* Задаем z-index, чтобы шапка была выше остального контента */
}

.slider {
  margin-top: 110px;
}

.breadcrumbs {
  margin-top: 110px;
}
}