:root {
  --space-xs: clamp(6px, 1vh, 10px);
  --space-sm: clamp(8px, 2.2vh, 20px);
  --space-md: clamp(12px, 2.8vh, 30px);
  --space-lg: clamp(16px, 5vh, 50px);
  --space-form: clamp(12px, 3.8vh, 40px);
  --input-height: clamp(42px, 7.2vh, 75px);
  --textarea-height: clamp(88px, 16vh, 170px);
  --font-input: clamp(15px, 2.2vh, 24px);
  --font-button: clamp(16px, 2.8vh, 30px);
  --font-h1: clamp(26px, min(2.8vw, 4.5vh), 48px);
  --font-hero: clamp(24px, min(3.2vw, 5vh), 48px);
  --font-header: clamp(14px, 1.15vw, 17px);
  --font-nav: clamp(12px, 1vw, 14px);
  --hero-height: clamp(260px, calc(100vh - 360px), 600px);
  --hero-title-offset: clamp(28px, 13vh, 140px);
  --card-height: clamp(210px, 36vh, 306px);
  --card-pad: clamp(16px, 3.2vh, 35px);
  --section-pad: clamp(8px, 3.8vh, 40px);
}
@media (min-width: 768px) {
  .header .header_top-line {
    font-size: var(--font-header);
  }
  .header .header-menu_link {
    font-size: var(--font-nav);
  }
  .title,
  .normal-title,
  .content .first-text-main .title,
  .content .home-form .container .title {
    font-size: var(--font-h1);
  }
  .normal-title {
    margin-bottom: var(--space-md);
  }
  .content .tours-block-top .title {
    font-size: clamp(32px, min(4vw, 7vh), 72px);
  }
  .content .white-center_block.blue-invert-block {
    padding-top: var(--section-pad);
    padding-bottom: var(--section-pad);
  }
  .content .blue-content {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
  }
  .content .home-form .container,
  .contacts-block1 .container,
  .contacts-block2 .container {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
  }
  .contacts-block2 .container {
    padding-bottom: clamp(20px, 6vh, 80px);
  }
  .text-image_block .ti-left_block.text,
  .text-image_block .ti-right_block.text {
    padding: var(--space-lg);
  }
  .contacts-block2 .container form,
  .content .home-form .container form {
    margin-top: var(--space-form);
  }
  .contacts-block2 .container form .text-input,
  .contacts-block2 .container form .text-input::-webkit-input-placeholder,
  .contacts-block2 .container form .text-input::placeholder,
  .content .home-form .container form .text-input,
  .content .blue-content .container form .text-input {
    height: var(--input-height);
    min-height: var(--input-height);
    line-height: var(--input-height);
    font-size: var(--font-input);
    margin-bottom: var(--space-sm);
    padding: 0 16px;
  }
  .contacts-block2.blue-content .container form .text-input,
  .contacts-block2.blue-content .container form .text-input::-webkit-input-placeholder,
  .contacts-block2.blue-content .container form .text-input::placeholder {
    font-size: clamp(15px, 1.6vh, 17px);
  }
  .contacts-block2 .container form textarea.text-input,
  .content .home-form .container form textarea.text-input,
  .content .blue-content .container form textarea.text-input {
    height: var(--textarea-height);
    min-height: var(--textarea-height);
    line-height: 1.35;
    padding: var(--space-xs) 16px;
  }
  .contacts-block2 .container form button,
  .content .home-form .container form button {
    height: var(--input-height);
    font-size: var(--font-button);
  }
  .content .blue-content.f-block {
    min-height: 0;
  }
  .wofdi-hero-slider__block {
    height: var(--hero-height);
    min-height: 0;
  }
  .wofdi-hero-slider__title {
    margin-top: var(--hero-title-offset);
    font-size: var(--font-hero);
  }
  .wofdi-hero-slider__subtitle {
    font-size: clamp(16px, min(2.2vw, 3.4vh), 32px);
  }
  .wofdi-hero-slider__content .button.big-button {
    padding: clamp(10px, 1.9vh, 20px) clamp(28px, 3vw, 55px);
    font-size: clamp(16px, 2.6vh, 28px);
  }
  .main-price_element,
  .search-result_element {
    height: var(--card-height);
    padding: var(--card-pad) clamp(16px, 2vw, 30px);
  }
  .main-price_element .element-title_text,
  .search-result_element .element-title_text {
    font-size: clamp(18px, 2.4vh, 26px);
    line-height: 1.25;
  }
  .main-price_element .element-bottom_block,
  .search-result_element .element-bottom_block {
    bottom: var(--card-pad);
  }
}
@media (min-width: 768px) and (max-height: 860px) {
  .wofdi-hero-slider__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .wofdi-hero-slider__title {
    margin-top: 0;
  }
  .wofdi-hero-slider__subtitle {
    height: auto;
  }
  .wofdi-hero-slider__price {
    margin-bottom: var(--space-xs);
    font-size: clamp(16px, 2.4vh, 28px);
  }
  .wofdi-hero-slider__price span {
    font-size: clamp(22px, 3.2vh, 40px);
  }
  .wofdi-hero-slider__content .button.big-button {
    position: static;
    bottom: auto;
    min-width: 0;
    margin: var(--space-sm) 0 0;
  }
  button.wofdi-hero-slider__prev,
  button.wofdi-hero-slider__next {
    width: clamp(44px, 7vh, 60px);
    height: clamp(44px, 7vh, 60px);
  }
}