/* Vietnamese copy must wrap without widening the header or hiding product names. */
html[lang="vi"] .hd-bottom .txt{min-width:0}
html[lang="vi"] .hd-bottom .txt h3{white-space:normal;overflow-wrap:break-word}
html[lang="vi"] .hd-top p{height:auto;line-height:1.6;padding:8px 0;max-width:calc(100% - 180px)}
html[lang="vi"] .yunu-nav #site-nav{align-items:stretch}
html[lang="vi"] .yunu-nav #site-nav>li{display:flex;flex-direction:column}
html[lang="vi"] .yunu-nav #site-nav>li>a{flex:1;min-height:54px}
html[lang="vi"] .work_list h3{height:auto;min-height:44px}
html[lang="vi"] .work_list h3>a,html[lang="vi"] .work_list li>a{height:auto;white-space:normal;line-height:1.5;overflow-wrap:break-word}
html[lang="vi"] .ul-imgtxt01 li h3 a,html[lang="vi"] .ul-imgtxt-01 li a p{height:auto;min-height:84px;padding:10px 7px;box-sizing:border-box;line-height:1.5;white-space:normal;overflow-wrap:break-word;text-overflow:clip;display:flex;align-items:center;justify-content:center}
html[lang="vi"] .ul-imgtxt02 li .txt,html[lang="vi"] .source-service-strip .strip-title{overflow-wrap:break-word}
html[lang="vi"] .m-txt1 .btn{width:auto;min-width:130px;max-width:100%;height:auto;line-height:1.5;padding:9px 14px;box-sizing:border-box}
html[lang="vi"] .m-txt1 .btn span{padding-left:20px}
html[lang="vi"] .g-tit3{height:auto;line-height:1.5;padding-top:8px;padding-bottom:8px}
html[lang="vi"] .g-tit3 span{float:none;display:inline-block}
html[lang="vi"] .ul-pages1 li{overflow-wrap:anywhere}
html[lang="vi"] .source-faithful-body img,html[lang="vi"] .m-content img{max-width:100%!important;height:auto!important}
html[lang="vi"] .source-faithful-body pre{white-space:pre-wrap;overflow-wrap:break-word}
.vi-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;margin:12px 0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.vi-table-scroll:focus-visible{outline:2px solid #0d62be;outline-offset:2px}
html[lang="vi"] .vi-table-scroll>table{display:table;max-width:none;margin:0}
html[lang="vi"] .m-message{width:100%;max-width:580px;box-sizing:border-box;margin:28px auto 0}
html[lang="vi"] .m-message label{display:grid;grid-template-columns:110px minmax(0,1fr) 10px;gap:12px;align-items:start}
html[lang="vi"] .m-message label>span{display:block;float:none;position:static;width:auto;height:auto;margin:0;padding:8px 0 0;line-height:1.5;white-space:normal;text-align:right}
html[lang="vi"] .m-message label input.inp,html[lang="vi"] .m-message label textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit}
html[lang="vi"] .m-message label input.inp{height:40px;line-height:1.5}
html[lang="vi"] .m-message label textarea{height:120px;resize:vertical;line-height:1.6}
html[lang="vi"] .m-message label em{float:none;height:auto;padding-top:8px;line-height:1.5}
html[lang="vi"] .m-message label.code{grid-template-columns:110px minmax(80px,145px) 80px;align-items:center}
html[lang="vi"] .m-message label.code input{float:none;width:100%!important;min-width:0;margin:0;height:40px;font:inherit}
html[lang="vi"] .m-message label.code .pic{height:40px}
html[lang="vi"] .m-message #refresh-code,html[lang="vi"] .m-message #refresh-code img{height:40px}
html[lang="vi"] .m-message .btn-1{display:flex;gap:12px;justify-content:center;padding-left:0;margin-left:0}
html[lang="vi"] .m-message .btn-1 input{margin:0;float:none;min-width:100px}
@media(min-width:960px) and (max-width:1199px){
 html[lang="vi"] .hd-bottom .logo{flex-basis:145px;width:145px;padding-right:16px}
 html[lang="vi"] .hd-bottom .txt{padding:0 8px}
 html[lang="vi"] .hd-bottom .txt h3{font-size:18px}
 html[lang="vi"] .hd-bottom .tel{flex-basis:215px}
 html[lang="vi"] .hd-bottom .tel strong{font-size:22px}
}
@media(max-width:959px){
 html[lang="vi"] .yunu-nav #site-nav>li{width:100%}
 html[lang="vi"] .yunu-nav #site-nav>li>a{flex:none;min-height:48px;padding:10px 20px}
 html[lang="vi"] .yunu-nav li dl{width:100%!important}
}
@media(max-width:767px){
 html[lang="vi"] .m-message label{display:block}
 html[lang="vi"] .m-message label>span{padding:0;text-align:left;margin-bottom:6px}
 html[lang="vi"] .m-message label em{display:none}
 html[lang="vi"] .m-message label.code{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px 12px}
 html[lang="vi"] .m-message label.code>span{grid-column:1/-1;margin:0}
 html[lang="vi"] .ul-imgtxt01 li h3 a,html[lang="vi"] .ul-imgtxt-01 li a p{font-size:13px;min-height:88px}
 html[lang="vi"] .banner-en-label{width:calc(100% - 48px);max-width:300px;box-sizing:border-box;font-size:23px;overflow-wrap:break-word}
 html[lang="vi"] .regional-directory .item dd a{margin:3px 10px 3px 0;white-space:normal;overflow-wrap:anywhere;max-width:100%}
}
@media(max-width:359px){
 html[lang="vi"] .source-service-strip .benefits{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}

/* Keep floating chat clear of the mobile inquiry fields. */
@media(max-width:767px){html[lang="vi"] body[data-sort="6"] .whatsapp-float{display:none}}