/* Same content, palette, images and desktop layout; flow narrow screens. */
@media (max-width: 960px) {
  .portal-layout, .page { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .portal-layout { margin-top: 16px !important; overflow: visible !important; }
  #top-bar, #top-bar-inner, #top-bar-content { width: 100%; max-width: 100%; box-sizing: border-box; }
  .topbar-content { display: block !important; float: none !important; padding: 3px 8px !important; box-sizing: border-box; }
  .topbar-content > span { font-size: 16px !important; }
  .minimenu { max-width: 100%; height: 36px; }
  .header { padding: 0 10px; margin-bottom: 15px; }
  .logo, .phone-top { float: none; width: auto; padding: 10px 0; text-align: center; }
  .logo img { max-width: 100%; }
  .logo-desc { margin-top: 14px; font-size: 18px; line-height: 1.3; }
  .phone-top img { max-width: 100%; }
  .nav-container { top: 0; height: auto; }
  .nav, .nav-inner, .nav .primary { position: relative; width: 100%; height: auto; margin: 0; }
  .nav .primary { display: flex; flex-wrap: wrap; padding: 7px 0; }
  .nav .primary .nav-title { height: 44px; line-height: 44px; padding: 0 10px; }
  .nav .primary-subnav-wrap { top: 44px; z-index: 101; }
  .nav .primary-subnav { max-width: calc(100vw - 45px); }
  .nav li:focus-within .primary-subnav { display: block; }
  .nav-container .search-form { float: none; width: 100%; height: auto; min-height: 76px; padding: 1px 0 8px; }
  .nav-container .search-wrap .search-field { width: calc(100% - 55px); height: 32px; }
  .nav-container .search-form .search-img { margin-top: 6px; }
  .nav-container .search-context-option { padding-top: 5px; }
  .last-reg, .top-slider { float: none !important; width: auto !important; max-width: 100%; margin: 10px !important; box-sizing: border-box; }
  .last-reg ul { display: flex; flex-wrap: wrap; }
  .last-reg li { flex: 1 1 260px; }
  .top-slider .item { max-width: 100%; box-sizing: border-box; }
  .wrap, .main-page .wrap { padding: 10px; display: flex; flex-wrap: wrap; box-sizing: border-box; }
  .wrap > .sidebar { order: 2; float: none; width: 100%; margin: 20px 0 0; }
  .wrap > .content { order: 1; float: none; width: 100%; margin: 0; min-width: 0; }
  .wrap > .b-catalogbox, .wrap > .content_wrap, .wrap > .b-plus { order: 3; width: 100%; box-sizing: border-box; }
  .main-news-column, .main-news-column:nth-child(2n), .main-news-column.main-news-column--video,
  .main-news-column.main-news-column-two, .main-news-column-after { float: none; width: 100%; height: auto; margin: 0 0 15px; padding-bottom: 10px; }
  .main-news-column .main-news-block, .main-news-block, .main-news-block-category { width: 100%; height: auto; min-height: 0; box-sizing: border-box; margin-bottom: 20px; }
  .main-news-block h2 { height: auto; min-height: 36px; }
  .main-news-column-header { font-size: 22px; }
  .content img, .content_wrap img { max-width: 100%; height: auto; }
  .main-news-column .main-news-video-width { float: none; display: block; width: fit-content; max-width: 100%; height: auto !important; }
  .main-news-column .main-news-video-width img { max-width: 100%; height: auto; }
  .content-block, .content_wrap { overflow-wrap: anywhere; }
  .content iframe, .content video, .content object { max-width: 100%; }
  .content-block table { display: block; max-width: 100%; overflow-x: auto; }
  .content-block td, .content-block th { padding: 6px; }
  .pic-rounded { max-width: 100%; }
  .pic-rounded img { max-width: 100%; height: auto; }
  .b-catalogbox { display: flex; flex-wrap: wrap; gap: 14px; margin: 20px 0; }
  .b-catalogbox .catalogbox__item { width: calc(50% - 7px); margin: 0; }
  .b-catalogbox img { max-width: 100%; height: auto; }
  .b-catalogbox .title__box { height: auto; min-height: 70px; }
  .b-plus { display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0; }
  .b-plus .plus__item { flex: 1 1 120px; margin: 0; }
  .footer, .main-page .footer { width: 100%; height: auto; margin: 0; padding: 20px 12px; box-sizing: border-box; }
  .footer > div, .footer-inner { position: static !important; width: auto; height: auto; margin: 0; }
  .footer p { width: auto; }
  .footer-descr { padding-top: 10px; }
  #vk_comments, #vk_comments iframe { max-width: 100% !important; }
  .video-block { max-width: 100%; }
  .related-block { float: none; width: 100%; max-width: 100%; margin-left: 0; box-sizing: border-box; }
  .related-clinic-list { width: 100%; box-sizing: border-box; padding-left: 0; }
  .related-clinic-list .item-r-clinic { max-width: 100%; margin-bottom: 18px; }
}
@media (max-width: 480px) {
  .logo-desc { font-size: 16px; }
  .top-slider .item { float: none !important; display: block !important; width: 100% !important; margin: 0 0 16px !important; }
  .top-slider .item > a > img { width: 100%; height: auto; }
  .top-slider .block-title { font-size: 22px; }
  .content-block .pic-rounded { float: none; margin-right: 0; }
  .b-catalogbox .catalogbox__item { width: 100%; }
  .b-catalogbox .title__box { min-height: 0; }
}