/* Keep the reference layout at 1920px; fit navigation and content on laptops. */
@media (max-width: 1919px) {
  body { min-width: 0; width: 100%; }
  .header { width: 100%; min-width: 0; left: 0; transform: none; }
  .hd_center { min-width: 0; width: calc(100% - 48px); }
  .hd_top .hd_logo { position: static !important; transform: none !important; }
  .hd_top .hd_logo img { height: auto !important; width: clamp(220px, 22vw, 330px) !important; }
  .hd_center .hd_tel { flex-shrink: 0; font-size: 16px !important; }
  .hd_menu { flex-shrink: 0; }
  .hd_menu a { padding: 0 10px !important; font-size: 14px; }
  .hd_menu .sk_lang { margin-left: 4px; }
  .sk_lang select { font-size: 14px; padding-left: 10px; }
  .main_menu { width: calc(100% - 32px); align-items: stretch; }
  .main_menu > li { flex: 1; min-width: 0; }
  .main_menu > li > a { width: 100%; padding-inline: 5px; font-size: clamp(12px, .95vw, 18px); }
  .main_menu > li > a span { font-size: clamp(14px, 1.05vw, 20px); }
  .main_menu > li:first-child .sk_sub { left: 0; transform: none; }
  .main_menu > li:last-child .sk_sub { left: auto; right: 0; transform: none; }
  .container, .container-xl, #smart .container-xl, #wrap #section07 .container { width: 100% !important; max-width: 1920px !important; min-width: 0 !important;
    padding-inline: clamp(24px, calc((100vw - 1430px) / 2), 245px) !important; }
  :is(#wrap, #introduce, #introduce2, #introduce3, #oneday, #mise, #ddc, #smart, #digital, #child),
  :is(#wrap, #introduce, #introduce2, #introduce3, #oneday, #mise, #ddc, #smart, #digital, #child) > section,
  :is(#wrap, #introduce, #introduce2, #introduce3, #oneday, #mise, #ddc, #smart, #digital, #child) > .head {
    width: 100% !important; max-width: 100%; min-width: 0 !important;
  }
  :is(.sk_in, .sk_doc_in, .sk_numtitle) { max-width: calc(100% - 48px) !important; }
  .container .d-flex:not(.flex-column) { flex-wrap: wrap; }
  .container .d-flex { max-width: 100%; }
  .container :is(.box, .sk_box, .sk_grid4, .g3_ward, .sk_doc_in) { max-width: 100%; }
  .sk-index #wrap #section03 .boxes { width: 100%; }
  .sk-index #wrap #section03 .boxes .box { flex: 1; min-width: 0; }
  .sk-index #wrap #section03 .boxes .box > a { width: 100%; }
  .sk-index #wrap #section03 .sk_card_txt { width: calc(100% - 48px); left: 24px; }
  .sk-index #wrap #section01 .swiper-slide > div { padding-left: clamp(48px, 6vw, 110px) !important; padding-right: 48px; }
  .sk-index #wrap #section01 .swiper-slide div :is(h1,h2,:is(h4,:where(.h4)),p:not(:where(.h3,.h4,.h5,.h6))) { max-width: 700px; }
  .sk-index #wrap .sk_ga .container { flex-wrap: wrap; gap: 40px; }
  .sk-index #wrap .sk_ga_img { flex: 1 1 500px; }
  .sk-index #wrap .sk_ga_txt { flex: 1 1 500px; min-width: 0; }
  .sk-integrated #smart .container-xl > div { width: 100% !important; }
  .sk-integrated #smart .container-xl > div > div { max-width: 100%; }
  :is(#digital, #child, #smart, #oneday) .head > div { max-width: calc(100% - 48px); }
  :is(#digital, #child, #smart, #oneday) .head div ul { width: 100%; }
  :is(#digital, #child, #smart, #oneday) .head div ul li { flex: 1; min-width: 0; }
  :is(#digital, #child, #smart, #oneday) .head div ul li button,
  :is(#digital, #child, #smart, #oneday) .head div ul li button a { width: 100%; }
  .sk-location #introduce3 .sk_hours_box { max-width: 100%; flex-wrap: wrap; }
  .sk-location #introduce3 .sk_hours_box > div { flex: 1 1 500px; }
  .sk-doctors #introduce2 #section01 .container ul.tab-menu { width: 100%; }
  .sk-doctors #introduce2 #section01 .container ul.tab-menu li { flex: 1; min-width: 0; }
  .sk-doctors #introduce2 #section01 .container ul.tab-menu li button { width: 100%; }
  .sk-sedation #sleep #section07 .tab-buttons { width: calc(100% - 48px); }
  :is(.sk-implant,.sk-orthodontics,.sk-pediatric,.sk-integrated) .sk_wrap { max-width: calc(100% - 48px); }
  footer .container > .d-flex { gap: 32px; }
  footer .info { flex: 1 1 500px; min-width: 0; }
  footer .timeAndNumber { flex: 0 0 auto; }
  footer .info .wrap { gap: 8px 24px; }
}
@media (max-width: 1199px) {
  body { padding-top: 260px; }
  .hd_center { flex-wrap: wrap; gap: 12px; justify-content: space-between !important; }
  .hd_top .hd_logo { order: -1; width: 100%; text-align: center; }
  .hd_menu { display: flex; }
  .main_menu { flex-wrap: wrap; }
  .main_menu > li { flex: 1 0 20%; }
  .main_menu > li > a { min-height: 66px; }
  .hd_center > img { display: initial; }
  :is(.sk_grid4, .g3_cards, .g3_steps, .sk_c3, .sk_fields) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
.sk-legal-links { display: flex; flex-wrap: wrap; gap: 12px; }