/* ============================================================
   Адаптивная вёрстка сайта mipkip.ru
   ============================================================ */

img { max-width: 100%; height: auto; }

@media (max-width: 1024px) {
  .header, .header-content, .logo, .generic-content, .generic-content_sv,
  .generic-content_dip, .panel-content, .panel-content1, .panel-content2,
  .publikacii_new, .banner,
  .header-panels1, .header-panels2, .header-panels3, .header-panels4,
  .header-panels12, .header-panels13, .header-panels44, .footer-strip {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
  }

  .header { overflow: visible; }
  .header-content { height: auto; }
  .menu { float: none; width: 100%; }
  .menu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
  .menu li { float: none; width: auto; height: auto; padding: 0; }
  .menu li a { width: auto; padding: 0 14px; height: 34px; line-height: 34px; font-size: 14px; }
}

@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: hidden; }

  .container, .container_2 { width: 100%; }
  .column1, .column2, .column3,
  .column2_1, .column2_2, .column2_3 {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 8px 12px;
    box-sizing: border-box;
  }
  .column2 img { width: 70%; }

  .logo h1 { font-size: 16px; }
  .logo p { font-size: 15px; }

  /* Тело страниц: убираем широкие отступы и уменьшаем шрифт текста */
  .panel-content p, .panel-content1 p, .panel-content2 p,
  .generic-content_sv p, .generic-content_dip p {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 15px;
  }

  .footer-strip { margin-top: 20px; margin-bottom: 20px; text-align: center; }
  .footer-strip p { font-size: 13px; line-height: 1.5; word-wrap: break-word; }

  .img2 { width: 150px !important; height: auto; }
  .popup_click img { width: 100% !important; height: auto; }
}

@media (max-width: 480px) {
  .menu li a { font-size: 12px; padding: 0 10px; height: 32px; line-height: 32px; }
  .logo h1 { font-size: 14px; }
  .footer-strip p { font-size: 12px; }
}

/* Кнопки курсов (button20) на мобильном */
@media (max-width: 768px) {
  a.button20 {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 6px auto;
    box-sizing: border-box;
    font-size: 16px;
  }
}