/* Шапка в одну строку на десктопе: логотип, меню и кнопка «Получить расчет» не помещались
   в строку темы — кнопка переносилась и наезжала на первый экран. Правки только поверх темы
   (style.css не меняется). Ширины подобраны замером колонок шапки на 992–1600 px. */

@media (min-width: 992px) {
  .header-button {
    margin-left: 24px;
  }
}

/* ≥ 1600: отступы пунктов меню 20 → 16 px */
@media (min-width: 1600px) {
  .main-menu > ul {
    margin: 0 -16px !important;
  }

  .main-menu > ul > li > a,
  .header-layout2 .main-menu > ul > li > a {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 1400–1599: шрифт 13 px, отступы 8 px, кнопка компактнее */
@media (min-width: 1400px) and (max-width: 1599px) {
  .main-menu > ul {
    margin: 0 -8px !important;
  }

  .main-menu > ul > li > a,
  .header-layout2 .main-menu > ul > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }

  .main-menu a {
    font-size: 13px;
  }

  .header-button .btn {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* 1280–1399: меньше шрифт и отступы, логотип и кнопка компактнее */
@media (min-width: 1280px) and (max-width: 1399px) {
  .header-logo img {
    max-width: 160px;
  }

  .main-menu > ul {
    margin: 0 -5px !important;
  }

  .main-menu > ul > li > a,
  .header-layout2 .main-menu > ul > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }

  .main-menu a {
    font-size: 12px;
  }

  .header-button .btn {
    padding: 16px 18px;
    font-size: 12px;
  }
}

/* 992–1279: семь пунктов меню и кнопка в строку не помещаются — меню сворачивается
   в кнопку мобильного меню (как на планшете), «Получить расчет» остаётся в шапке. */
@media (min-width: 992px) and (max-width: 1279px) {
  .menu-area .main-menu {
    display: none !important;
  }

  .menu-area .navbar-right {
    display: inline-flex !important;
  }

  .header-button .btn {
    padding: 16px 20px;
    font-size: 13px;
  }
}