/* FinViet (taichinh1) — trang chủ theo mockup taichinh1-home/mockups/home-desktop-v1.png (734px -> 1440 = x1.962) */
:root { --fv-g: #02a046; --fv-gd: #018a3c; --fv-b: #1462c0; --fv-nv: #0b2150; --fv-band: #01447c; --fv-ft: #002e54; --fv-tx: #3b4a63; --fv-ln: #dfe7f1; }
body, p, li, a, span, label, input, select, button, td, th, summary, .nav > li > a { font-family: "Be Vietnam Pro", Arial, sans-serif !important; }
h1, h2, h3, h4, h1 a, h2 a, h3 a { font-family: "Be Vietnam Pro", Arial, sans-serif !important; }
body { color: var(--fv-tx); }

/* ---------- header ---------- */
#header .header-main { background: #fff; box-shadow: 0 1px 0 #e7edf4; }
#logo { margin: 0 !important; top: 0 !important; width: auto !important; }
#logo a { display: inline-flex !important; align-items: center; gap: 12px; color: var(--fv-nv) !important; font-size: 31px !important; font-weight: 800 !important; letter-spacing: -.3px; text-transform: none !important; top: 0 !important; margin: 0 !important; line-height: 1; }
#logo a::before { content: ""; width: 38px; height: 40px; flex: 0 0 38px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='15' width='5' height='8' rx='1.2' fill='%2302a046'/%3E%3Crect x='9.5' y='9' width='5' height='14' rx='1.2' fill='%2302a046'/%3E%3Crect x='17' y='2' width='5' height='21' rx='1.2' fill='%2302a046'/%3E%3C/svg%3E") center/contain no-repeat; }
#header .header-nav-main { margin-left: 64px; }
#header .header-nav-main > li { margin: 0 24px 0 0; }
#header .header-nav-main > li > a { font-size: 16px; font-weight: 600; color: var(--fv-nv); text-transform: none; letter-spacing: 0; white-space: nowrap; padding: 0 4px; }
#header .header-nav-main > li > a:hover, #header .header-nav-main > li.active > a { color: var(--fv-g); }
#header .header-button-1 .button, #header a.header-button-1 { background: var(--fv-g) !important; border-color: var(--fv-g) !important; color: #fff !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0; min-height: 47px; line-height: 47px !important; padding: 0 26px !important; box-shadow: none; }
.mobile-nav i, .mobile-nav .icon-menu { color: var(--fv-nv) !important; }
.header-bottom, #top-bar { display: none !important; }

/* ---------- chung ---------- */
.section.fv-sec { padding: 0 !important; }
.fv-sec .col, .fv-footer .col { padding-bottom: 0 !important; }
.fv-sec h2.fv-h2 { color: var(--fv-nv); font-size: 46px; font-weight: 700; letter-spacing: -.6px; line-height: 1.15; margin: 0; }
.fv-sec h3 { color: var(--fv-nv); margin: 0; }
.fv-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.fv-head h2.fv-h2 { flex: 0 0 auto; width: fit-content; }
.fv-head-n { font-size: 15px; color: #5f6f86; padding-bottom: 12px; min-width: 0; }
.fv-ic { width: 1em; height: 1em; display: inline-block; vertical-align: middle; flex: 0 0 auto; }
.fv-link, .fv-more { color: var(--fv-b) !important; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.fv-link { font-size: 19px; padding-bottom: 8px; }
.fv-link .fv-ic, .fv-more .fv-ic { width: 22px; height: 22px; stroke-width: 2.2; }
.fv-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--fv-g); color: #fff !important; border-radius: 8px; font-weight: 600; font-size: 18px; }
.fv-btn:hover { background: var(--fv-gd); }
.fv-noimg { display: block; width: 100%; height: 100%; background: #dbe6f2; }

/* ---------- hero ---------- */
.section.fv-hero { padding: 64px 0 27px !important; background-color: #f4f8fc; min-height: 845px; }
.fv-hero .section-bg img.bg { object-position: 62% 50%; }
.fv-hero-in { max-width: 710px; }
.fv-hero h1 { font-size: 66px; line-height: 1.17; font-weight: 700; letter-spacing: -1.2px; color: #000c36; margin: 0 0 18px; }
.fv-hero h1 span { color: var(--fv-g); }
.fv-lead { font-size: 20px; color: #1e2c45; margin-bottom: 22px; }
.fv-calc { background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(16, 52, 99, .1); padding: 29px 29px 22px; margin: 0; }
.fv-calc-t { font-size: 26px; font-weight: 700; color: var(--fv-nv); margin-bottom: 18px; }
.fv-calc-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.fv-calc label { display: block; font-size: 15px; font-weight: 400; color: #4a5a72; margin: 0; }
.fv-calc input[type=text], .fv-calc select { display: block; width: 100%; height: 57px; margin: 8px 0 0; border: 1px solid #d8e1ec; border-radius: 8px; box-shadow: none; padding: 0 14px; font-size: 18px; font-weight: 600; color: #101c33; background: #fff; }
.fv-calc #fv-amt { background: #f1f4f8; }
.fv-sel { position: relative; display: block; }
.fv-calc select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101c33' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; padding-right: 40px; }
.fv-rng { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; margin: 30px 0 10px; padding: 0; border: 0; box-shadow: none; background: linear-gradient(to right, var(--fv-g) var(--p, 8%), #e3e8ef var(--p, 8%)); }
.fv-rng::-webkit-slider-thumb { -webkit-appearance: none; width: 34px; height: 34px; border-radius: 50%; background: var(--fv-g); border: 0; cursor: pointer; }
.fv-rng::-moz-range-thumb { width: 34px; height: 34px; border-radius: 50%; background: var(--fv-g); border: 0; }
.fv-rng-l { display: flex; justify-content: space-between; font-size: 14px; color: #5f6f86; margin-bottom: 18px; }
.fv-res { background: #e8f3fd; border-radius: 10px; padding: 16px 28px 14px; margin-bottom: 18px; }
.fv-res span { display: block; font-size: 16px; color: #3b4a63; }
.fv-res b { display: block; font-size: 42px; font-weight: 800; color: var(--fv-b); line-height: 1.25; letter-spacing: -.5px; }
.fv-btn-full { width: 100%; height: 59px; }
.fv-calc-n { font-size: 14px; color: #6b7a90; margin-top: 14px; }

/* ---------- giải pháp ---------- */
.section.fv-sol { padding: 44px 0 36px !important; }
.fv-sol .fv-head { margin-bottom: 22px; }
.fv-sol-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.fv-card { background: #fff; border: 1px solid #e3eaf3; border-radius: 12px; padding: 34px 22px 30px 34px; display: flex; flex-direction: column; min-height: 371px; }
.fv-card-ic { text-align: center; margin-bottom: 16px; }
.fv-card-ic .fv-ic { width: 74px; height: 74px; stroke-width: 1.5; }
.fv-ic-b { color: #1677d2; } .fv-ic-g { color: var(--fv-g); }
.fv-card h3 { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.fv-card ul { list-style: none; margin: 0 0 18px; padding: 0; flex: 1; }
.fv-card li { display: flex; gap: 8px; align-items: flex-start; font-size: 16px; letter-spacing: -.2px; white-space: nowrap; color: #1e2c45; margin: 0 0 10px; line-height: 1.45; }
.fv-card li .fv-ic { color: var(--fv-g); width: 16px; height: 16px; stroke-width: 3; margin-top: 4px; }
.fv-card li b { font-weight: 600; color: #0b1730; }
.fv-card ul li { margin-left: 0 !important; }
.fv-more { font-size: 18px; }

/* ---------- 3 bước + so sánh ---------- */
.section.fv-steps-sec { padding: 40px 0 50px !important; }
.fv-steps { display: flex; align-items: flex-start; margin: 30px 0 66px; }
.fv-step { display: flex; gap: 26px; align-items: flex-start; flex: 0 0 auto; }
.fv-step > b { flex: 0 0 74px; width: 74px; height: 74px; border-radius: 50%; border: 3px solid var(--fv-g); color: var(--fv-gd); font-size: 32px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.fv-step h3 { font-size: 22px; font-weight: 700; margin: 6px 0 6px; }
.fv-step span { display: block; font-size: 17px; color: #3b4a63; line-height: 1.6; max-width: 270px; }
.fv-step:nth-child(3) span { max-width: 225px; } .fv-step:nth-child(5) span { max-width: 230px; }
.fv-step-l { flex: 1 1 auto; height: 2px; background: #d3dce7; margin: 30px 30px 0; min-width: 40px; }
.fv-head-cmp { margin-bottom: 18px; }
.fv-tbl-w { border: 1px solid #e1e8f1; border-radius: 12px; overflow: hidden; }
.fv-tbl { width: 100%; border-collapse: collapse; margin: 0; }
.fv-tbl th { background: #edf3fa; height: 67px; font-size: 17px; font-weight: 600; color: #22314c; text-transform: none; letter-spacing: 0; padding: 0 0 0 41px; border: 0; text-align: left; }
.fv-tbl td { height: 77px; font-size: 18px; color: #2a3850; padding: 0 0 0 41px; border: 0; border-top: 1px solid #e8eef5; border-left: 1px solid #e8eef5; }
.fv-tbl td:first-child { border-left: 0; }
.fv-tbl td b { color: var(--fv-nv); font-weight: 700; }
.fv-tbl th:last-child, .fv-tbl td:last-child { text-align: center; padding: 0 20px; width: 255px; }
.fv-btn-o { display: inline-flex; align-items: center; justify-content: center; width: 184px; height: 51px; border: 2px solid #3bc073; border-radius: 8px; color: var(--fv-gd) !important; font-weight: 700; font-size: 18px; }
.fv-btn-o:hover { background: var(--fv-g); color: #fff !important; }
.fv-note { font-size: 15px; color: #5f6f86; margin-top: 12px; }

/* ---------- dải minh bạch ---------- */
.section.fv-band { padding: 36px 0 44px !important; }
.fv-band h2.fv-h2 { color: #fff; text-align: center; margin-bottom: 34px; }
.fv-band-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; }
.fv-band-g > div { padding: 0 20px; border-left: 1px solid rgba(255, 255, 255, .28); }
.fv-band-g > div:first-child { border-left: 0; }
.fv-band-g .fv-ic { width: 60px; height: 60px; color: #fff; stroke-width: 1.6; display: block; margin: 0 auto 18px; }
.fv-band h3 { color: #fff; font-size: 25px; font-weight: 700; margin-bottom: 12px; }
.fv-band-g span { color: #dce8f5; font-size: 18px; line-height: 1.65; display: block; }

/* ---------- đánh giá + kiến thức ---------- */
.section.fv-rev-sec { padding: 38px 0 37px !important; }
.fv-sub { font-size: 14px; color: #5f6f86; margin: 8px 0 14px; }
.fv-rev-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 29px; }
.fv-rev { display: flex; gap: 40px; align-items: center; border: 1px solid #e3eaf3; border-radius: 12px; padding: 30px 34px; min-height: 210px; background: #fff; }
.fv-av { flex: 0 0 148px; width: 148px; height: 148px; border-radius: 50%; overflow: hidden; background: #dbe6f2; }
.fv-av img, .fv-av .fv-noimg { width: 100%; height: 100%; object-fit: cover; display: block; }
.fv-q { color: #5bc3d1; width: 30px; height: 30px; display: block; margin-bottom: 4px; }
.fv-rev-q { font-size: 22px; line-height: 1.55; color: #17305e; }
.fv-rev-t b { display: block; font-size: 18px; color: var(--fv-nv); margin-top: 12px; }
.fv-head-blog { margin: 50px 0 18px; }
.fv-blog-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.fv-post { display: block; border: 1px solid #e3eaf3; border-radius: 10px; overflow: hidden; background: #fff; min-height: 333px; }
.fv-post-i { display: block; height: 206px; overflow: hidden; background: #dbe6f2; }
.fv-post-i img, .fv-post-i .fv-noimg { width: 100%; height: 100%; object-fit: cover; display: block; }
.fv-post-b { display: block; padding: 18px 34px 22px; }
.fv-post small { display: block; font-size: 15px; color: var(--fv-b); margin-bottom: 8px; }
.fv-post strong { display: block; font-size: 22px; line-height: 1.5; font-weight: 700; color: var(--fv-nv); }
.fv-post:hover strong { color: var(--fv-b); }

/* ---------- FAQ ---------- */
.section.fv-faq-sec { padding: 39px 0 37px !important; }
.fv-faq-w { display: grid; grid-template-columns: minmax(0, 1fr) 726px; gap: 30px; align-items: start; }
.fv-faq-l h2 { font-size: 54px; line-height: 1.12; font-weight: 700; color: #0b4a95; letter-spacing: -1px; margin: 34px 0 38px; }
.fv-call { display: inline-flex; align-items: center; gap: 18px; }
.fv-call .fv-ic { width: 60px; height: 60px; color: var(--fv-g); stroke-width: 1.5; }
.fv-call small { display: block; font-size: 20px; color: #3b4a63; }
.fv-call b { display: block; font-size: 31px; color: var(--fv-b); font-weight: 800; line-height: 1.2; }
.fv-faq details { background: #fff; border-radius: 10px; margin: 0 0 8px; box-shadow: 0 1px 0 rgba(10, 40, 80, .04); }
.fv-faq summary { list-style: none; display: flex; align-items: center; gap: 22px; padding: 0 32px; min-height: 63px; font-size: 19px; font-weight: 700; color: #0e1f3d; cursor: pointer; }
.fv-faq summary::-webkit-details-marker { display: none; }
.fv-faq summary i { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: #e9eef4; position: relative; }
.fv-faq summary i::before, .fv-faq summary i::after { content: ""; position: absolute; left: 9px; right: 9px; top: 14px; height: 2.4px; background: #0e1f3d; border-radius: 2px; }
.fv-faq summary i::after { transform: rotate(90deg); }
.fv-faq details[open] summary { padding-top: 18px; min-height: 0; }
.fv-faq details[open] summary i { background: #5aa3f0; }
.fv-faq details[open] summary i::before { background: #fff; }
.fv-faq details[open] summary i::after { display: none; }
.fv-faq details > div { padding: 8px 32px 20px 84px; font-size: 17px; line-height: 1.6; color: #3b4a63; }

/* ---------- footer ---------- */
#footer .section.fv-footer { padding: 46px 0 22px !important; border-top: 0 !important; }
.fv-ft-g { display: grid; grid-template-columns: 420px 236px 262px minmax(0, 1fr); gap: 0; align-items: start; }
.fv-ft-logo { display: inline-flex; align-items: center; gap: 22px; color: #fff !important; font-size: 43px; font-weight: 700; line-height: 1; }
.fv-ft-logo .fv-ic { width: 54px; height: 58px; color: #fff; }
.fv-ft-tag { font-size: 19px; color: #dbe6f2; margin-top: 18px; }
.fv-ft-col h4 { color: #fff; font-size: 18px; font-weight: 700; margin: 0 0 14px; text-transform: none; letter-spacing: 0; }
.fv-ft-col a, .fv-ft-col > div { display: flex; gap: 14px; align-items: flex-start; color: #d3deeb !important; font-size: 17px; line-height: 1.5; margin: 0 0 8px; }
.fv-ft-ct a, .fv-ft-ct > div { margin-bottom: 12px; }
.fv-ft-ct .fv-ic { width: 22px; height: 22px; color: #fff; margin-top: 2px; }
.fv-ft-col a:hover { color: #fff !important; }
.fv-ft-legal { border-top: 1px solid rgba(255, 255, 255, .25); margin: 24px -24px 0; padding: 26px 0 0; text-align: center; font-size: 14px; line-height: 2; color: #c8d5e4; }
.fv-ft-legal b { color: #fff; }
.fv-ft-copy { text-align: center; font-size: 15px; color: #c8d5e4; margin-top: 14px; }
.absolute-footer { display: none !important; }

/* ---------- mobile ---------- */
@media (max-width: 849px) {
  #logo a { font-size: 25px !important; gap: 9px; }
  #logo a::before { width: 28px; height: 30px; flex-basis: 28px; }
  .fv-sec h2.fv-h2 { font-size: 28px; }
  .fv-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .fv-head-n, .fv-link { padding-bottom: 0; }
  .fv-sol-g { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .fv-card { padding: 20px 20px 18px; min-height: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; }
  .fv-card-ic { grid-row: 1 / span 3; margin: 0; } .fv-card h3 { text-align: left; } .fv-card ul { margin-bottom: 10px; }
  .fv-card-ic .fv-ic { width: 54px; height: 54px; }
  .fv-card h3 { font-size: 19px; margin-bottom: 12px; }
  .fv-card li { font-size: 14.5px; white-space: normal; }
  .fv-more { font-size: 15.5px; }
  .fv-steps { flex-direction: column; gap: 18px; margin: 22px 0 40px; }
  .fv-step-l { display: none; }
  .fv-step > b { flex-basis: 56px; width: 56px; height: 56px; font-size: 24px; }
  .fv-step span { max-width: none; }
  .fv-tbl-w { border: 0; border-radius: 0; overflow: visible; }
  .fv-tbl thead { display: none; }
  .fv-tbl, .fv-tbl tbody, .fv-tbl tr, .fv-tbl td { display: block; width: 100% !important; }
  .fv-tbl tr { border: 1px solid #e1e8f1; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 10px; }
  .fv-tbl td { height: auto; border: 0 !important; padding: 0 !important; font-size: 14px; text-align: left !important; }
  .fv-tbl td:first-child, .fv-tbl td:last-child { grid-column: 1 / -1; }
  .fv-tbl td:first-child b { font-size: 18px; }
  .fv-tbl td:nth-child(2)::before { content: "Hạn mức"; } .fv-tbl td:nth-child(3)::before { content: "Lãi suất từ"; } .fv-tbl td:nth-child(4)::before { content: "Kỳ hạn"; }
  .fv-tbl td::before { display: block; font-size: 12.5px; color: #6b7a90; }
  .fv-btn-o { width: 100%; height: 44px; margin-top: 6px; }
  .fv-band-g { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .fv-band-g > div { border-left: 0; }
  .fv-band h3 { font-size: 21px; }
  .fv-band-g span { font-size: 16px; }
  .fv-rev-g, .fv-blog-g { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .fv-rev { gap: 18px; padding: 20px; min-height: 0; }
  .fv-av { flex-basis: 86px; width: 86px; height: 86px; }
  .fv-rev-q { font-size: 17px; }
  .fv-rev-q br, .fv-post strong br, .fv-band-g span br { display: none; }
  .fv-head-blog { margin-top: 36px; }
  .fv-post { min-height: 0; }
  .fv-post-b { padding: 14px 18px 18px; }
  .fv-post strong { font-size: 19px; }
  .fv-faq-w { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .fv-faq-l h2 { font-size: 36px; margin: 0 0 18px; }
  .fv-call .fv-ic { width: 46px; height: 46px; }
  .fv-call b { font-size: 24px; } .fv-call small { font-size: 16px; }
  .fv-faq summary { padding: 0 16px; gap: 14px; font-size: 16px; }
  .fv-faq details[open] summary { padding-top: 14px; }
  .fv-faq details > div { padding: 8px 16px 16px 60px; font-size: 15px; }
  .fv-ft-g { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 18px; }
  .fv-ft-brand, .fv-ft-ct { grid-column: 1 / -1; }
  .fv-ft-logo { font-size: 36px; } .fv-ft-logo .fv-ic { width: 40px; height: 44px; }
  .fv-ft-legal { margin: 24px 0 0; line-height: 1.7; }
  .fv-ft-legal br { display: none; }
}
@media (min-width: 850px) and (max-width: 1199px) {
  .fv-sol-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fv-faq-w { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
  .fv-ft-g { grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap: 0 20px; }
  .fv-tbl th, .fv-tbl td { padding-left: 20px; }
  .fv-tbl th:last-child, .fv-tbl td:last-child { width: 200px; }
  .fv-btn-o { width: 150px; }
}

/* mob-hero */
@media (max-width: 849px) {
  .section.fv-hero { padding: 260px 0 28px !important; min-height: 0; background-color: #f4f8fc !important; }
  .fv-hero .section-bg { top: 0 !important; bottom: auto !important; height: 250px !important; }
  .fv-hero .section-bg img.bg { object-fit: cover; object-position: 78% 30% !important; }
  .fv-hero .section-bg-overlay { display: none; }
  .fv-hero h1 { font-size: 34px; letter-spacing: -.6px; }
  .fv-lead { font-size: 16px; margin-bottom: 18px; }
  .fv-calc { padding: 20px 16px 18px; }
  .fv-calc-t { font-size: 21px; }
  .fv-calc-g { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .fv-calc-g label:first-child { grid-column: 1 / -1; }
  .fv-calc input[type=text], .fv-calc select { height: 48px; font-size: 16px; }
  .fv-res b { font-size: 32px; }
  .fv-res { padding: 12px 16px; }
  .fv-btn-full { height: 52px; font-size: 17px; }
}
/* /mob-hero */
/* mid-fix */
@media (min-width: 850px) and (max-width: 1399px) {
  #header .header-nav-main { margin-left: 28px; }
  #header .header-button-1 .button, #header a.header-button-1 { padding: 0 18px !important; font-size: 15px !important; }
}
@media (min-width: 850px) and (max-width: 1199px) {
  #header .header-nav-main { margin-left: 14px; }
  #logo a::before { width: 26px; height: 28px; flex-basis: 26px; }
  .fv-step { flex: 0 1 auto; min-width: 0; gap: 16px; }
  .fv-step span, .fv-step:nth-child(n) span { max-width: 190px; font-size: 15.5px; }
  .fv-step-l { margin: 30px 14px 0; min-width: 20px; }
  .fv-tbl td, .fv-tbl th { font-size: 15.5px; }
  .fv-ft-legal { margin-left: 0; margin-right: 0; }
}
/* /mid-fix */
/* _midwidth: header Flatsome ở 850-1399px (laptop nhỏ/tablet ngang) — menu dựng theo mockup 1440 tràn phải; dùng chung mọi site */
@media (min-width: 850px) and (max-width: 1399px) {
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 6px !important; margin-right: 6px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 14px !important; }
  #header .header-search-form { max-width: 300px !important; width: 300px !important; margin-left: 20px !important; }
}
@media (min-width: 850px) and (max-width: 1199px) {
  #logo { width: auto !important; max-width: 210px !important; } #logo a { font-size: 21px !important; }
  #header .header-main .flex-right .header-button-1, #header .header-main .flex-right li.html, #header .header-search-form, #top-bar .flex-right { display: none !important; }
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 3px !important; margin-right: 3px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 13px !important; }
  #header .flex-col { min-width: 0; } #header .header-inner, #header .header-bottom .container { overflow: hidden; }
}
.col-inner a[href^="mailto"], .col-inner a[href^="tel"] { overflow-wrap: anywhere; }