/**
 * ABOUT US page — tablet & mobile overrides
 * Shared header/footer/nav/breadcrumb: responsive-tablet/mobile.css
 */

/* ==========================================================================
   Tablet (768px – 1024px)
   ========================================================================== */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #cATVLo9 {
    margin: 0 !important;
  }

  /* Banner 高度/垂直居中由 about-page.css 统一控制 */
  #cATVLo9 > .advanced-fixed,
  #cATVLo9 > .advanced-content,
  #cATVLo9 .advanced-item > .componentsBox,
  #cATVLo9 .advanced-item > .componentsBox > .rowList,
  #cQTeXMt {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    box-sizing: border-box;
  }

  #cATVLo9 .advanced-content .advanced-item > .componentsBox {
    padding: 0 4% !important;
  }

  #cQTeXMt {
    padding: 0 4% !important;
  }

  #cQTeXMt .rowList,
  #cQTeXMt .cQTeXMtrL {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cUVHYK5A,
  .cUVHYK5A .pagepointA,
  .cUVHYK5A .textLineP,
  .cUVHYK5A .textLineP p {
    font-size: 3.6rem !important;
    margin: 0 0 1rem 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  #cL134m4,
  .cL134m4CrumbsData {
    width: 100% !important;
    text-align: center !important;
  }

  #cL134m4 .CrumbsBox {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .CrumbsBox .cL134m4Font,
  .CrumbsBox .currentPosFont {
    max-width: none !important;
    white-space: nowrap !important;
  }

  #cSclvjL,
  #cqA9gBb,
  #cc27YgD,
  #c1XcvJi {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  .row_line .c4XLsZlrow_col,
  .row_line .clhzf7Frow_col {
    width: 100% !important;
  }

  .row_line .clhzf7Frow_col {
    margin-top: 2rem;
  }

  .row_line .csHqteprow_col,
  .row_line .c8D6IG9row_col,
  .row_line .c7t93Fqrow_col,
  .row_line .colsIoJrow_col {
    width: 25% !important;
  }

  #cAyY6dd > .advanced-fixed,
  #cAyY6dd > .advanced-content {
    height: 320px !important;
  }

  #cAyY6dd .advanced-content .advanced-item > .componentsBox {
    padding: 0 3% !important;
  }

  .cxawjTxboxCont,
  .cOoKK1hboxCont,
  .cUKcjMjboxCont,
  .cDfikC4boxCont {
    margin: 8% 20% 0 4% !important;
  }

  #cbLUC68 .cbLUC68Li {
    width: calc(50% - 0.1px) !important;
  }

  /* CTA: widen text box (desktop margin-right 62.4%) */
  #cc27YgD {
    padding: 6% 4% !important;
  }

  .cSnWy4qboxCont {
    margin: 0 20% 0 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .c5ow2m1A,
  .c5ow2m1A .pagepointA {
    font-size: 2.8rem !important;
    line-height: 1.35 !important;
  }

  .row_line .cAxJZBdrow_col,
  .row_line .cWvKWhprow_col {
    width: 100% !important;
  }
}

/* ==========================================================================
   Mobile (≤767px)
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* Banner 高度/垂直居中由 about-page.css 统一控制 */
  #cATVLo9 {
    margin: 0 !important;
    overflow: hidden !important;
  }

  #cATVLo9 > .advanced-fixed,
  #cATVLo9 > .advanced-content,
  #cATVLo9 > .advanced-custom,
  #cATVLo9 .advanced-item,
  #cATVLo9 .advanced-item > .componentsBox,
  #cATVLo9 .advanced-item > .componentsBox > .rowList,
  #cQTeXMt {
    width: 100% !important;
    transform: none !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  #cATVLo9 .advanced-content .advanced-item > .componentsBox {
    padding: 0 4% !important;
  }

  #cATVLo9 .advanced-arrow,
  #cATVLo9 .advanced-btn {
    display: none !important;
  }

  #cQTeXMt {
    padding: 0 4% !important;
  }

  #cQTeXMt > .rowListBg {
    opacity: 0.5 !important;
  }

  #cQTeXMt .rowList,
  #cQTeXMt .cQTeXMtrL {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cUVHYK5A,
  .cUVHYK5A .pagepointA,
  .cUVHYK5A .textLineP,
  .cUVHYK5A .textLineP p {
    font-size: 2.8rem !important;
    text-align: center !important;
    margin: 0 0 0.8rem 0 !important; /* override desktop 25.9rem */
    line-height: 1.25 !important;
    width: 100% !important;
  }

  #cL134m4,
  .cL134m4CrumbsData {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #cL134m4 .CrumbsBox {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .cL134m4Font,
  .cL134m4Font a,
  #cL134m4 .currentPosFont,
  #cL134m4 .currentPosFont a {
    font-size: 1.3rem !important;
    white-space: nowrap !important;
    max-width: none !important;
  }

  #cL134m4 .CrumbsBox .currentPosFont,
  #cL134m4 .CrumbsBox .cL134m4Font {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0.6rem !important;
  }

  /* Intro: stack text + image */
  #cSclvjL {
    padding: 8% 4% !important;
  }

  #c430I5f {
    display: flex !important;
    flex-direction: column !important;
  }

  .row_line .c4XLsZlrow_col,
  .row_line .clhzf7Frow_col {
    width: 100% !important;
  }

  .row_line .clhzf7Frow_col {
    margin-top: 2rem;
    min-height: 200px !important;
  }

  .cNmcZ8p {
    margin: 0 0 1rem 0 !important;
    max-width: 12rem;
  }

  .cwSgaVKA {
    margin: 0 0 0.8rem 0 !important;
    font-size: 1.8rem !important;
  }

  .c01K665A,
  .c01K665A .pagepointA {
    font-size: 2.2rem !important;
    line-height: 1.35 !important;
  }

  .cN25MxQA {
    margin: 1rem 0 1.5rem 0 !important;
    font-size: 1.4rem !important;
  }

  /* Stats: 2 × 2 */
  #cm6mmlD {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 1.6rem 2% !important;
  }

  .row_line .csHqteprow_col,
  .row_line .c8D6IG9row_col,
  .row_line .c7t93Fqrow_col,
  .row_line .colsIoJrow_col {
    width: 50% !important;
    box-sizing: border-box;
    padding: 1rem 0.6rem !important;
    text-align: center !important;
  }

  #cm6mmlD .listTxt,
  #cm6mmlD .listTxt .textLineP,
  #cm6mmlD .listTxt .textLineP p {
    text-align: center !important;
  }

  .c06QJ3kA,
  .c2mofIjA,
  .cnsAzHCA,
  .cIHCwJMA,
  .c06QJ3kA .pagepointA,
  .c2mofIjA .pagepointA,
  .cnsAzHCA .pagepointA,
  .cIHCwJMA .pagepointA {
    font-size: 2.8rem !important;
    margin: 0 !important;
  }

  .cxQ4uZ5A,
  .ciELvRAA,
  .cIASaUZA,
  .cwqndtDA {
    font-size: 1.2rem !important;
    margin: 0.2rem 0 0 0 !important;
  }

  /* Factory section */
  #cqA9gBb {
    padding: 6% 4% 2% !important;
    margin: 0 !important;
  }

  .cO7X0KD {
    margin: 0 0 1rem 0 !important;
    max-width: 12rem;
  }

  .caiieipA,
  .cA6LwWlA {
    text-align: left !important;
  }

  .cA6LwWlA,
  .cA6LwWlA .pagepointA {
    font-size: 2rem !important;
  }

  /* Factory gallery slider */
  #capFXTJ {
    margin: 0 !important;
    padding: 0 0 1rem !important;
  }

  #cAyY6dd {
    margin: 0 !important;
    overflow: hidden !important;
  }

  #cAyY6dd > .advanced-fixed,
  #cAyY6dd > .advanced-content,
  #cAyY6dd > .advanced-custom {
    height: 220px !important;
    min-height: 0 !important;
  }

  #cAyY6dd .advanced-content .advanced-item > .componentsBox {
    padding: 0 3% !important;
  }

  #cAyY6dd .advanced-item,
  #cAyY6dd .advanced-item > .componentsBox,
  #cZOZYVd,
  #cOxF2h9,
  #cQdZti4,
  #c8E2VUT {
    height: 220px !important;
    min-height: 220px !important;
  }

  #cAyY6dd .advanced-item > .componentsBox > .rowList,
  #cAyY6dd .rowListBg {
    height: 100% !important;
  }

  .cxawjTxboxCont,
  .cOoKK1hboxCont,
  .cUKcjMjboxCont,
  .cDfikC4boxCont {
    margin: 10% 6% 0 6% !important;
    max-width: none !important;
  }

  .cPbunj8A,
  .cMEF957A,
  .cKSQqQEA,
  .cp5PBX5A,
  .cPbunj8A .pagepointA,
  .cMEF957A .pagepointA,
  .cKSQqQEA .pagepointA,
  .cp5PBX5A .pagepointA {
    font-size: 1.6rem !important;
    line-height: 1.35 !important;
  }

  /* Factory slide tabs: horizontal scroll chips */
  #cXhiKxe {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
    padding: 1rem 3% 1.6rem !important;
    gap: 0.8rem;
  }

  #cXhiKxe > .rowcol {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  #cXhiKxe > .rowcol.advancedColumnTs,
  #cXhiKxe > .rowcol:hover,
  #crqZpQW.advancedColumnTs,
  #cQxUrCY.advancedColumnTs,
  #cWD0QGK.advancedColumnTs,
  #cNGTLxR.advancedColumnTs,
  .row_line .crqZpQWrow_col,
  .row_line .cQxUrCYrow_col,
  .row_line .cWD0QGKrow_col,
  .row_line .cNGTLxRrow_col,
  .row_line .crqZpQWrow_col:hover,
  .row_line .cQxUrCYrow_col:hover,
  .row_line .cWD0QGKrow_col:hover,
  .row_line .cNGTLxRrow_col:hover {
    background: transparent !important;
    background-color: transparent !important;
  }

  #cXhiKxe .listTxt,
  #cXhiKxe .listTxt .textLineP,
  #cXhiKxe .listTxt .textLineP p {
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 1.3rem !important;
    color: #003879 !important;
  }

  #cXhiKxe .listTxt {
    display: block !important;
    padding: 0.7rem 1.2rem !important;
    border: 1px solid #003879 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #003879 !important;
    box-sizing: border-box;
  }

  /* CTA banner — desktop .cSnWy4qboxCont has margin-right:62.4% (narrow column) */
  #cc27YgD {
    padding: 10% 4% !important;
    background-attachment: scroll !important;
  }

  #cc27YgD > .rowListBg {
    background-attachment: scroll !important;
  }

  .row_line .cpeC8W6row_col {
    width: 100% !important;
  }

  .cSnWy4qboxCont {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .cSnWy4qBox {
    padding: 6% 5% !important;
  }

  .c5ow2m1A,
  .c5ow2m1A .pagepointA {
    font-size: 2.2rem !important;
    line-height: 1.35 !important;
    margin: 0 0 1.2rem 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .cLQj4HcA,
  .cLQj4HcA .pagepointA {
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    margin: 0 0 1.6rem 0 !important;
  }

  .cfAsOW9A {
    margin: 0 0 0.4rem 0 !important;
    max-width: 16rem !important;
  }

  .row_line .cAxJZBdrow_col,
  .row_line .cWvKWhprow_col,
  .row_line .cono52Srow_col,
  .row_line .cWXKSlTrow_col {
    width: 100% !important;
  }

  /* Testimonials */
  #c1XcvJi {
    padding: 8% 4% !important;
    margin: 0 !important;
  }

  .cbPbzxR {
    margin: 0 0 1.2rem 0 !important;
    max-width: 12rem;
  }

  #cbLUC68 {
    margin: 1.5rem 0 !important;
  }

  #cbLUC68 .cbLUC68Li {
    width: 100% !important;
    margin-bottom: 1.6rem !important;
  }

  #cbLUC68 .cbLUC68Li .listBoxHref {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}