/* hn8 site-wide responsive
   Breakpoints:
   - desktop:  >=1200
   - tablet-lg: 992-1199
   - tablet:    768-991
   - phone:     <=767
   - phone-sm:  <=450
*/

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, embed, object, svg {
  max-width: 100%;
  height: auto;
}
table { max-width: 100%; }

/* Fluid 主体宽度 (all viewports) */
.container_xfgm99,
.container_PEJfHJ,
.container_W3hEiN,
.container_W3hEiN1 {
  width: 100% !important;
  max-width: 1286px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.container_W3hEiN { height: auto !important; }

.container_axYtEr,
.container_2O0ULG,
.container_VibuDP,
.container_BnZjTH,
.container_AuBEso,
.container_B7Ptdi,
.container_W9UjqK,
.container_C3ZVwT,
.container_7f4LUv,
.container_1JsD1h,
.container_QILnZs,
.container_eRK7vh,
.container_VDFxb9,
.container_1HMgvm,
.container_BzAuQJ,
.container_JXwGVO,
.container_MRmM8M,
.container_c3XuHc,
.container_BPJiAS,
.heading_yUavH9 {
  width: 100% !important;
  max-width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.w1100,
.cp100,
.container_ZjA8eq {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.a10,
.container_0lBha4,
.container_ALCuG0,
.container_secdY6,
.container_secdY61,
.container_wi5q1d,
.container_KrOY0f,
.container_CoSmJt,
.container_CgAPRo {
  width: 100% !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container_uZV3Sp,
.container_NF9pq0,
.container_cqnx9E {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.a21 {
  width: 100% !important;
  max-width: 836px !important;
  float: none !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.section_JW4eNH .container_7f4LUv {
  max-width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.section_JW4eNH .news-detail {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ========== Large tablet / small laptop 992-1199 ========== */
@media (min-width: 992px) and (max-width: 1199px) {
  .section_lErUPq .navbar-nav > li > a,
  .section_lErUPq .c-navlink {
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 34vh !important;
    min-height: 220px !important;
    max-height: 420px !important;
  }

  .prod-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .prod-hero h1 { font-size: 28px !important; }

  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    background-size: cover !important;
  }
}

/* ========== Tablet 768-991 ========== */
@media (min-width: 768px) and (max-width: 991px) {
  /* Prefer PC content blocks, but allow them to reflow */
  .xianshia { display: block !important; }
  .xianshib { display: none !important; }
  .pcxianx { display: block !important; }
  .moxianx { display: none !important; }

  /* Compact nav: collapse like phone so menu doesn't overflow */
  .section_lErUPq .navbar-header {
    float: none !important;
    width: 100% !important;
  }
  .section_lErUPq .navbar-toggle {
    display: block !important;
    float: none !important;
    margin: 8px 12px 8px 0 !important;
  }
  .section_lErUPq .navbar-collapse {
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .section_lErUPq .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .section_lErUPq .navbar-collapse.collapse.in,
  .section_lErUPq .navbar-collapse.in {
    display: block !important;
  }
  .section_lErUPq .navbar-nav {
    float: none !important;
    margin: 6px 0 !important;
  }
  .section_lErUPq .navbar-nav > li {
    float: none !important;
    display: block !important;
  }
  .section_lErUPq .navbar-nav > li > a {
    padding: 10px 14px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .section_lErUPq .navbar-right {
    float: none !important;
  }
  .section_lErUPq .hidden-xs,
  .section_lErUPq .div_4l8wrb,
  .section_lErUPq .div_4l8wrb1,
  .section_lErUPq .div_4l8wrb2 {
    display: none !important;
  }

  .a10, .a21 {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* 2-column for custom % columns that were 50/50-ish */
  [class*="column_"] {
    box-sizing: border-box !important;
  }
  .column_mT59RA,
  .column_S4s2ce,
  .column_viqONN,
  .column_G2Ejla,
  .column_PoUh3H {
    width: 50% !important;
    float: left !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* narrower side columns become full width */
  .column_DAQ4rv,
  .column_XRHoIu,
  .column_9G8xId,
  .column_ECuIRv,
  .column_O1agta,
  .column_tjvZNq,
  .column_SEMKI3,
  .column_LZh2vX,
  .column_F9h63d,
  .column_l5i13T,
  .column_cgq985,
  .column_dWp2Dl,
  .column_ILCMaM,
  .column_0dnLNG,
  .column_z1kjfT,
  .column_9S079o,
  .column_HOPf2K,
  .column_pmvatP,
  .column_sBaYeO,
  .column_Nsar0h {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .col-md-3, .col-sm-3, .col-lg-3 {
    width: 50% !important;
    float: left !important;
  }
  .col-md-2, .col-sm-2, .col-lg-2,
  .col-md-4, .col-sm-4, .col-lg-4 {
    width: 50% !important;
    float: left !important;
  }
  .col-md-9, .col-sm-9, .col-lg-9,
  .col-md-8, .col-sm-8, .col-lg-8,
  .col-md-6, .col-sm-6, .col-lg-6 {
    width: 100% !important;
    float: none !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 30vh !important;
    min-height: 200px !important;
    max-height: 380px !important;
  }

  .de {
    margin-left: 0 !important;
    position: static !important;
  }

  /* home product family tiles: 2 across */
  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    width: 50% !important;
    float: left !important;
    min-height: 220px !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .prod-page { padding: 24px 20px 48px !important; }
  .prod-hero h1 { font-size: 26px !important; }
  .prod-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .prod-filter {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .prod-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .div_HwXJB6,
  .div_ROMTOI,
  .div_v1HZi9,
  .div_IYQKWk,
  .div_IYQKWk2,
  .div_KGn1Cf,
  .div_KGn1Cf3,
  .div_xoJ7Cy1,
  .div_xoJ7Cy2,
  .div_K2NeYg01,
  .div_K2NeYg02 {
    width: 100% !important;
    height: auto !important;
    min-height: 240px !important;
    background-size: cover !important;
  }

  h1, .heading_yUavH9 { font-size: 24px !important; }
  h2, .zth2 { font-size: 20px !important; }

  .news-item .news-thumb img {
    width: 85% !important;
    max-width: 720px !important;
  }
}

/* ========== Phone <=767 ========== */
@media (max-width: 767px) {
  body { font-size: 14px; }

  .xianshia { display: none !important; }
  .xianshib { display: block !important; }
  .pcxianx { display: none !important; }
  .moxianx { display: block !important; }

  [class*="column_"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row, [class*="row_"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    width: 100% !important;
    float: none !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 28vh !important;
    min-height: 150px !important;
    max-height: 280px !important;
  }

  .section_lErUPq .navbar-header {
    float: none !important;
    width: 100% !important;
  }
  .section_lErUPq .navbar-toggle {
    display: block !important;
    float: none !important;
  }
  .section_lErUPq .navbar-collapse {
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.15);
  }
  .section_lErUPq .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
  }
  .section_lErUPq .navbar-collapse.collapse.in,
  .section_lErUPq .navbar-collapse.in {
    display: block !important;
  }
  .section_lErUPq .navbar-nav {
    float: none !important;
    margin: 8px 0 !important;
  }
  .section_lErUPq .navbar-nav > li {
    float: none !important;
    display: block !important;
  }
  .section_lErUPq .navbar-nav > li > a {
    padding: 10px 12px !important;
    line-height: 1.35 !important;
  }
  .section_lErUPq .hidden-xs,
  .section_lErUPq .div_4l8wrb,
  .section_lErUPq .div_4l8wrb1,
  .section_lErUPq .div_4l8wrb2 {
    display: none !important;
  }

  .hidden-xs, .hidden-xs9 { display: none !important; }

  .c-slider, .c-slider-mask, [class*="slider_"], [class*="slidermask_"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  [class*="slide_"] {
    background-size: cover !important;
    background-position: center !important;
  }
  .slide_7SKZI8,
  .slide_7SKZI81,
  .slide_7SKZI82,
  .slide_7SKZI83 {
    height: 180px !important;
    background-size: cover !important;
  }

  .a12, .a13, .a14, .a1401, .a1402, .a15, .a16, .a17, .a1701, .a1702,
  .a18, .a19, .a20, .a23, .a24, .a27, .a30, .a32, .a3201 {
    width: 100% !important;
    float: none !important;
    min-height: 180px !important;
    height: auto !important;
  }

  h1, .heading_yUavH9, [class*="heading_"] {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
  h2, .zth2 { font-size: 18px !important; }

  .div_HwXJB6,
  .div_ROMTOI,
  .div_v1HZi9,
  .div_IYQKWk,
  .div_IYQKWk2,
  .div_KGn1Cf,
  .div_KGn1Cf3,
  .div_xoJ7Cy1,
  .div_xoJ7Cy2,
  .div_K2NeYg01,
  .div_K2NeYg02 {
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
  }
  .div_xoJ7Cy2 { min-height: 220px !important; }

  .gao500, .gao800, .up10em {
    height: auto !important;
    margin-top: 1.5em !important;
  }
  .liship {
    width: 92% !important;
    left: 4% !important;
    font-size: 14px !important;
    top: 0 !important;
  }
  .jiathis_style_32x32 { margin-left: 0 !important; }

  .prod-page { padding: 16px 12px 40px !important; }
  .prod-hero h1 { font-size: 22px !important; }
  .prod-filters {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .prod-filter {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .prod-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .news-body, .content, [class*="paragraph_"], .c-paragraph {
    word-wrap: break-word;
    overflow-wrap: anywhere;
  }
  .news-body img, .content img, article img {
    width: 100% !important;
    height: auto !important;
  }

  .image_ZNiyiY,
  .image_PgBdRf {
    width: auto !important;
    max-width: 140px !important;
    margin: 8px auto !important;
    display: block !important;
  }

  .modal .dialogwrap_UKmOfe,
  .modal-dialog {
    width: 94% !important;
    margin: 8% auto !important;
  }
}

/* ========== Small phone ========== */
@media (max-width: 450px) {
  .prod-filter { flex: 0 0 auto !important; width: auto !important; }
  .section_Rm4Tkp01,
  .section_Gozo0m {
    min-height: 130px !important;
    height: 24vh !important;
  }
  .slide_7SKZI8,
  .slide_7SKZI81,
  .slide_7SKZI82,
  .slide_7SKZI83 {
    height: 150px !important;
  }
}

/* iPad landscape often 1024-1180 — treat like tablet-lg for nav overflow */
@media (min-width: 992px) and (max-width: 1100px) {
  .section_lErUPq .navbar-nav > li > a,
  .section_lErUPq .c-navlink {
    font-size: 13px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* ========== Contact page mobile polish 2026-10-28 ========== */
@media (max-width: 767px) {
  /* Contact banner: keep visible, compact height */
  body.hn8-contact-page .section_Gozo0m,
  body.body_restored.hn8-contact-page .section_Gozo0m {
    display: block !important;
    width: 100% !important;
    height: 28vh !important;
    min-height: 140px !important;
    max-height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.hn8-contact-page .section_Gozo0m .gao800,
  body.hn8-contact-page .section_Gozo0m .div_7nqNma,
  body.body_restored.hn8-contact-page .section_Gozo0m .gao800,
  body.body_restored.hn8-contact-page .section_Gozo0m .div_7nqNma {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 140px !important;
    max-height: 220px !important;
    margin: 0 !important;
    /* styles1 only (desktop) had this bg; restore on phone */
    background-image: url(/template/hn8/images/9lx_01.jpg) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* Contact info + form containers */
  .section_g3zJdS .container_vQFzW0,
  .section_bNJeMD .container_vQFzW0 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 16px 8px !important;
    box-sizing: border-box !important;
  }

  .section_g3zJdS > .container_vQFzW0 > .heading_ZUUfLI:first-child {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 4px 0 16px !important;
    padding: 0 !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: #222 !important;
  }

  /* Region title: kill empty logo spacer indent */
  .section_g3zJdS .s1logo {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
  }

  .section_g3zJdS .div_1ewQjd {
    margin: 0 0 10px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #f7f5f3;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
  }

  .section_g3zJdS .div_1ewQjd > .row,
  .section_g3zJdS .row_ZacKir {
    margin: 0 !important;
  }

  .section_g3zJdS .column_czg5ei,
  .section_g3zJdS .column_l3ydy1 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Drop nbsp-only spacer paragraphs under region titles */
  .section_g3zJdS .column_czg5ei > p {
    display: none !important;
  }

  .section_g3zJdS .div_1ewQjd > hr,
  .section_g3zJdS hr {
    display: none !important;
  }

  .section_g3zJdS .column_czg5ei > .heading_ZUUfLI {
    font-size: 16px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #1a1a1a !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
  }

  /* Kill legacy absolute/min-height desktop leftovers */
  .section_g3zJdS .div_lyxvl9,
  .section_g3zJdS .hn8-contact-spacer-title {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .section_g3zJdS .hn8-contact-en-addr {
    display: none !important;
  }

  .section_g3zJdS .div_TyjLc2 {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    position: static !important;
    clear: both !important;
    overflow: visible !important;
  }

  .section_g3zJdS .div_TyjLc2:last-child,
  .section_g3zJdS .contact-tel {
    margin-bottom: 0 !important;
    margin-top: 2px !important;
  }

  .section_g3zJdS .paragraph_lAoWSO,
  .section_g3zJdS a.paragraph_lAoWSO {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #333 !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
    text-decoration: none;
  }

  .section_g3zJdS a.paragraph_lAoWSO[href^="tel:"],
  .section_g3zJdS a.paragraph_lAoWSO[href^="mailto:"],
  .section_g3zJdS .paragraph_lAoWSO a[href^="mailto:"] {
    color: #8b1e1e !important;
  }

  /* WeChat QR: keep readable but not dominant */
  .section_g3zJdS .column_l3ydy1 {
    margin-top: 6px !important;
  }
  .section_g3zJdS .image_HCJx2e {
    display: block !important;
    float: none !important;
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    margin: 4px auto 0 !important;
  }

  /* Form block — pull up, less dead air */
  .section_bNJeMD {
    padding-top: 0 !important;
    margin-top: 4px !important;
  }

  .section_bNJeMD .heading_ZUUfLI11 {
    font-size: 17px !important;
    margin: 4px 0 6px !important;
    text-align: left !important;
  }
  .section_bNJeMD .heading_ZUUfLI11 + .heading_ZUUfLI11 {
    margin-top: 0 !important;
  }

  .section_bNJeMD .div_QCNliI,
  .section_bNJeMD .formwidget_J5yhPk {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .section_bNJeMD .input_dGbWv2,
  .section_bNJeMD .textarea_ZeE0ez {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 12px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
  }

  .section_bNJeMD .textarea_ZeE0ez {
    min-height: 120px !important;
  }

  .section_bNJeMD .button_A2Myrb {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 4px 0 8px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }

  /* Less dead space before footer */
  body.hn8-contact-page .buxian.gao10x {
    height: 20px !important;
    min-height: 0 !important;
  }

}

@media (max-width: 450px) {
  body.hn8-contact-page .section_Gozo0m,
  body.body_restored.hn8-contact-page .section_Gozo0m {
    height: 24vh !important;
    min-height: 120px !important;
    max-height: 180px !important;
  }

  body.hn8-contact-page .section_Gozo0m .gao800,
  body.hn8-contact-page .section_Gozo0m .div_7nqNma {
    min-height: 120px !important;
    max-height: 180px !important;
  }

  .section_g3zJdS .container_vQFzW0,
  .section_bNJeMD .container_vQFzW0 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .section_g3zJdS > .container_vQFzW0 > .heading_ZUUfLI:first-child {
    font-size: 20px !important;
  }

  .section_g3zJdS .paragraph_lAoWSO,
  .section_g3zJdS a.paragraph_lAoWSO {
    font-size: 13.5px !important;
  }

  .section_g3zJdS .image_HCJx2e {
    width: 120px !important;
    max-width: 120px !important;
  }
}

/* ========== Mobile nav: half logo + floating menu 2026-10-28 ========== */
@media (max-width: 767px) {
  .section_lErUPq {
    position: relative !important;
    z-index: 1000 !important;
    overflow: visible !important;
  }

  /* Full-bleed positioning context for the dropdown */
  .section_lErUPq .div_TkqqIN,
  .section_lErUPq .div_TkqqIN1 {
    position: relative !important;
    z-index: 1001 !important;
    overflow: visible !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Do NOT make these the containing block — keep dropdown full bar width */
  .section_lErUPq .navbar,
  .section_lErUPq .c-navbar,
  .section_lErUPq .navcontainer_M5tpHP,
  .section_lErUPq .navcontainer_ERBqtS {
    position: static !important;
    overflow: visible !important;
    width: 100% !important;
  }

  /* Logo ~ half of desktop 110x54 */
  .section_lErUPq .image_yEU9FX,
  .section_lErUPq .image_5BHzyB,
  .section_lErUPq .navbar-header > img.c-image,
  .section_lErUPq .nav-logo-link img {
    width: 55px !important;
    height: 27px !important;
    max-width: 55px !important;
    max-height: 27px !important;
    object-fit: contain !important;
    object-position: left center !important;
    float: none !important;
  }

  .section_lErUPq .navbar-header,
  .section_lErUPq .navheader_Hcjqac,
  .section_lErUPq .navheader_m3jNK7 {
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /*
   * Force logo LEFT + menu RIGHT regardless of HTML source order
   * (live/cache may still emit toggle before logo).
   */
  .section_lErUPq .nav-logo-link {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    flex: 0 0 auto !important;
    order: -1 !important;
    margin: 0 !important;
    margin-right: auto !important;
  }

  .section_lErUPq .navbar-toggle,
  .section_lErUPq .navmenubutton_Tehn3J,
  .section_lErUPq .navmenubutton_iG40Os {
    display: block !important;
    float: none !important;
    position: relative !important;
    flex: 0 0 auto !important;
    order: 99 !important;
    margin: 0 0 0 auto !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
  }
  .section_lErUPq .navbar-toggle .icon-bar,
  .section_lErUPq .navbar-toggle .c-nav-btn-span {
    background-color: #fff !important;
  }

  /* floating panel rules removed — use Bootstrap display + menu click fix */


  .section_lErUPq .navbar-nav,
  .section_lErUPq .c-navlist,
  .section_lErUPq .navbar-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section_lErUPq .navbar-nav > li,
  .section_lErUPq .c-navlistitem {
    float: none !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    height: auto !important;
    min-height: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .section_lErUPq .navbar-nav > li:last-child {
    border-bottom: none;
  }

  .section_lErUPq .navbar-nav > li > a,
  .section_lErUPq .c-navlink,
  .section_lErUPq .navlink_FvLx5G,
  .section_lErUPq .navlink_hRcQb0 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
    color: #222 !important;
    border: none !important;
    background: transparent !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .section_lErUPq .navbar-nav > li > a:hover,
  .section_lErUPq .navbar-nav > li > a:focus,
  .section_lErUPq .navbar-nav > li > a:active,
  .section_lErUPq .c-navlink:hover,
  .section_lErUPq .c-navlink:focus {
    background: #f8f1f1 !important;
    color: #980b0e !important;
    opacity: 1 !important;
  }

  /*
   * Home banner: earlier rule .hidden-xs9 { display:none } hides hero.
   * Mobile: show the same muted autoplay video as desktop (not image slides).
   */
  .section_lwG1Z2.hidden-xs9,
  .container-fluid.hidden-xs9.section_lwG1Z2,
  .hidden-xs9.section_lwG1Z2,
  .section_lwG1Z2 {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 42vw !important;
    min-height: 180px !important;
    max-height: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .section_lwG1Z2 .slider_S45VGg,
  .section_lwG1Z2 .c-slider,
  .section_lwG1Z2 .c-slider-mask,
  .section_lwG1Z2 .slidermask_zI1tWm,
  .section_lwG1Z2 .slidermask_ci97OF {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 180px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }

  /* Video fills banner; override Bootstrap .hidden-xs */
  .section_lwG1Z2 .div_Oxhx9u,
  .section_lwG1Z2 .div_Oxhx9u.hidden-xs {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
    overflow: hidden !important;
  }

  .section_lwG1Z2 .c-video,
  .section_lwG1Z2 video,
  .section_lwG1Z2 video.hidden-xs,
  .section_lwG1Z2 .video_minbAm {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 2 !important;
  }

  /* Image slides sit under video as fallback */
  .section_lwG1Z2 .slide_7SKZI8,
  .section_lwG1Z2 .slide_7SKZI81,
  .section_lwG1Z2 .slide_7SKZI82,
  .section_lwG1Z2 .slide_7SKZI83 {
    height: 100% !important;
    min-height: 180px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
  }

  .section_lwG1Z2 .c-leftarrow,
  .section_lwG1Z2 .c-rightarrow,
  .section_lwG1Z2 .c-slider-nav {
    display: none !important;
  }

  /* About / concept banners stay visible with real height */
  .section_Rm4Tkp01,
  .section_Gozo0m {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 36vw !important;
    min-height: 160px !important;
    max-height: 260px !important;
    overflow: hidden !important;
  }
  .section_Rm4Tkp01 .c-slider,
  .section_Rm4Tkp01 .c-slider-mask,
  .section_Rm4Tkp01 .c-slide,
  .section_Rm4Tkp01 .c-slide img,
  .section_Gozo0m .div_7nqNma,
  .section_Gozo0m .div_7nqNma1,
  .section_Gozo0m .div_7nqNma2 {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 160px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media (max-width: 450px) {
  .section_lErUPq .image_yEU9FX,
  .section_lErUPq .image_5BHzyB,
  .section_lErUPq .nav-logo-link img {
    width: 52px !important;
    height: 26px !important;
    max-width: 52px !important;
    max-height: 26px !important;
  }

  .section_lwG1Z2.hidden-xs9,
  .container-fluid.hidden-xs9.section_lwG1Z2,
  .section_lwG1Z2 {
    height: 48vw !important;
    min-height: 160px !important;
    max-height: 240px !important;
  }

  .section_Rm4Tkp01,
  .section_Gozo0m {
    height: 42vw !important;
    min-height: 140px !important;
    max-height: 220px !important;
  }
}

/* ========== Product mobile: banner gap + filter fit 2026-10-28 ========== */
@media (max-width: 767px) {
  /* Product banner: keep image readable, don't let following text climb up */
  body.body_BU2Eut .section_Rm4Tkp01,
  .body_BU2Eut .section_Rm4Tkp01 {
    height: 48vw !important;
    min-height: 180px !important;
    max-height: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
  }
  body.body_BU2Eut .section_Rm4Tkp01 .c-slider,
  body.body_BU2Eut .section_Rm4Tkp01 .c-slider-mask,
  body.body_BU2Eut .section_Rm4Tkp01 .c-slide,
  .body_BU2Eut .section_Rm4Tkp01 .slider_DQJg7Z,
  .body_BU2Eut .section_Rm4Tkp01 .slidermask_MnutaN,
  .body_BU2Eut .section_Rm4Tkp01 .slide_QtafFInew,
  .body_BU2Eut .section_Rm4Tkp01 .slide_kKU4uP {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    position: relative !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  /* Content starts clearly below banner — no negative pull */
  body.body_BU2Eut .prod-page,
  .body_BU2Eut .prod-page {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 0 !important;
    padding-top: 18px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.body_BU2Eut .prod-hero,
  .body_BU2Eut .prod-hero {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-top: 8px !important;
  }
  /* Banner already has title baked in — hide duplicate h1 on phone */
  body.body_BU2Eut .prod-hero h1,
  .body_BU2Eut .prod-hero h1 {
    display: none !important;
  }
  body.body_BU2Eut .prod-hero p,
  .body_BU2Eut .prod-hero p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #666 !important;
  }

  /* Category chips: natural text width, centered wrap */
  body.body_BU2Eut .prod-filters,
  .body_BU2Eut .prod-filters,
  .prod-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }
  body.body_BU2Eut .prod-filter,
  .body_BU2Eut .prod-filter,
  .prod-filter {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 8px 14px !important;
  }
}

@media (max-width: 450px) {
  body.body_BU2Eut .section_Rm4Tkp01,
  .body_BU2Eut .section_Rm4Tkp01 {
    height: 52vw !important;
    min-height: 170px !important;
    max-height: 240px !important;
  }
  /* Override earlier flex:1 1 100% */
  body.body_BU2Eut .prod-filter,
  .body_BU2Eut .prod-filter,
  .prod-filter {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

/* ========== Map mobile: 1-col stores + banner 2026-10-28 ========== */
@media (max-width: 767px) {
  /* Banner: show map image fully (was cropped to a thin strip) */
  body.body_0zc846 .section_Gozo0m,
  .body_0zc846 .section_Gozo0m {
    display: block !important;
    width: 100% !important;
    height: 42vw !important;
    min-height: 170px !important;
    max-height: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body.body_0zc846 .section_Gozo0m .div_7nqNma1,
  body.body_0zc846 .section_Gozo0m .gao800,
  .body_0zc846 .section_Gozo0m .div_7nqNma1,
  .body_0zc846 .section_Gozo0m .gao800 {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 170px !important;
    margin: 0 !important;
    background-image: url(/template/hn8/images/6a_01.jpg) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* Store photos: force single column (override inline width:49%) */
  body.body_0zc846 .section_zX4IcL [style*="width:49%"],
  body.body_0zc846 .section_zX4IcL [style*="width:50%"],
  .body_0zc846 .section_zX4IcL [style*="width:49%"],
  .body_0zc846 .section_zX4IcL [style*="width:50%"] {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin: 0 0 28px 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
  }
  body.body_0zc846 .section_zX4IcL [style*="min-height:500px"],
  .body_0zc846 .section_zX4IcL [style*="min-height:500px"] {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 8px !important;
  }
  /* kissSlider uses absolute slides + JS height — do not force tall min-height */
  body.body_0zc846 .section_zX4IcL .kiss-slider,
  .body_0zc846 .section_zX4IcL .kiss-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 8px 0 4px !important;
  }
  body.body_0zc846 .section_zX4IcL .kiss-pagination,
  .body_0zc846 .section_zX4IcL .kiss-pagination {
    margin-top: 2px !important;
  }
  body.body_0zc846 .section_zX4IcL p.text-center,
  .body_0zc846 .section_zX4IcL p.text-center {
    margin: 6px 0 0 !important;
  }
  body.body_0zc846 .section_zX4IcL .kiss-slider > li,
  .body_0zc846 .section_zX4IcL .kiss-slider > li {
    width: 100% !important;
    left: 0 !important;
  }
  body.body_0zc846 .section_zX4IcL .kiss-slider li img,
  .body_0zc846 .section_zX4IcL .kiss-slider li img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  body.body_0zc846 .section_zX4IcL [id^="example"],
  .body_0zc846 .section_zX4IcL [id^="example"] {
    min-height: 0 !important;
    width: 100% !important;
  }
  body.body_0zc846 .section_zX4IcL h2,
  .body_0zc846 .section_zX4IcL h2 {
    font-size: 20px !important;
    margin: 12px 0 6px !important;
  }
  body.body_0zc846 .section_zX4IcL .zth2,
  .body_0zc846 .section_zX4IcL .heading_ZUUfLI {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 450px) {
  body.body_0zc846 .section_Gozo0m,
  .body_0zc846 .section_Gozo0m {
    height: 48vw !important;
    min-height: 160px !important;
    max-height: 240px !important;
  }
  body.body_0zc846 .section_Gozo0m .div_7nqNma1,
  body.body_0zc846 .section_Gozo0m .gao800 {
    min-height: 160px !important;
  }
}

/* ========== Mobile menu click fix 2026-10-28 ========== */
@media (max-width: 767px) {
  .section_lErUPq {
    position: relative !important;
    z-index: 3000 !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .section_lErUPq .div_TkqqIN,
  .section_lErUPq .div_TkqqIN1 {
    position: relative !important;
    z-index: 3001 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .section_lErUPq .navbar,
  .section_lErUPq .c-navbar,
  .section_lErUPq .navcontainer_M5tpHP,
  .section_lErUPq .navcontainer_ERBqtS,
  .section_lErUPq .container-fluid {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Logo row inset = 12px — menu text must match */
  .section_lErUPq .navbar-header,
  .section_lErUPq .navheader_Hcjqac,
  .section_lErUPq .navheader_m3jNK7 {
    position: relative !important;
    z-index: 3100 !important;
    pointer-events: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    margin: 0 !important;
  }
  .section_lErUPq .navbar-toggle,
  .section_lErUPq .navmenubutton_Tehn3J,
  .section_lErUPq .navmenubutton_iG40Os {
    position: relative !important;
    z-index: 3200 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }
  .section_lErUPq .nav-logo-link {
    position: relative !important;
    z-index: 3200 !important;
    pointer-events: auto !important;
  }

  /* Closed */
  .section_lErUPq .navbar-collapse.collapse:not(.in) {
    display: none !important;
    pointer-events: none !important;
  }

  /*
   * Open panel: stretch with left/right (NOT 100vw).
   * html/body overflow-x:hidden clips 100vw when scrollbar present,
   * which left a visible gap on the right.
   */
  .section_lErUPq .navbar-collapse.collapse.in,
  .section_lErUPq .navbar-collapse.in,
  .section_lErUPq .c-navcollapse.in,
  .section_lErUPq .navcollapse_QPdStf.in {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 6px 0 10px !important;
    box-sizing: border-box !important;
    z-index: 3050 !important;
    pointer-events: auto !important;
    max-height: 75vh !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1;
    visibility: visible !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
    border: none !important;
    border-radius: 0 0 12px 12px !important;
    /* transform left free for hn8NavDrop / hn8NavUp */
  }

  /* Instant class swap — no Bootstrap height tween blank frame */
  .section_lErUPq .navbar-collapse.collapsing {
    display: none !important;
    height: auto !important;
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* Smooth open/close (driven by nav-smooth-mobile.js) */
  .section_lErUPq .navbar-collapse.collapse.in.hn8-nav-anim,
  .section_lErUPq .navbar-collapse.in.hn8-nav-anim {
    -webkit-animation: hn8NavDrop 0.2s cubic-bezier(0.22, 1, 0.36, 1) both !important;
    animation: hn8NavDrop 0.2s cubic-bezier(0.22, 1, 0.36, 1) both !important;
    will-change: transform, opacity;
  }
  .section_lErUPq .navbar-collapse.collapse.in.hn8-nav-closing,
  .section_lErUPq .navbar-collapse.in.hn8-nav-closing {
    -webkit-animation: hn8NavUp 0.16s ease-in both !important;
    animation: hn8NavUp 0.16s ease-in both !important;
    pointer-events: none !important;
  }
  @-webkit-keyframes hn8NavDrop {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  }
  @keyframes hn8NavDrop {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to   { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  }
  @-webkit-keyframes hn8NavUp {
    from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to   { opacity: 0; -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
  }
  @keyframes hn8NavUp {
    from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to   { opacity: 0; -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
  }
  .section_lErUPq .navbar-toggle {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .section_lErUPq .navbar-nav,
  .section_lErUPq .c-navlist,
  .section_lErUPq .navbar-right,
  .section_lErUPq .navlist_OVo3hU {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    /* inset matches logo padding (12px) */
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .section_lErUPq .navbar-nav > li,
  .section_lErUPq .c-navlistitem,
  .section_lErUPq .navlist_OVo3hU > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  .section_lErUPq .navbar-nav > li:last-child,
  .section_lErUPq .navlist_OVo3hU > li:last-child {
    border-bottom: none;
  }

  /* Link pad: keep vertical; horizontal already on ul — still set 0 0 to avoid double */
  .section_lErUPq .navbar-collapse.in .navbar-nav > li > a,
  .section_lErUPq .navbar-collapse.in .c-navlink,
  .section_lErUPq .navbar-collapse.in .navlink_hRcQb0,
  .section_lErUPq .navbar-collapse.in .navlink_FvLx5G,
  .section_lErUPq .navcollapse_QPdStf.in .navlist_OVo3hU > li > a,
  .section_lErUPq .c-navcollapse.in a.c-navlink {
    display: block !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    color: #222 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    background: transparent !important;
    border: none !important;
  }
  .section_lErUPq .navbar-collapse.in .navbar-nav > li > a:hover,
  .section_lErUPq .navbar-collapse.in .navbar-nav > li > a:active,
  .section_lErUPq .c-navcollapse.in a.c-navlink:hover {
    background: #f8f1f1 !important;
    color: #980b0e !important;
  }
}

/* ========== Mobile map/contact header compact 2026-10-28 ========== */
@media (max-width: 767px) {
  /*
   * map/contact/concept load styles1-5 as media=all, so desktop rules leak:
   *   .navcontainer_M5tpHP { padding-top: 15px }
   *   .image_yEU9FX { margin-top: 10px }
   *   .navbar_RZLSuy { width: 80% } (partially overridden)
   * Kill the extra top gap so logo/hamburger match home header.
   */
  .section_lErUPq .navcontainer_M5tpHP,
  .section_lErUPq .navcontainer_ERBqtS,
  .section_lErUPq .container-fluid.navcontainer_M5tpHP,
  .section_lErUPq .container-fluid.navcontainer_ERBqtS {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .section_lErUPq .navbar_RZLSuy,
  .section_lErUPq .navbar_TdPxMi,
  .section_lErUPq .navbar.c-navbar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    border: none !important;
  }

  .section_lErUPq,
  .section_lErUPq.c-section,
  .section_lErUPq .div_TkqqIN,
  .section_lErUPq .div_TkqqIN1 {
    /* kill play.built .c-div/.c-section min-height:80px on red nav bar */
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .section_lErUPq .navbar-header,
  .section_lErUPq .navheader_Hcjqac,
  .section_lErUPq .navheader_m3jNK7 {
    min-height: 44px !important;
    height: auto !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    align-items: center !important;
  }

  .section_lErUPq .image_yEU9FX,
  .section_lErUPq .image_5BHzyB,
  .section_lErUPq .nav-logo-link img,
  .section_lErUPq .navbar-header > img.c-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    max-width: 55px !important;
  }

  .section_lErUPq .navbar-toggle,
  .section_lErUPq .navmenubutton_Tehn3J,
  .section_lErUPq .navmenubutton_iG40Os {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}