/* vientoc — canh theo mockup (11-02): mockup 793px = trang 1440 (x1.82), áp ~1.5x */
#top-bar .flex-row { min-height: 38px; } .vt-tb { font-size: 15px !important; }
#header .header-main { height: 92px !important; }
#header #logo { width: 300px !important; flex: 0 0 300px; margin-right: auto; } #header #logo a { width: 300px !important; height: 72px !important; }
#header .header-nav > li > a { font-size: 16px !important; font-weight: 500 !important; } #header .header-nav > li { margin: 0 14px !important; }
#header .header-button-1 .button { border-radius: 6px !important; min-height: 54px !important; padding: 0 40px !important; font-size: 16.5px !important; line-height: 54px !important; }
.vt-hero, .vt-hero .row { min-height: 560px !important; }
.vt-hero .section-bg img { object-position: 75% 30% !important; }
.vt-h1 { font-size: 60px !important; line-height: 1.16 !important; margin-bottom: 18px !important; }
.vt-hs { font-size: 22px !important; margin-bottom: 34px !important; }
.vt-hero .vt-b1, .vt-hero .vt-b2 { min-height: 62px !important; padding: 0 40px !important; font-size: 19px !important; border-radius: 6px !important; } .vt-bt { gap: 22px !important; }
.vt-sts { padding: 40px 0 !important; } .vt-st b { font-size: 46px !important; margin-bottom: 6px; } .vt-st span { font-size: 17.5px !important; }
.vt-co, .vt-li, .vt-vi, .vt-hv { padding: 60px 0 !important; } .vt-news { padding-top: 60px !important; padding-bottom: 60px !important; }
.vt-hd { margin-bottom: 30px !important; } .vt-hd h2 { font-size: 42px !important; } .vt-hd p { font-size: 18px !important; margin-top: 8px !important; } a.vt-all { font-size: 15.5px !important; } a.vt-all img { width: 17px !important; }
.vt-cg { gap: 26px !important; } .vt-cg > div > img { aspect-ratio: 1.6 / 1 !important; object-position: center 25%; } .vt-cb { padding: 22px 24px 26px !important; } .vt-cb h3 { font-size: 24px !important; margin-bottom: 6px !important; } .vt-cb em { font-size: 15px !important; margin-bottom: 16px !important; } .vt-cb li { font-size: 16px !important; margin-bottom: 11px !important; gap: 12px !important; } .vt-cb li img { width: 21px !important; } .vt-cb a.vt-b3 { min-height: 50px !important; font-size: 16px !important; border-radius: 4px !important; }
.vt-tb thead th { padding: 16px 24px !important; font-size: 16.5px !important; } .vt-tb td { padding: 14px 24px !important; font-size: 16px !important; } a.vt-b3s { min-height: 40px !important; width: 116px !important; font-size: 15px !important; white-space: nowrap; }
.vt-vg { gap: 22px !important; } .vt-vg a > span > img { aspect-ratio: 1.95 / 1 !important; object-position: center 30%; } .vt-vg i { width: 70px !important; height: 70px !important; margin: -35px 0 0 -35px !important; } .vt-vg b { font-size: 21px !important; margin-top: 14px !important; }
.vt-sg { gap: 22px !important; } .vt-sg > div > img { aspect-ratio: 1.2 / 1 !important; object-position: center 20%; margin-bottom: 14px !important; } .vt-sg b { font-size: 18px !important; padding: 0 18px !important; } .vt-sg span { font-size: 15px !important; padding: 0 18px !important; margin-top: 4px; } .vt-sg > div { padding-bottom: 18px !important; }
.vt-news .b9-po-img img { aspect-ratio: 1.9 / 1 !important; } .vt-news .b9-po-t { font-size: 21px !important; } .vt-news .b9-po-e { font-size: 15.5px !important; } .vt-news .b9-more { font-size: 15.5px !important; } .vt-gn { --gap: 26px !important; }
.vt-ft-in { padding: 56px 20px 34px !important; } .vt-ft-logo { height: 80px !important; } .vt-ft-brand p { font-size: 16px !important; max-width: 360px !important; } .vt-ft-h { font-size: 18px !important; margin-bottom: 16px !important; } .vt-ft li { font-size: 16px !important; margin-bottom: 11px !important; } .vt-ft-ct img { width: 20px !important; height: 20px !important; } .vt-ft-soc img { width: 40px !important; height: 40px !important; } .vt-ft-soc a { font-size: 14px !important; } .vt-ft-copy { font-size: 14.5px !important; }
@media (max-width: 849px) {
 #header .header-main { height: 70px !important; } #header #logo, #header #logo a { width: 190px !important; flex-basis: 190px; height: 50px !important; }
 .vt-hero, .vt-hero .row { min-height: 440px !important; } .vt-h1 { font-size: 32px !important; } .vt-hs { font-size: 17px !important; } .vt-hero .vt-b1, .vt-hero .vt-b2 { min-height: 52px !important; font-size: 16px !important; }
 .vt-st b { font-size: 30px !important; } .vt-st span { font-size: 14.5px !important; } .vt-hd h2 { font-size: 30px !important; } .vt-hd { align-items: flex-start !important; gap: 12px; } .vt-hd p { font-size: 15.5px !important; }
 .vt-co, .vt-li, .vt-vi, .vt-hv { padding: 40px 0 !important; } .vt-tb thead th, .vt-tb td { padding: 10px 8px !important; font-size: 13.5px !important; } a.vt-b3s { width: 84px !important; font-size: 13.5px !important; }
 .vt-tb th:nth-child(3), .vt-tb td:nth-child(3) { display: none; }
}
/* lượt 2 */
#header #logo, #header #logo a { width: 330px !important; flex-basis: 330px; } #header #logo a { height: 84px !important; }
.vt-co, .vt-li, .vt-vi, .vt-hv { padding: 50px 0 !important; } .vt-news { padding-top: 50px !important; padding-bottom: 56px !important; }
.vt-tb thead th { font-size: 18px !important; } .vt-tb td { font-size: 18px !important; padding: 16px 24px !important; } a.vt-b3s { min-height: 44px !important; width: 128px !important; font-size: 16.5px !important; }
a.vt-all { font-size: 17px !important; }
@media (max-width: 849px) { #header #logo, #header #logo a { width: 200px !important; flex-basis: 200px; height: 52px !important; } .vt-tb thead th, .vt-tb td { font-size: 14px !important; padding: 10px 8px !important; } a.vt-b3s { width: 84px !important; font-size: 13.5px !important; } }
/* ruler:manual (ruler 11-02: logo x1.45, h1 x1.7, h2 x1.3, tiêu đề thẻ x1.26, tick x1.19) */
#header .header-main { height: 100px !important; } #header #logo, #header #logo a { width: 340px !important; flex-basis: 340px; } #header #logo a { height: 94px !important; }
.vt-h1 { font-size: 70px !important; line-height: 1.14 !important; }
.vt-hd h2 { font-size: 52px !important; } .vt-cb h3 { font-size: 29px !important; } .vt-cb li img { width: 25px !important; }
.vt-ft-ct img { width: 23px !important; height: 23px !important; }
@media (max-width: 849px) { #header .header-main { height: 72px !important; } #header #logo, #header #logo a { width: 200px !important; flex-basis: 200px; height: 54px !important; } .vt-h1 { font-size: 34px !important; } .vt-hd h2 { font-size: 30px !important; } .vt-cb h3 { font-size: 23px !important; } }
.vt-hero .col { flex-basis: 66% !important; max-width: 66% !important; } .vt-h1 { font-size: 64px !important; }
.vt-hero .section-bg img { object-position: 82% 0% !important; }
.vt-li { padding-bottom: 34px !important; } .vt-li .col { padding-bottom: 0 !important; }
.vt-cb h3 { font-size: 26px !important; }
@media (max-width: 849px) { .vt-hero .col { flex-basis: 100% !important; max-width: 100% !important; } .vt-h1 { font-size: 34px !important; } .vt-cb h3 { font-size: 23px !important; } }
@media (max-width: 849px) { .vt-ft-in { grid-template-columns: 1fr !important; } .vt-ft-brand { grid-column: auto !important; } }