/* Thanh đầu trang 1 dòng (APIS) - thay cho 2 dòng header-top + hd-sec cũ */
.apis-bar { background: #2217e8; position: relative; z-index: 1000; }
.apis-bar.sticky_menu { background: #2217e8; }             /* main.css đặt nền trắng khi cuộn: giữ màu xanh */
.apis-bar .ab-in { display: flex; align-items: center; gap: 16px; padding: 0 20px; min-height: 66px; }

.apis-bar .ab-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; flex: 0 0 auto; }
.apis-bar .ab-brand .mark { background: #fff; padding: 3px 8px; border-radius: 4px; display: flex; }
.apis-bar .ab-brand .mark img { height: 46px; width: auto; display: block; }
.apis-bar .ab-brand .name { color: #fff; font-size: 14px; line-height: 1.45; white-space: nowrap; }

.apis-bar .ab-nav { flex: 1 1 auto; display: flex; justify-content: center; min-width: 0; }
.apis-bar .main-menu { margin: 0; text-align: left; }
.apis-bar .main-menu > ul > li > a { color: #fff; padding: 23px 13px; font-size: 15px; white-space: nowrap; text-transform: none; }
.apis-bar .main-menu > ul > li > a:hover,
.apis-bar .main-menu > ul > li:hover > a { color: #7fd8ff; }
.apis-bar .main-menu ul ul { top: 100%; }

.apis-bar .ab-right { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }
.apis-bar .ab-phone { display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; }
.apis-bar .ab-phone i { font-size: 18px; }
.apis-bar .ab-phone span { background: #fff; color: #555; padding: 2px 6px; font-size: 15px; white-space: nowrap; }
.apis-bar .ab-fb i { width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; background: #0cb1f6; color: #fff; font-size: 17px; }
.apis-bar .ab-fb:hover i { background: #fff; color: #2217e8; }
.apis-bar .ab-lang { padding: 0; }
.apis-bar .ab-lang > a { color: #fff; padding-left: 4px; white-space: nowrap; }
.apis-bar .ab-lang .language.dropdown-menu { left: auto; right: 0; top: 100%; margin-top: 10px; }

/* Màn hình vừa: bỏ tên công ty cạnh logo, rồi bỏ dòng số điện thoại (còn biểu tượng gọi) */
@media (max-width: 1459px) { .apis-bar .ab-brand .name { display: none; } }
@media (max-width: 1259px) { .apis-bar .ab-phone span { display: none; } }
@media (max-width: 1099px) {
	.apis-bar .ab-in { gap: 10px; padding: 0 12px; }
	.apis-bar .ab-brand .mark img { height: 40px; }
	.apis-bar .main-menu > ul > li > a { padding: 23px 8px; font-size: 14px; }
}
/* Máy tính bảng dọc: menu xuống dòng thứ 2 cho đủ chỗ */
@media (min-width: 768px) and (max-width: 899px) {
	.apis-bar .ab-in { flex-wrap: wrap; padding: 6px 16px 0; }
	.apis-bar .ab-brand { order: 1; }
	.apis-bar .ab-right { order: 2; margin-left: auto; }
	.apis-bar .ab-nav { order: 3; flex-basis: 100%; }
	.apis-bar .main-menu > ul > li > a { padding: 14px 10px; }
}
/* Điện thoại: menu chuyển thành nút ☰ (meanmenu) ở trên cùng; thanh này chỉ còn logo + liên hệ */
@media (max-width: 767px) {
	.apis-bar .ab-in { padding: 6px 12px; min-height: 0; gap: 10px; }
	.apis-bar .ab-brand .mark img { height: 38px; }
	.apis-bar .ab-nav { display: none; }
	.apis-bar .ab-right { margin-left: auto; }
	.apis-bar.sticky_menu { position: static; }
}