:root{--bs-primary:#00095b;--bs-secondary:#d92e14;--font-heading:'Roboto Condensed', Arial, sans-serif;--font-body:'Roboto', Arial, sans-serif;--icon-down:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m112 184 144 144 144-144' fill='none' stroke='currentColor' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px'/></svg>");
  --icon-forward: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' fill='none' stroke='currentColor' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px'/></svg>");
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
@font-face {
  font-family: 'Roboto';
  src: url(https://fordbinhduong.vn/wp-content/themes/fordbinhduong.vn/fonts/roboto-v51-vietnamese-regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(https://fordbinhduong.vn/wp-content/themes/fordbinhduong.vn/fonts/roboto-v51-vietnamese-italic.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(https://fordbinhduong.vn/wp-content/themes/fordbinhduong.vn/fonts/roboto-v51-vietnamese-700.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url(https://fordbinhduong.vn/wp-content/themes/fordbinhduong.vn/fonts/roboto-condensed-v31-vietnamese-800.woff2) format('woff2'); 
  /* src: url(https://fordbinhduong.vn/wp-content/themes/fordbinhduong.vn/fonts/roboto-v51-vietnamese-800.woff2) format('woff2');*/
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
.bg-primary {
    background-color: var(--bs-primary) !important;
}
.text-primary {
	color: var(--bs-primary) !important;
}

svg:not([width]) {
  width: 1em;
  height: 1em;
}
svg {
  display: inline-block;
  vertical-align: -0.125em; 
  fill: currentColor;
}

header, body, footer {
   font-family: var(--font-body);
   font-size: 14px;
   font-weight: 400;
   line-height: 1.6;
   color: #333;
   background: #fff;
}
b, strong {
    font-family: var(--font-body);
    font-weight: 700;
}
* {
   outline: none !important;
}
img {
   max-width: 100%;
   height: auto;
}
iframe {
   display: block;
   max-width: 100%;
   margin: 0 auto;
}
a {
   text-decoration: none;
   color: var(--bs-primary);
}
a:hover,
a:focus {
   text-decoration: none;
   color: var(--bs-secondary);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--bs-primary);
	font-family: var(--font-heading);
	font-weight: 800;
}
h1 { font-size: 34px; line-height: 1.1; }
h2 { font-size: 24px; line-height: 1.2; }
h3 { font-size: 18px; line-height: 1.2; }
h4 { font-size: 16px; line-height: 1.2; }
h5, h6 { font-size: 16px; line-height: 1.2; }

ul {
   margin: 0 0 20px 40px;
   padding: 0;
}
ul li {
   list-style-type: disc;
}

img.centered, .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
img.alignnone { margin-bottom: 1.2em; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
img.alignleft, .wp-caption.alignleft { margin: 0 1.2em 1.2em 0; }
img.alignright, .wp-caption.alignright { margin: 0 0 1.2em 1.2em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; text-align: center; padding: 5px; font-style: italic; }

table {
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
table th, table td {
   border: 1px solid #dcdcdc;
   padding: 12px;
   vertical-align: middle;
}
table tr th {
	background: #0065c4;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}
table thead td, table tfoot td {
   border: 0;
   padding: 0 !important;
}
.entry-content {
   font-size: 14px;
   margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Layout & Helpers
--------------------------------------------------------------*/

.menu-fluid:before, .menu-fluid:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after {
   content: ' ';
   display: table;
   clear: both;
}
.row {
	overflow: hidden;
}
.on-desktop { display: none; }
.on-mobile { display: none; }
.mobile-break::after {
    content: " ";
}

/*--------------------------------------------------------------
# Button & Forms
--------------------------------------------------------------*/
.custom-select, .btn, .input-group-addon {
   font-family: var(--font-heading);
   font-size: 16px;
   font-weight: 800;
   border-radius: 0;
   height: auto;
   line-height: 1.5;
   padding: 8px;
   transition: all 0.3s ease 0s;
}
.input-group-btn:not(:first-child)>.btn {
	border: 0 !important;
}
.input-group-btn {
    padding-top: 6px !important;
}
.form-control:focus, .custom-select:focus {
   background-color: transparent;
   border-color: var(--bs-secondary);
}
/*label {
   font-size: 18px;
   color: #333;
   position: absolute;
   z-index: -1;
   bottom: 0;
   left: 0;
   margin-bottom: 8px;
   transition: all 0.2s ease 0s;
}
.form-control:focus + label {
   font-size: 14px;
   color: #808080;
   transform: translateY(-25px);
} */
.custom-select {
   padding-left: 8px;
   padding-right: 28px;
}
.btn {
   text-transform: uppercase;
   letter-spacing: 1px;
}
.btn-classic {
   width: 230px;
   margin: 5px;
}
.btn-secondary {
   color: #fff;
   border-color: var(--bs-secondary) !important;
   background-color: var(--bs-secondary) !important;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { position: relative; }
.site-logo { padding-left: 0 !important; padding-right: 0 !important; }
.site-logo img { width: 180px; height: auto; }
.topbar, .navbar-mobile { margin-top: 10px; margin-bottom: 10px; }

.site-title {
	font-family: var(--font-heading);
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
	margin-left: 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.site-title a { color: var(--bs-primary); }

.site-search {
   width: 250px;
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.site-search .form-control, .site-search .btn {
   font-size: 15px;
   background: transparent;
   padding: 10px !important;
   border: 2px solid #ddd;
   border-radius: 5px !important;
   height: 36px;
}

.site-nav ul { list-style: none; padding: 0; margin: 0; }
.site-nav .menu > li {
   float: left;
   position: relative;
   padding-left: 20px;
   padding-right: 20px;
   list-style: none;
}
.site-nav .menu > li > a {
   font-family: var(--font-heading);
   font-size: 16px;
   font-weight: 800;
   color: #fff;
   text-transform: uppercase;
   display: block;
   padding: 10px 0;
}
.site-nav .menu > li:hover,
.site-nav .menu .current-menu-item,
.site-nav .menu .current-menu-parent,
.site-nav .sub-menu .current-menu-item {
   background: var(--bs-secondary);
}
.site-nav .sub-menu {
   display: none;
   position: absolute;
   z-index: 12;
   top: 100%;
   left: 0;
   min-width: 240px;
   white-space: nowrap;
   background: var(--bs-primary);
}
.site-nav li:hover > .sub-menu { display: block; }
.site-nav .sub-menu > li > a {
   color: #fff;
   display: block;
   padding: 10px 15px;
}
.site-nav .sub-menu > li:hover { background: var(--bs-secondary); }
ul.sub-menu { margin: 0; }
ul.sub-menu li { list-style: none; }
.site-nav .menu > li:nth-child(2) .sub-menu { display: none; } 

.product-sub-menu {
   background: #f0f0f0;
   position: absolute; z-index: 12;
   top: 100%; left: 0;
   width: 100%;
   display: none;
   padding-bottom:15px;
}
.product-sub-menu.active { display: block; }
.product-sub-menu a { text-align: center; display: block; margin-bottom: 10px; }
.product-sub-menu img { transition: transform .2s; max-width: 160px; }
.product-sub-menu img:hover { transform: scale(1.1); }
.product-sub-menu .name { font-size: 15px; font-family: var(--font-body); font-weight: 700; margin-top: 0; margin-bottom: -5px; }
.product-sub-menu .price { font-size: 11px; color: #808080; }

.site-info {
	line-height: 1.3;
    margin-left: 100px;
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.site-info #hotline-header {
	font-family: var(--font-heading);
	font-weight: 800;
	color: var(--bs-secondary);
	font-size: 26px;
}
.site-info a:hover { color: var(--bs-primary); }
.site-info span {
	color: var(--bs-primary);
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 800;
}

/*--------------------------------------------------------------
# Modules & Pages
--------------------------------------------------------------*/
.module {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.module .module-title {
   font-size: 52px;
   font-family: var(--font-heading);
   font-weight: 800;
   text-transform: uppercase;
   text-align: center;
   border-bottom: 2px solid #ddd;
   padding-bottom: 15px;
   margin-top: 32px;
   margin-bottom: 40px;
   position: relative;
   color: var(--bs-primary);
   text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05); /* Đổ bóng nhẹ giúp số nổi lên hẳn */
}
.module .module-title:before {
   content: ' ';
   background: var(--bs-secondary);
   display: block;
   position: absolute;
   bottom: -2px;
   left: 50%;
   width: 100px;
   height: 2px;
   margin-left: -50px;
}
.module-title small {
   font-size: 24px !important;
   font-weight: 400 !important;
   text-transform: none;
   display: block;
}
.module .module-more { text-align: center; margin-bottom: 35px; }

/* Contact */
.contact { margin-bottom: 20px; }
.contact .list {
   border-top: 1px solid #e0e0e0;
   list-style: none;
   padding: 10px 20px;
   margin: 0;
}
.contact .list li { font-size: 20px; vertical-align: top; padding: 8px; list-style: none; }
.contact .list li .icon {
   font-size: 30px;
   color: var(--bs-primary);
   display: inline-block;
   width: 24px;
   line-height: 1;
}
.contact .list li span { text-transform: uppercase; }
.contact-promo-banner-image { border: solid 1px #ddd; border-radius: 8px; }

/* Footer */
.site-footer { border-top: 1px solid #ddd; }
.footer-widgets { padding: 20px 20px 10px; font-size: 16px; background: #dedede; }
.footer-widgets li { padding-top: 0px; padding-bottom: 6px; list-style: none; border-bottom: 1px dotted #dedede; }
.footer-widgets a { color: #333; }
.footer-widgets a:hover { color: var(--bs-secondary); }
.footer-widgets ul { padding: 0; margin: 0; list-style:none; }
.footer-widgets ul li { margin-left: 0px; }
.footer-widgets ul li a, .footer-widgets li a {
   display: inline-block;
   padding-left: 15px;
   position: relative;
   transition: all .3s ease 0s;
}
.footer-widgets ul li a:hover { color: var(--bs-secondary); padding-left: 20px; }
.footer-widgets ul li a:before, .footer-widgets li a:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: currentColor; 
    -webkit-mask-image: var(--icon-forward);
    mask-image: var(--icon-forward);
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
}

.widget-footer { margin-bottom: 30px; }
.widget-footer .widget-title {
   font-size: 24px;
   text-transform: uppercase;
   margin-bottom: 15px;
   color: #fff;
   background: var(--bs-primary);
   padding: 7px;
   text-align: center;
   border-radius: 3px;
}
.widget-footer .menu { list-style: none; padding: 0; margin: 0; }
.widget-footer .menu li + li { margin-top: 5px; }
.footer-copyright { background: var(--bs-primary); color: #fff; text-align: center; font-size:12px; padding: 7px 0; }
.footer-copyright a { color: #fff; }
.footer-copyright a:hover { color: var(--bs-secondary); }
.footer-widgets span#hotlineText a { color: #d92e14 !important; }

/* 404 */
.module-404 { background-size: auto 100% !important; padding-bottom: 35%; }
.module-404-content { margin-left: 20%; margin-right: 20%; }
.module-404-content-wrap { position: relative; height:100%; }
.module-404 h3.number { color: #ffffff; font-size: 22px; }
.module-404 h3.number strong { font-size: 36px; color: #db2128; }
.module-404 h3.number strong a { color: #db2128; }
dt.dt-title, td.dt-title { font-family: var(--font-heading); font-weight: 800; }

/* Archives */
article .image img { display: block; margin: 0 auto; }
.row-news .name:before {
    content: ' '; background: var(--bs-secondary); display: block;
    position: absolute; bottom: -2px; left: 0; width: 40px; height: 2px;
}
.row-news .name {
	font-family: var(--font-heading); font-size: 18px; font-weight: 800;
	border-bottom: 2px solid #ddd; padding-bottom: 15px; margin-top: 15px; margin-bottom: 15px; position: relative;
}
.row-news .desc { color: #666; text-align: justify; }
.row-news .shadow-sm { box-shadow: none !important; }
.col-news { margin-bottom: 40px; }
.col-news a.news-image img { display: block; }
.news-slider-item { margin-bottom: 40px; padding:0 10px; }

.single-article { padding: 40px 0 10px; }
.single-article-title { font-size: 24px; margin-bottom: 10px; }
.single-article-info { font-size: 15px; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed; }
.single-article-info a { color: var(--bs-primary); }
.single-article-info a:hover { color: var(--bs-secondary); }
.single-article-tags { background: #f0f0f0; padding: 20px; margin-bottom: 10px; }

#loadMore { padding-bottom: 30px; }
#loadMore a { transition: all 0.25s ease-out; -webkit-font-smoothing: antialiased; text-decoration: none; }
#loadMore a:focus { color: #fff; }

#topbutton {
  position: fixed; 
  height: 44px; width: 44px;
  right: 40px; bottom: 65px; 
  z-index: 99999; /* Tăng kịch trần để đè bẹp mọi hiệu ứng của trang chủ */
  background: #242424; border-radius: 50px; text-decoration: none; color: #ffffff;
  text-align: center; 
  
  opacity: 0;
  pointer-events: none; 
  transition: background 0.2s ease, opacity 0.3s ease;
  
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Class show sẽ hiện nút và BẬT LẠI khả năng nhận cú chạm */
#topbutton.show {
  opacity: 1;
  pointer-events: auto;
}

#topbutton svg { 
  width: 24px; height: 24px; margin-top: 10px; fill: currentColor; 
  transition: transform 0.2s ease; 
}
/* Content Box & Widgets */
.content-box-primary {
	margin: 20px auto 30px; padding: 15px 25px;
	box-shadow: rgba(61,61,61,.27) 0px 0px 10px 2px; border-radius: 5px;
}
.content-box-secondary {
	border-left-color: var(--bs-secondary) !important; padding: 1.25rem;
    margin-top: 1.25rem; margin-bottom: 1.25rem;
    border: 1px solid #e9ecef; border-left-width: .25rem; border-radius: .25rem; background-color: #f7f7f7;
}

.widget {
    position: relative; display: flex; flex-direction: column; min-width: 0;
    word-wrap: break-word; background-color: #fff; margin-bottom: 20px;
}
.widget .widget-title {
   font-family: var(--font-heading); font-size: 24px; font-weight: 800; color: #fff;
   padding: 12px 20px; margin-bottom: 0; background-color: var(--bs-primary);
   border: 1px solid var(--bs-primary); border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.widget ul {
   list-style: none; padding: 15px; margin: 0; border: 1px solid #ddd;
   border-top: 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
}
.widget ul li { list-style: none; }
.widget ul li + li { margin-top: 10px; }
.widget ul li a {
   font-family: var(--font-body); font-size: 18px; font-weight: 700; color: #666; display: inline-block; padding-left: 15px; position: relative;
}
.widget ul li a:hover { color: var(--bs-secondary); }
.widget ul li a:before {
    content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 3px; background-color: currentColor; 
    -webkit-mask-image: var(--icon-forward); mask-image: var(--icon-forward);
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
}

.breadcrumbs-nav {
	background: #f9f9f9; padding-top: 8px; padding-bottom: 8px;
	box-shadow: rgba(61,61,61,.27) 0px 0px 10px 2px; max-width: 1920px;
}
.rank-math-breadcrumb { font-size: 14px; color: #333; float: left; }
.rank-math-breadcrumb a { color: var(--bs-primary); }
.rank-math-breadcrumb a:hover, .rank-math-breadcrumb a:focus { color: var(--bs-secondary); }
.rank-math-breadcrumb p { margin-bottom: 0px; }
.rank-math-breadcrumb span.separator { padding-left: 2px; padding-right: 2px; }

.row-tech { display: flex; flex-wrap: wrap; }	
.grecaptcha-badge { visibility: hidden; }

.sticky-button {
	position: fixed; left: 0; padding: 4px 10px; border-radius: 0 20px 20px 0;
	text-transform: uppercase; z-index: 999; font-size: 18px;
	font-family: var(--font-heading); font-weight: 800; color: #fff;
}
.bao-gia { background: #555; bottom: 115px; }
.call-zalo { background: #0065c4; bottom: 76px; }
.hotline { background: #d0000f; bottom: 30px; font-size: 22px; }
.sticky-button a { color: #fff; }
.zalo_loading { pointer-events: none; }

/*==============================================================
# MEDIA QUERIES (Sắp xếp chuẩn để tối ưu hóa)
==============================================================*/

/* ----- MIN-WIDTH (Từ màn hình nhỏ tới lớn) ----- */
@media (min-width: 350px) {
   .container-fluid { padding-left: 15px; padding-right: 15px; }
}

@media (min-width: 600px) {
    .seller-name-sm { display: none !important; }
}

@media (min-width: 768px) {
   .on-desktop { display: block; }
   .container-fluid { padding-left: 40px; padding-right: 40px; }
   .menu-fluid { padding-left: 14%; padding-right: 14%; padding-top: 10px; }
}

@media (min-width: 992px) {
  #productSubMenuFixed { display: none !important; }
  #productSubMenuFixed.active { display: block !important; }
}

@media (min-width: 1101px) {
	.site-nav { height: 46px; }
	.navbar-mobile, .site-nav-mobile { display: none; }
	.site-nav .menu .menu-item-has-children { padding-right: 40px; }
	.site-nav .menu > li.menu-item-has-children:after {
		content: ''; display: inline-block; width: 14px; height: 14px;
		background-color: #ffffff; position: absolute; top: 15px; right: 18px;
		transition: transform 0.3s ease; 
		-webkit-mask-image: var(--icon-down); mask-image: var(--icon-down);
		-webkit-mask-size: contain; mask-size: contain;
		-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
		-webkit-mask-position: center; mask-position: center;
	}
	.site-nav .menu > li.menu-item-has-children:hover:after { transform: rotate(180deg); }
}

@media (min-width: 1200px) {
   .footer-widgets .col-xl-3:nth-child(1),
   .footer-widgets .col-xl-3:nth-child(2),
   .footer-widgets .col-xl-3:nth-child(3) {
      flex: 0 0 21% !important; max-width: 21% !important;
   }
   .footer-widgets .col-xl-3:nth-child(4) {
      flex: 0 0 37% !important; max-width: 37% !important;
   }
}

@media (min-width: 1300px) {
   .container-fluid, .menu-fluid { width: 1600px; max-width: 100%; }
   .menu-fluid { padding-top: 10px; }
}


/* ----- MAX-WIDTH (Từ màn hình lớn tới nhỏ) ----- */
@media (max-width: 1350px) {
	.site-title { font-size: 26px; }
	.site-info { margin-left: 40px; }
	.site-search { width: 195px; }
	.module .module-title { font-size: 40px; }
}

@media (max-width: 1200px) {
	.site-logo img { width: 140px; height: auto; }
	.site-title { font-size: 23px; }
	.site-info { margin-left: 50px; }
	.site-info span { font-size: 13px; }
}

@media (max-width: 1100px) {
	.site-header {
	 background-color: var(--bs-primary);
	}
	.site-header .site-title a,
	.site-header .seller-name,
	.site-header #hotline-header,
	.site-header .seller-name-sm,
	.site-header .local-address,
	.site-header .open-menu-mobile svg	{
		color: #fff !important;
	}
	.open-menu-mobile {
		cursor: pointer; background-color: transparent; border: 1px solid transparent;
		border-radius: .25rem; padding: 0px; font-size: 36px; line-height: 0px;
	}
	.menu-mobile {
		opacity: 1; display: block; position: fixed; top: 0; left: 0;
		background: #fff; width: 80%; height: 100%; overflow-x: hidden; overflow-y: auto;
		z-index: 9999; transform: translate3d(-100%,0,0); transition: .3s cubic-bezier(.25,.46,.45,.94);
	}
	.menu-mobile .form-search {
		margin-top: 50px;
		margin-bottom: 5px;
	}

	.menu-mobile .input-group { padding-left: 8%; padding-right: 8%; }
	.menu-mobile .input-group .form-control { font-size: 16px; }
	.menu-mobile > ul { padding-top: 10px; padding-left: 0; margin: 0px; }
	
	.openMenu .menu-mobile { transform: translateZ(0); box-shadow: 1px 0 5px rgba(0,0,0,.1), 3px 0 25px rgba(0,0,0,.18); }
	
	.menu-mobile li a { font-family: var(--font-heading); color: #333; padding-left: 10px; font-weight: 800; font-size: 16px; text-transform: uppercase; }
	.menu-mobile ul.sub-menu a { font-family: var(--font-body); font-weight: 400; }
	
	.over-wrap {
		display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0;
		background: linear-gradient(180deg,#000,#434343); z-index: 9998; opacity: 0.5;
		transition: .4s cubic-bezier(.22,.61,.36,1) .1s;
	}
	.openMenu .over-wrap { display: block; }
	
	.site-search, .product-sub-menu, .site-nav { display: none; }
	
	.site-title { font-size: 23px; text-transform: uppercase; padding-left: 5px !important; padding-right: 5px !important; }
	.site-info { margin-left: 60px; line-height: 1.2; }
	.site-info a { font-size: 24px; color: var(--bs-secondary); }
	.site-info a:hover { color: var(--bs-primary); }
	
	.site-nav-mobile-toggler { padding-left: 5px !important; padding-right: 5px !important; }
	.site-nav-mobile-toggler svg { color: var(--bs-primary); }
	.site-nav-mobile ul li { list-style: none; float: none; padding: 14px; margin: 0; }
	.site-nav-mobile ul li .sub-menu li { list-style: none; float: none; padding: 6px; }
	.site-nav-mobile ul li .sub-menu li a:before {
		content: ''; display: inline-block; width: 10px; height: 10px;
		margin-right: 0px; background-color: currentColor; vertical-align: middle; margin-top: -2px;
		-webkit-mask-image: var(--icon-forward); mask-image: var(--icon-forward);
		-webkit-mask-size: contain; mask-size: contain;
		-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
		-webkit-mask-position: center; mask-position: center;
	}
	.site-nav-mobile .sub-menu { display: none; border: 0; box-shadow: none; clear: both; width: 100%; padding-left: 20px; }
	.site-nav-mobile .sub-menu.ul { margin-top: 0px; }
	.site-nav-mobile li:hover .sub-menu { display: none; }
	.site-nav-mobile .sub-menu > li + li { border-top: 0; }
	.site-nav-mobile .sub-menu > li > a { padding: 5px 0; font-size: 16px; text-transform: none; }
	
	.site-nav-mobile .menu .current-menu-item > a,
	.site-nav-mobile .menu .current-menu-parent > a,
	.site-nav-mobile .sub-menu .current-menu-item > a { color: var(--bs-secondary); }
	
	.site-nav-mobile .menu > li + li { border-top: 1px solid #e6e6e6; margin-left: 0; }
	.site-nav-mobile .menu > li + li:after { display: none; }
	.site-nav-mobile .menu > li.menu-item-has-children:before {
		content: ''; display: inline-block; width: 14px; height: 14px;
		cursor: pointer; float: right; margin-right: 10px; margin-top: 6px; background-color: currentColor; 
		-webkit-mask-image: var(--icon-down); mask-image: var(--icon-down);
		-webkit-mask-size: contain; mask-size: contain;
		-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
		transition: transform 0.3s ease-in-out;
	}
	.menu-item-has-children.openSubmenu:before { transform: rotate(180deg); padding-left: 10px; }
	.site-nav-mobile .menu > li.menu-item-has-children:hover:before { color: var(--bs-secondary); }
	/*Hiệu ứng mở submenu rớt chữ --> .site-nav-mobile .menu > li.menu-item-has-children > ul.sub-menu { display: block !important; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(-15px); transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s; }
	.site-nav-mobile .menu > li.menu-item-has-children.openSubmenu > ul.sub-menu { max-height: 550px; opacity: 1; visibility: visible; transform: translateY(0); transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out; }*/
	.site-nav-mobile .menu > li.menu-item-has-children > ul.sub-menu { display: block !important; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s; }
	.site-nav-mobile .menu > li.menu-item-has-children.openSubmenu > ul.sub-menu { max-height: var(--true-height, 550px); opacity: 1; visibility: visible; transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out; }
}

@media (max-width: 991px) {
	.site-title, .site-info a { font-size: 22px; }
	.site-infoe { margin-left: 90px; }
	.site-nav-mobile .menu > li.menu-item-has-children:before { font-size: 16px; }
	.site-info span.local-address, #secondary { display: none; }
	.single-article { padding-top: 10px; }
	.content-box-primary { padding: 15px; }
	.module .module-title { font-size: 36px; }
} 

@media (max-width: 767.98px) {
	html { font-size: 12px; }
	#wpadminbar { position: fixed !important; }
	[class*='col-'] { padding-left: 8px; padding-right: 8px; }
	.row { margin-left: -8px; margin-right: -8px; }
	.on-mobile { display: block !important; }
    .mobile-break { display: block; }
    .mobile-break::after { content: ""}.site-title,.site-info a{font-size:20px}.site-info{margin-left:10px}.site-info span{font-size:12px}table{overflow:hidden;overflow-x:auto}a.mobile-more-detail,.show-infor .version-hidden,.show-infor .mobile-less-detail{display:block}a.sp-versions-view-detail,.show-infor a.mobile-more-detail{display:none}}@media (max-width:599px){.site-logo img{width:100px;height:auto}.site-title{font-size:18px;line-height:1}.site-title .seller-name-sm{font-family:var(--font-heading);font-size:14px;font-weight:800;color:var(--bs-primary)}.site-info{display:none}}@media (max-width:575px){.module .module-title{font-size:30px}.col-news{margin-bottom:20px}.single-article-title{font-size:18px}.rank-math-breadcrumb a,.rank-math-breadcrumb span.last{font-size:12px}.breadcrumbs-contain{margin-left:8px}.breadcrumbs-nav{padding-top:6px;padding-bottom:6px}}@media (max-width:360px){.site-logo img{width:85px;height:auto}.site-title{font-size:14px}.site-title .seller-name-sm{font-size:12px}.navbar-toggler{font-size:24px!important}}@media (hover:hover) and (pointer:fine){.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:focus:active,.btn-secondary:not(:disabled):not(.disabled):active{border-color:var(--bs-primary)!important;background-color:var(--bs-primary)!important}#topbutton:hover{background:#3e3e3e}#topbutton:hover svg{transform:translateY(-3px)}}