@import "https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&display=swap";

:root {
	--color-main: #e52225;
	--bg-footer: #292929;
	--color-primary: #041531;
	--color-secondary: #01d300;
	--color-tertiary: #283781;
	
	--color-background: #fff;
	--color-text: #333;
	--color-desc: #514F4F;
	--color-subtitle: #292929;
	--color-menu: #fff;
	--color-menu-hover: #fff;
	--gradient-line: linear-gradient(135deg, #B7292D 0%, #C95A3C 50%, #E6A439 100%);
	--bg-gradient: linear-gradient(135deg, #B7292D 0%, #E04E32 50%, #FF8C42 100%);
	--bg-header-top: #F6F4F0;
	--color-yellow: #FFEB00;
	--color-shadow: #0d52331a;
}
*::-webkit-scrollbar {
    width: 5px;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--color-main);
    border-radius: 5px;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-text);
}
*::-webkit-scrollbar-track {
    background-color: var(--color-background);
}
/*Reset css*/
ul, ol {list-style: none; margin: 0; padding: 0;}
ul li, ol li {list-style: none;}
a {text-decoration: none; color: inherit; transition: all ease .3s;}
a:hover {opacity: 0.8;text-decoration: none; color: unset;}
img {max-width: 100%; height: auto; display: block;}
.container { width: unset;position: relative; padding:unset;}
#content_checkout_index .container,
#content_cart_index .container,
#content_news_detail .container,
#content_product_detail .container,
#content_product_category .container,
#content_product_search .container,
#content_contact_index .container,
#content_news_menu .container,
#content_product_index .container { max-width: 1170px; padding: 15px; background: #fff; border-radius: 5px;/*box-shadow: 0 0 5px var(--color-main);*/}
#content_checkout_index,
#content_cart_index,
#content_news_detail,
#content_product_detail,
#content_product_category,
#content_product_search,
#content_contact_index,
#content_news_menu,
#content_product_index {padding: .5px 0 50px;}
/* Reset css default in file all.min.css*/
.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu {float: unset;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position: static;min-height: unset;padding-right: unset;padding-left: unset;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1 {width: unset;}
@media(min-width: 1200px),
@media(min-width: 992px) {
	.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1 {width:unset;}
}

#back-top span:before { background: var(--color-main); box-shadow: 0 0 5px var(--color-background);}

/* General */
body {/* padding-top: 145px; */font-family: "Roboto" !important; font-size: 16px; font-weight: 400; background: var(--color-background); word-break: break-word;}

#back-top span:before { bottom: 13px;}
/* Search */
/*
.group_search {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
*/
.group_search form {width: 100%; position: relative;}
.group_search .group_search_input { width: 100%;}
.group_search .form-control { width: 100%; height: 35px; padding-right: 35px; font-size: 14px; letter-spacing: .5px; border: solid 1px var(--color-main); border-radius: 10px !important;}
.group_search button { position: absolute; display: flex; align-items: center; justify-content: center; right: 7px; top: 50%; transform: translateY(-50%); z-index: 10; height: 35px; width: 35px; border: unset; background: transparent; color:  var(--color-main); font-size: 18px; border-radius: 50%;}

a.numberzalo {bottom: 180px; left: unset; right: 13px;}
.phonering-alo-phone {bottom: 110px !important; right: 0px !important; left: unset !important;}
/* Title */
.title ,
.title h1,
.title.txt_web_color:not(:has(h1)),
.title-main,
.title_pr_care span,
.title_bar_center h1,
.title_category span,
.title_bar h2,
#content_news_detail h2.title,
.title_bar_center h2 { display: block; position: relative;text-align: center; text-transform: capitalize; line-height: 2; font-family: "Inter"; font-size: 27px; font-weight: 700; color: var(--color-main); margin-bottom: 35px;}
.slogan-main { text-align: center; margin-top: -15px; margin-bottom: 25px;}
.title-secondary {margin-bottom: 20px; text-transform: uppercase; color: var(--color-main); font-size: 35px; font-weight: bold; text-align: center; line-height: 1.5; text-shadow: rgb(0 0 0) 1px 1px 1px;}
.slogan-primary { margin-bottom: 25px; text-align: center;}
.slogan-primary span {color: var(--color-main);}
.title::before,
.title_pr_care span::before,
.title_bar_center h1::before,
.title_category span:before,
.title_bar h2::before,
.title.txt_web_color:not(:has(h1))::before,
.title h1::before,
.title-main::before,
#content_news_detail h2.title:before,
.title_bar_center h2::before{ position: absolute;content: ""; background: var(--gradient-line); width: 100%; max-width: 150px; height: 3px;  left: 50%; top: 100%; transform: translate(-50%, -50%);}
.title_category i { display: none;}

#content_news_detail h2.title {text-align: left; font-size: 18px; margin-bottom: 15px;}
#content_news_detail h2.title::before {left: 0; transform: translate(0,-50%);}
#content_news_detail .list-news {list-style: unset; padding-left: 15px;}
#content_news_detail .list-news li {list-style: unset;}

/*Header*/
header { /*position: fixed;*/ background: #fff; /*top: 0; left: 0; width: 100%; z-index: 999;*/}
.header_top {padding: 5px 0; background: var(--bg-header-top); position: relative; z-index: 101;}
.header_top .container { max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.header_top .row { display: flex; flex-wrap: wrap;}
.header_top .row .col-md-6{ width: 50%;}
.header_top .col-md-6.col-sm-5 {overflow: hidden; position:relative;}
/*.header_top .col-md-6.col-sm-5::before,
.header_top .col-md-6.col-sm-5::after {position:absolute; content:""; background: var(--color-main);height: 100%; width: 15px; top: 50%; transform: translateY(-50%); z-index: 2;}
.header_top .col-md-6.col-sm-5::before { left:0;}
.header_top .col-md-6.col-sm-5::after { right:0;}
*/

.module_member_account .container { max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.module_member_account .row { display: flex; align-items:center;}
.module_member_account .col-mb-company,
.module_member_account .col-mb-hotline { flex: 0 0 50%; max-width: 50%; padding: 0 15px; overflow: hidden;}
.module_member_account .account_bar_menu { position: absolute; top: 19px; right: 10px;}
.header_top_info li i { color: var(--color-menu);}
.header_top_info,
.header_top_info li { display: flex; align-items: center;}
.header_top_info li strong a,
.header_top_info li strong {color: unset; font-size: unset;}
.header_top .company_name {color: #fff;}
.module_member_account .company_name,
.header_top .company_name {color: var(--color-text);display: inline-block;white-space: nowrap;animation: moveRightToLeft 10s linear infinite; position: relative;}
@keyframes moveRightToLeft {0% {left: 100%; transform: translateX(0);}100% {left: 0; transform: translateX(-100%);}}
.header_top .col-md-6.col-sm-7 ul {display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.header_top .col-md-6.col-sm-7 li {display: flex; align-items: center; gap: 5px;}
/*
.header_top .col-md-6.col-sm-7 a {color: var(--color-menu);}
*/
.header_top .col-md-6.col-sm-7 i {margin-left: 5px; line-height: unset;}
.header_logo_search_cart { padding: 5px 0;}
.header_logo_search_cart .container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.header_logo_search_cart .row { display: flex;}

.header_logo_search_cart .row .col-sm-3,
.header_logo_search_cart .row .col-sm-7,
.header_logo_search_cart .row .col-sm-2 { float: unset;}
.header_logo_search_cart .row .col-sm-3 {width:20%; padding: 0 15px;}
.header_logo_search_cart .row .col-sm-7 {width: 60%; padding: 0 15px;}
.header_logo_search_cart .row .col-sm-2 {width: 20%; display: flex; align-items: center; padding: 0 15px;}
.header_logo_search_cart .col-header-logo,
.header_logo_search_cart .col-header-search {position: static;}
.header_logo_search_cart .col-header-logo div{ width: 135px; /*position: absolute; top: 5px; left: 17px; z-index: 2; transition: all ease .3s;*/ padding: 7px; border-radius: 50%; background: #fff; }
.header_logo_search_cart .group_search {width: 100%;}
.header_logo_search_cart .group_search .form-control {height: 52px; border-radius: 50px !important;}
.header_logo_search_cart .group_search button {width: 40px; height: 40px;}
.header_logo_search_cart .group_search button i { font-weight: ;}
.header_cart {width: 170px; height: 48px; margin-left: auto; padding: 5px 10px; display: flex; align-items: center; justify-content: center; gap: 10px; background: #267336; color: #fff; border-radius: 50px;}
.header_cart .txt_cart { display: flex; align-items: center;}
.header_cart .txt_cart p { margin-bottom: 0;}

/*.group_banner_center { position: absolute; width: 300px; top: 25px; right: 0; z-index: 2;transition: all ease .3s;}*/

/* Menu Top*/
.main_menu { background: #fff;box-shadow:0 2px 2px #ccc;}
.main_menu .container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.main_menu .box_main_menu { padding:0 270px 0 150px; transition: all ease .3s;}
.main_menu .main_menu_nav > ul{ display: flex; justify-content: center; align-items: center; gap: 5px;}
.main_menu .main_menu_nav a { position: relative; overflow: hidden; padding: 10px; color: #000; display: inline-flex; height: 100px; justify-content: center; align-items: center;  transition: all ease .3s;text-transform: capitalize !important; font-size: 15px; font-weight: 500; transition: all linear .3s ;}
.main_menu .main_menu_nav a:before { position: absolute; content:""; background: var(--color-main);left:0; width: 0%; height: 2px; border-radius: 50px; bottom: 30px; transition: all linear .3s ;}
.main_menu .main_menu_nav a.active,
.main_menu .main_menu_nav a:hover { color: var(--color-main);}
.main_menu .main_menu_nav a.active::before,
.main_menu .main_menu_nav a:hover::before { width:100%;}
.main_menu .google_translate_menu { top: -33px; right: 17px;}
.main_menu .google_translate_menu nav {display: flex; justify-content: flex-end; align-items: center; gap: 5px;}
.main_menu_nav li { position: relative;}
.main_menu_nav li ul {position: absolute; top:calc(100% + 7px); left: 0; min-width: max-content;background: #fff; box-shadow: 2px 2px 5px #00000080; opacity: 0; visibility: hidden;transition: all .2s ease;}
.main_menu .main_menu_nav li ul a {padding: 10px 15px ; height: unset;border-bottom: solid 1px #eee; width: 100%; justify-content: flex-start;color: #000;}
.main_menu .main_menu_nav li ul a:hover{color: var(--color-primary);}
.main_menu .main_menu_nav li ul a::before { bottom:0;}
.main_menu_nav li:hover ul{opacity: 1; visibility: visible;top:calc(100%);transition: all .3s ease;}

/* Menu Top 2*/
.main_menu_2 {padding: 0; transition: all ease .3s; box-shadow: 0 0 2px var(--color-main); z-index: 100; }
.main_menu_2,
.main_menu_2 .container {background: var(--color-primary);}
.main_menu_2.fixed { background: var(--color-primary); padding: 0; animation: slideDown 0.4s ease-in-out forwards;}
.main_menu_2.fixed #nav-menu-top-2>li>a.active, 
.main_menu_2.fixed #nav-menu-top-2>li>a:hover {color: var(--color-menu);}
.main_menu_2.fixed #nav-menu-top-2>li>a { padding: 10px; color: #fff;}
.main_menu_2.fixed #nav-menu-top-2>li>a::before {background: var(--color-main);}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        
    }
    to {
        transform: translateY(0);
    }
}

.main_menu_2_group_logo_search.bar_web_bgr {background: unset;}
.main_menu_2 .container { max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.main_menu_2 .row { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.main_menu_2 .col-md-5 { width: 15%; padding: 0 10px; display: flex; align-items: center;}
.main_menu_2 .col-md-7 { width: 85%; padding: 0 10px;}
.main_menu_2_logo { width: 100%; transition: all ease .3s;}
.main_menu_2_logo a { max-width: 120px; padding : unset; transition: all ease .3s;}
.main_menu_2_logo img { height: auto;}
.main_menu_2.fixed .main_menu_2_logo a { width: 80px; }
.main_menu_2_group_search { display: none; position: absolute; right: 0; width: 174px; padding: unset; top: 50%; transform: translateY(-50%); }
.main_menu_2_group_search .group_search div { width: 100%;}
.form-control.pull-left { display:none;}
.col-menu-2-menu-item { }
.col-menu-2-menu-item .pull-right {float: unset !important; display: flex; justify-content: space-between; align-items: center; gap: 5px; height: 100%;}
#nav-menu-top-2>li>a{ font-size: 16px; font-weight: 500; height: unset; padding: 10px;}
#nav-menu-top-2 a { color: var(--color-menu);}
#nav-menu-top-2>li>a.has-children:after { right: 0; margin-left: unset;}
#nav-menu-top-2>li>a::before{position: absolute; content:""; background: var(--color-main); height: 2px; width: 0; left: 50%; bottom: 2px; border-radius: 50px; transform: translate(-50%,0); transition: all ease .3s;}
#nav-menu-top-2>li>a.active,
#nav-menu-top-2>li>a:hover {background: unset; color: var(--color-menu-hover);}
#nav-menu-top-2 li.over > a:before,
#nav-menu-top-2>li>a:hover::before,
#nav-menu-top-2>li>a.active::before{width: 90%;}
#nav-menu-top-2>li>a.has-children:after {transition: all ease .3s; transform: rotate(-90deg);}
#nav-menu-top-2>li.over>a.has-children:after {transform: rotate(0deg);}
#nav-menu-top-2 li ul.horizental {left: 0 !important; min-width: 250px; width: unset; top: 100%; z-index: -1; opacity: 0; visibility: hidden; transition: all .3s ease;}
#nav-menu-top-2 li.over ul.horizental {z-index: 999; opacity: 1; visibility: visible;}
#nav-menu-top-2 li ul.horizental li { width: 100%; padding: 5px !important; border-bottom: solid 1px var(--color-background);}
#nav-menu-top-2 li ul.horizental a.level1 { font-size: 14px; font-weight: 500; text-transform: capitalize;}
#nav-menu-top-2 li ul.horizental a.level1:hover {text-decoration: none;}
#nav-menu-top-2 li ul.level0 li a:hover,
#nav-menu-top-2 li.active a{ color: var(--color-main);}
#nav-menu-top-2 a:hover, #nav-menu-top-2 li.over a { color: var(--color-menu-hover);}
#nav-menu-top-2 li a { text-transform: capitalize;}
.nav-container { height: 100%;}

/* Menu con*/
.mm-search { background: var(--color-background); height: unset;}
.mm-search #search { width: 100%; margin: unset;}
#header_mobile .col-logo-mobile {}
#header_mobile .col-mobile-cart { display: flex; align-items: center;}
.mm-toggle-wrap { color: var(--color-main);}
.mobile-menu .input-group .form-control:last-child { box-shadow: inset 0px 0 1px #cccc;}
.mobile-menu .input-group-btn>.btn {display: flex; align-items: center; justify-content: center;box-shadow: inset 0px 0 1px #cccc; color: var(--color-main);}
.mobile-menu li a.active, .mobile-menu li a:hover { background: unset; color: var(--color-main);}
body.mmPushBody .mm-toggle-wrap .fa-bars:before {content:"\f00d";}
#header_mobile.bar_web_bgr .container .row .col-xs-2 {display: flex; align-items: center;}

.bar_web_bgr .container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
/*
.bar_web_bgr .container .row {display: flex; flex-wrap: wrap;}
.bar_web_bgr .container .row .col-xs-2 { flex: 0 0 calc(100%/6); max-width: calc(100%/6); padding: 0 15px;}
.bar_web_bgr .container .row .col-xs-7 {flex: 0 0 calc(7/12 * 100%); max-width: calc(7/12 * 100%); padding: 0 15px;}
.bar_web_bgr .container .row .col-xs-3 {flex: 0 0 calc(3/12 * 100%); max-width: calc(3/12 * 100%); padding: 0 15px;}
 */

/* Content */
.md_home_article {max-width: 1170px; margin: 0 auto; padding: 50px 15px; background: #fff; border-radius: 5px;}

@media(max-width: 767.98px) {

	.md_home_article, .box_post, .news_index.news_index_new { padding: 30px 15px;}
}

/* Giới thiệu */
.post-about-primary .about-inner { display: flex; flex-wrap: wrap; gap: 30px;}
.post-about-primary .about-image,
.post-about-primary .about-heading { width: calc((100% - 30px) / 2);}
.post-about-primary .image-thumbnail { max-width: 400px; margin: 0 auto;}
.post-about-primary .heading-title { color: var(--color-main); font-size: 32px; font-weight: 700; margin-bottom: 10px;}
.post-about-primary .text-detail { line-height: 1.5; color: var(--color-desc); margin-bottom: 10px;}
.list-about-text .list-wrapper { padding-left: 0; margin-bottom: 0;}

@media ( max-width: 767.98px) {
	.post-about-primary .about-image,
	.post-about-primary .about-heading { width: 100%;}
	.post-about-primary .heading-title { font-size: 28px; text-align: center;}
	.post-about-primary .image-thumbnail { max-width: 200px;}
}


/* Bài viết - Dịch vụ */
.list-service {}
.list-service .list-wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px; padding: unset;}
.list-service .list-item { flex: 0 0 50%; padding: 15px; display: flex; flex-wrap: wrap; margin: 0 -15px;}
.list-service .item-thumbnail { flex: 0 0 15%; padding: 0 15px; transition: all ease .6s;}
.list-service .item-information { flex: 0 0 85%; padding: 0 15px;}
.list-service .information-title { font-size: 18px; font-weight: 700; color: var(--color-subtitle); margin-bottom: 10px;}
.list-service .information-detail { font-size: 16px; color: var(--color-desc); margin-bottom: 0;} 
.list-service .item-thumbnail:hover { transform: rotateY(360deg);}

.list-service-heading { margin-bottom: 25px;}
.list-service-heading > .list-wrapper { padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 20px;}
.list-service-heading .list-item { width: calc((100% - 60px)/4); box-shadow: 1px 0 3px #ccc; border-radius: 10px; padding: 10px;}
.list-service-heading .item-thumbnail { max-width: 130px; margin: 0 auto 10px; height: 94px;}
.list-service-heading .item-title { text-align: center; font-size: 18px; text-transform: uppercase;}

.list-service-content > .list-wrapper { padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 20px;}
.list-service-content .list-item { width: calc((100% - 20px)/2); box-shadow: 1px 0 3px #ccc; border-radius: 10px; overflow: hidden;}
.list-service-content .item-title { text-align: center; font-size: 20px; text-transform: uppercase; padding: 10px; background: var(--bg-gradient); color: #fff; font-weight: 600;}
.list-service-content .item-detail { padding: 25px 20px;}

.list-service-dots .list-wrapper { list-style: disc; margin: 0;}
.list-service-dots .list-content { list-style: disc; padding: 5px 0; font-size: 18px;}
.list-service-dots {}
.list-service-dots {}

@media (max-width: 767.98px) {
	.list-service-heading .list-item { width: calc((100% - 20px)/2);}
	.list-service-content .list-item { width: 100%;}
}

/* Bài viết - contact */
.box_post:has(.block-contact) { padding: 0;}
.block-contact { display: flex; flex-wrap: wrap; align-items: center; margin: 10px; padding: 50px; border-radius: 15px; background: #fff; border: solid 1px #ccc;}
.list-contact { flex: 0 0 82%; max-width: 82%; padding: 0 15px;}
.button-contact { flex: 0 0 18%; max-width: 18%; padding: 0 15px;}
.list-contact .list-wrapper { padding-left: 0; display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px;}
.list-contact .list-item { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 15px;}
.list-contact .item-thumbnail { width: 70px;}
.list-contact .item-information { width: calc(100% - 70px - 15px);}
.list-contact .information-title { color: var(--color-main); font-weight: 600; font-size: 18px;}
.list-contact .information-detail { color: var(--color-desc); font-weight: 400; font-size: 15px;}
.button-contact a { display: inline-block; padding: 12px 40px; background: var(--bg-gradient); border-radius: 50px; color: #fff;}

@media (max-width: 767.89px) {
	.block-contact { padding: 50px 15px; border: none; margin: 0;}
	.list-contact,
	.button-contact { flex: 0 0 100%; max-width: 100%; padding: 0 15px; margin: 0;}
	.list-contact .list-item { flex: 0 0 100%; max-width: 100%; padding: 15px;}
	.list-contact .item-thumbnail {width: 35px;}
	.list-contact .item-information {width: calc(100% - 35px - 15px);}
	.button-contact a { width: 100%; display: flex; justify-content: center;}
}

/* Bài viết kiến thức */
.list-knowledge {}
.list-knowledge .list-wrapper { padding-left: 0; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px;}
.list-knowledge .list-item { width: calc(100%/3); padding: 20px;}
.list-knowledge .item-information { height: 100%; padding: 15px; background: #fff; box-shadow: 0 0 5px var(--color-shadow); border-radius: 25px;}
.list-knowledge .information-title { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;  margin-bottom: 30px;}
.list-knowledge .title-icon { width: 45px;} 
.list-knowledge .title-text { font-size: 24px; font-weight: 600; color: var(--color-text);}
.list-knowledge .information-detail { font-size: 14px; font-weight: 400; color: var(--color-desc);  text-align: center;}

@media (min-width: 767.89px) {
	.list-knowledge { padding-top: 40px;}
	.list-knowledge .list-item:nth-child(2) { transform: translateY(-40px);}
}

@media (max-width: 767.89px) {
	.list-knowledge .list-item { width: calc(100%); padding: 20px;}
}

/* Banner - Hỗ trợ 2 */
.box_post:has(.block-banner) { position: relative; background: transparent;}
.box_post:has(.block-banner)::before { position: absolute; content: ""; background: url("https://i.imgur.com/uO7TtqT.jpg") no-repeat 50% 50% / cover; top: 50%; left: 50%; width: 100vw; height: 100%; transform: translate(-50%, -50%); z-index: -1;}
.box_post:has(.block-banner) .title-banner { position: relative; color: #fff; font-size: 40px; line-height: calc(50/40); text-align: center; margin-bottom: 25px; padding-bottom: 40px;}
.box_post:has(.block-banner) .title-banner::before { content: "";position: absolute; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 29%, rgba(255,255,255,1) 67%, rgba(255,255,255,0) 100%); left: 50%; bottom: 0; width: 65%; height: 8px; transform: translateX(-50%);}
.list-banner {}
.list-banner .list-wrapper { display: flex; flex-wrap: wrap; gap: 20px 30px; list-style: unset;}
.list-banner .list-item { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); list-style: disc; font-size: 18px; color: #fff;}
.list-banner .list-information {}
.list-banner .information-title {}
.box_post:has(#post_868923) .list-banner { margin-bottom: 40px;}
.banner-contact { color: #fff; font-size: 16px; text-align: center;}
.banner-contact .contact-phone ,.banner-contact .contact-address {margin-bottom: 10px;}

/* banner 1*/
.banner_static img { width: 100%;}

/* Sản Phẩm */
.box_list_product{}
.box_list_product .row {display: flex; flex-wrap: wrap;}
.product_info  label{ display: none;}
/*
#content_product_category .col-product,
#content_product_index .col-product { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); width: calc(100% / 3); padding: 10px;}
*/
.box_list_product .col-product { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); width: calc(100% / 4); padding: 15px;}
.box_product { border: solid 1px var(--color-main) ; padding: 10px; border-radius: 10px; transition: all .3s ease;}

.box_product .icon-giohang { display: none;}
.box_product a{display: block !important; height: unset; margin-bottom: 15px;}
.box_product_img { position: relative; width: 100%; padding-top: 100%; display: block;}
.box_product_img>img:first-child { position: absolute !important; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}
.box_product_img>img { width: 100%; height: 100%;object-fit: cover;}
.box_product_summary {height: unset;}
.box_product_name{ min-height: 46px; font-family: "Open Sans"; font-size: 16px; font-weight: 600; text-align: center; margin-bottom: 15px; text-transform: uppercase;}
/*.box_product_price_cart { display: flex; flex-wrap: wrap; align-items: center;}
.box_product_price, .btn_cart { flex: 0 0 50%; max-width: 50%;}
.btn_cart { display: flex; justify-content: flex-end;}*/
.box_product_price {  display: flex; align-items: center;}
.box_product_price:before{content:"Giá: "; margin-right: 5px;}
.product_price_new { color: #d00;}

.icon-giohang:before { content: "\e917";}
.btn_view_product_detail { display: none;}
.product_price_new .text_price { color:#d00; font-size: 16px; font-weight: 600;}
.product_price_new .text_price::after{content:"₫";font-size: .8em;top: -4px; position: relative;}
.box_product_price { margin-bottom: 5px;}
.add-to-cart {background: var(--color-main); width: 100%; border-radius: 50px; padding: 5px 10px; font-size: 14px; border: solid 1px var(--color-main);transition: all ease .3s;}
.add-to-cart:hover { background: transparent; border: solid 1px var(--color-main); color: var(--color-main);}

/* Sản Phẩm -- Nổi bật*/
.box_product_hot_index {padding: 50px 0; max-width: 1170px; margin: 10px auto; /*background: #fff;*/ border-radius: 5px;}

/* Giỏ hàng */
.data-table{width:100%; border: solid 1px #f2f2f2; min-width: 650px;}
.data-table th{padding:6px 10px;font-weight:400}
.data-table td{padding:6px 0}
.data-table td.sum_cart{padding:10px 0 15px;text-align:center;color:#333;font-size:14px}
.data-table thead th{font-weight:700;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:10px;white-space:nowrap;vertical-align:middle;text-align:center;text-transform:capitalize}
.data-table thead th.wrap{white-space:normal}
.data-table thead th a,.data-table thead th a:hover{color:#fff}
.data-table thead th .tax-flag{font-size:11px;white-space:nowrap}
.data-table tfoot td{padding-top:1px;padding-bottom:1px;border-bottom:0}
.data-table tfoot strong{font-size:16px;font-weight:400}
.data-table tbody th,.data-table tbody td{border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;text-align:center}
.data-table tbody.odd tr{background:#f8f7f5!important}
.data-table tbody.even tr{background:#f6f6f6!important}
.data-table tbody.odd tr td,.data-table tbody.even tr td{border-bottom:0}
.data-table tbody.odd tr.border td,.data-table tbody.even tr.border td{border-bottom:1px solid #d9dde3}
.data-table tbody td .option-label{font-weight:400;font-style:italic}
.data-table tbody td .option-value{padding-left:10px}
.input_qty{border:1px solid #ccc;width:80%;height:34px;text-align:center;padding:2px}
#box_cart_inner{margin-top:15px}
#shopping-cart-table thead{background-color:#f5f5f5}
.cart-table td .product-image{display:block;width:150px;text-align:center}
.cart .page-title .checkout-types li{margin:0 0 5px}
.cart .title-buttons .checkout-types{float:right}
.cart .title-buttons .checkout-types li{float:left;margin:0 0 5px 5px}
.cart .checkout-types .paypal-or{margin:0 8px;line-height:2.3}
.cart .totals .checkout-types .paypal-or{clear:both;display:block;padding:8px 55px 0 0;line-height:1;font-size:11px}
.cart-table th{padding:2px 10px}
.cart-table td{padding:10px;vertical-align:middle}
.cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:400;color:#df280a}
.cart-table tfoot td button.button{background:none}
.cart-table tfoot td button.button span{font-size:14px;color:#fff;float:right;margin:5px 12px 12px 0;padding:7px 12px;background:#27a247;border-bottom:2px solid green}
.cart-table .btn-continue{float:left}
.cart-table .btn-update,.cart-table .btn-empty{float:right}
.cart-table .btn-update{margin-left:10px}
.cart-table .item-options{margin:0;padding:5px 0 0}
.cart-table .product-name{padding-left:20px;margin:0;font-size:14px;text-align:left}
.cart-table .product-name a{color:#333}
.cart-table .cart-price{font-size:15px}
.cart-table input.qty{padding:5px;color:#444443;width:5em!important;background:none;border:1px solid #f2f2f2}
.box_btn_cart{margin-top:15px;}
.box_btn_cart .row{display: flex; justify-content: space-between; margin: unset;}

.button-green{position:relative;display:inline-block}
.button-green .group-icon{position:absolute;top:0;left:0;background-color:#1f88e4;padding:10px;display:inline-block;color:#fff;width:36px;text-align:center}
.button-green .group-title{background:#1e84cc;padding:10px 20px;text-transform:uppercase;color:#fff;position:relative;margin-left:36px;display:inline-block;font-weight:700;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.button-red{position:relative;display:inline-block}
.button-right .group-icon{right:0;left:auto}
.button-right .group-title{margin-left:0;margin-right:36px}
.button-red .group-title{background:#b30506;padding:10px 20px;text-transform:uppercase;color:#fff;position:relative;margin-left:36px;display:inline-block;font-weight:700;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.button-red .group-icon{position:absolute;top:0;left:0;background-color:#c00;padding:10px;display:inline-block;color:#fff;width:36px;text-align:center}
.input_qty{border:1px solid #ccc;width:80%;height:34px;text-align:center;padding:2px}


.box_btn_cart{margin-top:15px}
.carousel.slide .item {width: 100%; }
.carousel.slide .item  a {position: relative; display: block; width: 100%; padding-top: calc(510 / 1366 * 100%);}
.carousel.slide img{ position: absolute; height: 100% !important; width: 100%; left: 0; top: 0; object-fit: cover;}

/* Đăng ký nhận tin*/

.box_center_element {border-radius: 10px;padding: 20px;background: #fff;/* transform: translateX(-50%); */}
.box_center_element .title_bar_right {font-size: 20px;text-align: left;font-weight: 600;color: var(--color-subtitle);}
.box_customer_message {padding-top: 5px;}
.box_center_element .box_form_item_module .form-group.row { display: flex; flex-wrap: wrap;}
.box_center_element .box_form_item_module .col-md-6 { width: 50%; padding: 0 15px;}
.box_center_element .box_form_item_module .col-form-item-moudle-hour { width: 100%;}
.box_center_element .form-control { border-radius: 5px;}
.box_customer_message .form-group textarea.form-control {height: 65px;}
.box_center_element .form-group.clearfix.text-center {text-align: left;}
.box_center_element .form-group button {max-width: 150px;padding: 10px 15px;font-size: 15px;font-weight: bold;background: var(--color-primary);border-radius: 5px;border: solid 1px var(--color-main);transition: all ease .3s;color: #fff;}
.box_center_element .form-group button:hover { background: var(--color-main); color: #fff;}

@media (max-width: 767.98px){
	.box_center_element { position: static; transform: unset;}
}

/* Newsleter */
.md_home_article .col-home-article {display: none;}
.md_home_article .col-video-form { width: 100%; max-width: unset; flex:1;}
.md_home_article .box_center_element {max-width: 815px; margin: 0 auto; padding: calc(25/815*100%) calc(50/815*100%); border: solid 1px var(--color-main); border-radius: 5px;}
input.form-control {font-size: 15px; text-indent: 10px;}
textarea.form-control {font-size: 15px;padding: 10px 10px 10px 18px;height: 65px;}
.form-group button { max-width: 125px; height: 45px; font-size: 16px; margin: 0 auto; background: #fff; color: var(--color-main); border: solid 1px var(--color-tertiary); transition: all ease .3s;}
.form-group button:hover {background: var(--color-main); color: #fff;}
.form-control {border: solid 1px var(--color-main); height: 45px; }

.box_post>.post_static>.row {display: flex;align-items: center;max-width: 1170px;margin: auto;}
.col-md-6.col-post-content {width: 55%;padding: 0 15px;}
.col-md-6.col-post-form {width: 45%;padding: 0 15px;}

/* Tự soạn thảo 1 - Tự soạn thảo: Hỗ trợ */
.box_post {position: relative;background: #f5f5f5;padding: 30px 0;}
/*.box_post::before { content:""; position: absolute; background: url("http://vanquang.nhatlong.shop/uploads/6816/post/post7187/bg.png") no-repeat 50% 100% / cover; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100%; z-index: -1;}*/
.box_post .title_post { position: relative; font-size: 28px; font-family: "Open Sans";font-weight: 700; color: var(--color-main); margin-bottom: 35px; line-height: 1.5; padding-bottom: 5px;}
.box_post .title_post::before { position: absolute;content: ""; background: var(--color-main); width: 100%; max-width: 120px; height: 3px; border-radius: 50px; left: 0; top: 100%; transform: translateY( -50%);}
.box_post .detail_post { letter-spacing: 0.5px; line-height: 1.5; font-size: 16px; margin-bottom: 25px;text-align: justify;}
.box_post .btn_post { max-width: 125px; font-size: 16px; margin: 0 auto; padding: 5px 10px; background: #fff; color: var(--color-tertiary); border: solid 1px var(--color-tertiary); transition: all ease .3s;}
.box_post .btn_post:hover {background: var(--color-tertiary); color: #fff;}
.group-post {display: flex; flex-wrap: wrap; margin: 0 -10px; gap: 20px;}
.post-content, .box-image { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); padding: 0 10px;}
.box-image img{ border-radius: 10px;}
.post-controller a { display: inline-block; padding: 7px 12px; color: #fff; background: var(--color-main); border: solid 1px var(--color-main); border-radius: 3px; transition: all ease .3s;}
.post-controller a:hover { background: transparent; color: var(--color-main);}

/* Tin tức */
.media-body, .media-left, .media-right { display: block;}
.media-left, .media>.pull-left { padding-right: unset;}
.media-body { width: unset;}
/* Tin tức - nổi bật */
.news_index.news_index_hot { max-width: 1170px; margin: 0 auto; padding: 50px 15px;}
.news_index.news_index_hot .row { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.news_index.news_index_hot .col-module-news-hot { width: calc(100% / 3); padding: 0 10px;}
.news_index.news_index_hot .media.media_news {}
.news_index.news_index_hot .pull-left { float: unset !important;}
.news_index.news_index_hot .media-body { padding-bottom: 20px; position: relative;}
.news_index.news_index_hot .media-left { margin-bottom: 15px;}
.news_index.news_index_hot .media-heading a::before { content: " Xem thêm \27A2"; text-transform: capitalize; position: absolute; left: 0; bottom: 0; height: 15px; display: flex; align-items: center;}
.news_index.news_index_hot .media-heading { height: 46px; color: var(--color-tertiary);}

@media ( max-width: 767.98px) {
	.news_index.news_index_hot img { width: 100%;}
	.news_index.news_index_hot .media-heading { font-size: 18px; height: unset;}
	.news_index.news_index_hot .col-module-news-hot { padding: 15px 10px;}
	
}
/*Tin tức - tin mới*/
.news_index.news_index_new {background: #f2f2f2; padding: 50px 0;}
.news_index.news_index_new .container-center { max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.news_index.news_index_new .row { display: flex; flex-wrap: wrap; margin: 0 -15px;}
.news_index.news_index_new .media.media_news {display: block; background: #fff; border-radius: 0 0 10px 10px;}
.news_index.news_index_new .col-module-news-hot {flex: 0 0 calc(100% / 3);max-width: calc(100% / 3); padding: 15px;}
.news_index.news_index_new .media.media_news .media-left {display: block; padding: 0; margin-bottom: 0;}
.news_index.news_index_new .media.media_news .media-left a { display: block;}
.news_index.news_index_new .media.media_news .media-left .box_media_img { position: relative; width: 100%; padding-top: calc(225/360*100%);}
.news_index.news_index_new .media.media_news .media-left img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.news_index.news_index_new .media-content { padding: 10px 15px 50px 15px; text-align: center; position: relative;}
.news_index.news_index_new .media-heading a::before { content: "Xem thêm"; display: flex; align-items: center; justify-content: center; position: absolute; left: 35px; right: 35px; bottom: 0; height: 45px; color: #fff; font-size: 16px; text-transform: capitalize; background: url("https://i.imgur.com/yvvVKtY.png") no-repeat 0% 0% / 100% 100%;}

@media ( max-width: 767.98px) {
	.news_index.news_index_new .col-module-news-hot { flex: 0 0 100%; max-width: 100%;}
}

.media-calendar.pull-left {display: none;}
.media-heading {font-weight: 600; font-size: 16px; text-transform: uppercase; margin-bottom: 10px;transition: all ease .3s; color: var(--color-main);}
.media-heading a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.media-heading:hover{color: var(--color-tertiary);}
.media-summary {font-size: 14px; opacity: .7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.list-news-primary .list-wrapper{ display: flex; padding-left: unset; margin-bottom: unset; gap: 25px; flex-wrap: wrap;}
.list-news-primary .list-item { padding: 10px; width: calc((100% - 75px)/4); background: #fff; box-shadow: 0 0 5px #ccc; border-radius: 10px;}
.list-news-primary .item-thumbnail{ max-width: 200px; height: 115px; margin: 0 auto 10px; }
.list-news-primary .item-thumbnail img { width: 100%; height: 100%; object-fit: cover;}
.list-news-primary .information-title{ font-weight: 600; text-align: center; text-transform: uppercase; font-size: 18px; color: var(--color-main); margin-bottom: 15px;}
.list-news-primary .item-information { max-height:  175px; overflow-y: auto;}
.list-news-primary .information-detail span {font-weight: 600; color: var(--color-main);}

.block-news-secondary {}
.block-news-secondary .news-heading { margin-bottom: 25px;}
.list-news-secondary .list-wrapper { padding-left: unset; margin-bottom: unset; display: flex; gap: 20px; flex-wrap: wrap;}
.list-news-secondary .list-item { width: calc((100% - 60px) / 4); padding: 15px; border-radius: 10px; box-shadow: 0 0 5px #ccc;}
.list-news-secondary .item-thumbnail { max-width: 150px; margin: 0 auto;}
.list-news-secondary .item-title { text-align: center; text-transform: uppcase; font-size: 17px;}
.list-news-secondary .item-title .count{ font-weight: bold;}

.list-news-image .list-wrapper { display: flex; flex-wrap: wrap; gap: 20px; padding-left: unset; margin-left: unset;}
.list-news-image .list-item { width: calc((100% - 60px)/4); box-shadow: 0 0 3px #ccc;} 
.list-news-image .list-item:first-child{ width: 100%;}
.list-news-image .item-thumbnail,
.list-news-image .list-item img { width: 100%; height: 100%; object-fit: cover;}


.list-feedback-primary .list-wrapper { display: flex; flex-wrap: wrap; gap: 20px; padding-left: unset; margin-bottom: unset;}
.list-feedback-primary .list-item { width: calc((100% - 60px)/4); border-radius: 10px; box-shadow: 0 0 5px #ccc;}

@media (max-width: 767.98px) {
	.list-news-primary .list-item {width: 100%;}
	.list-news-secondary .list-item { width: calc((100% - 20px) / 2);}
	.list-news-image .list-item,.list-feedback-primary .list-item  { width: calc((100% - 20px)/2); } 
	
}


/* Footer */
footer {background-color: var(--bg-footer); box-shadow: -1px 0 5px #ddd; padding: 50px 0; position: relative; z-index: 2;}
.box_footer_total .container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.title_footer { display: none;}
.title_footer h4{position: relative;display: inline-block;font-size: 18px; color: #fff; margin-bottom: 30px; line-height: 1.5;}
.title_footer h4::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 50%; height: 2px; background-color: #fff; border-radius: 50px;}
footer .box_center_element { max-width: 600px; margin: 0 auto;}
footer .title_bar_right{ text-align: center; color: #fff; font-weight: 600; font-size: 18px;}
footer .box_center_element form { position: relative;}
footer .box_center_element form .form-group,
footer .box_center_element form input.form-control {width: 100%; border-radius: 50px; border: solid 1px #ccc;}
footer .box_center_element form .form-group:has(button) { position: absolute; right: 0; top: 0; height: 100%; width: max-content; margin: 0;}
footer .box_center_element form .form-group:has(button) button { height: 100%; max-width: unset;border-radius: 50px; background: var(--color-main); color: #fff;}
footer .box_center_element form .form-group:has(button) button:hover { background: var(--color-main); color: #fff; }
.col-module-newsleter-social { display: none;}
.sidebar-above-footer, .sidebar-above-footer div.container { background: unset;}
.col-module-newsleter { width: 100%; padding: 0 15px;}
.block-subscribe-footer { max-width: 600px; margin: 0 auto 15px;}
.block-subscribe-footer .row .col-md-6 { width: 100%; padding: 0 15px;}
.block-subscribe-footer .row .col-md-6:first-child{ display: flex; justify-content: center; margin-bottom: 10px;}
.sidebar-above-footer .block-subscribe-footer .title-block p { font-size: 12px;}
.sidebar-above-footer .block-subscribe-footer .block-content .newsletter-content .newsletter-submit { height: 100%;}
.box_footer_total .row .col-footer-total-flex.col-md-4.col-sm-6.col-xs-6.col-ss-12.col-sss-12.col-footer-total-flex { width: 100%;}

.footer-quaternary .footer-inner { display: flex; flex-wrap: wrap; margin: 0 -15px;}
.footer-quaternary .footer-inner .footer-col:nth-child(1) { width: calc(4/12*100%); padding: 0 15px;}
.footer-quaternary .footer-inner .footer-col:nth-child(2) { width: calc(2/12*100%); padding: 0 15px;}
.footer-quaternary .footer-inner .footer-col:nth-child(3) { width: calc(3/12*100%); padding: 0 15px;}
.footer-quaternary .footer-inner .footer-col:nth-child(4) { width: calc(3/12*100%); padding: 0 15px;}
.footer-quaternary .footer-heading { font-weight: bold; color: #fff; border-bottom: solid 1px #fff; position: relative; font-size: 18px; text-transform: uppercase; margin-bottom: 20px;}
.footer-quaternary .footer-heading::before { position: absolute; content:""; background: var(--gradient-line); width: 30%; height: 2px; bottom: 1px; left: 0;}
.footer-quaternary .footer-content { color: #fff; word-wrap: break-word; line-height: 1.5;}

@media (max-width: 767.98px) {
	.footer-quaternary .footer-inner { gap: 20px;}
	.footer-quaternary .footer-inner .footer-col:nth-child(1),
	.footer-quaternary .footer-inner .footer-col:nth-child(2),
	.footer-quaternary .footer-inner .footer-col:nth-child(3),
	.footer-quaternary .footer-inner .footer-col:nth-child(4) { width: 100%; padding: 0 15px;}
}

.content_company_info {color: #fff; font-size: 15px; display: none;}
.content_company_info ul {  display: flex; flex-direction: column;}
.content_company_info li {margin-bottom: 8px;}
.content_company_info li:nth-child(4){ order: 4;}
.content_company_info li i { margin-right: 5px;}
.content_company_info li a:hover{ color: #fff;}
.content_footer_right {margin-top: unset !important;}
.content_footer_right ul li a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.content_footer_right ul li a:hover {color: #fff;}

.box_footer_total .col-md-4.col-footer-total-flex.col-footer-policy {flex: 0 0 100%; max-width: 100%;display: flex; flex-wrap: wrap; gap: 40px; padding: 0 15px;}
.bar_web_bgr .container .row { margin: 0;}
.box_footer_total .row .col-footer-info,
.box_footer_total .col-footer-category { flex: 0 0 100%; max-width: 100%;}
.box_footer_total .box_news_footer {flex: 0 0 calc((100% - 40px) / 2); max-width: calc((100% - 40px) / 2); padding: 0;}
.content_footer_middle .col-md-6 {flex: 0 0 calc(100%); max-width: calc(100%); padding: 0 15px;}
.content_footer_right li,
.content_footer_middle .footer_category { padding: 5px 0;}
.content_footer_middle .footer_category a{ color: #fff;}

/* footer tự soạn - 3*/
.block-footer {}
.block-footer .nav-footer { display: flex; flex-wrap: wrap; margin: 0 -15px;}
.block-footer .footer-information {width: calc( 5/12 * 100%); padding: 15px;}
.block-footer .footer-category {width: calc( 3/12 * 100%); padding: 15px;}
.block-footer .footer-fanpage {width: calc( 4/12 * 100%); padding: 15px;}
.block-footer .logo-footer { max-width: 200px; margin-bottom: 10px;}
.block-footer .footer-title { font-weight: 700; text-transform: uppercase; font-size: 18px;margin-bottom: 10px;}

.footer-fanpage .fb_iframe_widget,
.footer-fanpage .fb-page span,
.footer-fanpage .fb-page span iframe {width: 100% !important;}

.list-footer-contact {}
.list-footer-contact .list-wrapper {}
.list-footer-contact .list-item { padding: 3px 0; margin: 2px 0; display: flex; align-items: center;}
.list-footer-contact .list-item img { width: 20px; margin-right: 5px;}
.list-footer-category {}
.list-footer-category .list-wrapper { padding-left: 15px; }
.list-footer-category .list-item { list-style: circle; padding: 5px 0; color: #fff; font-size: 14px;}


.logo-footer { max-width: 50px; margin: 0 auto 15px;}
.copyright { color: #fff; text-align: center;}
.footer-mxh {display: flex ; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; margin-top: 15px;}
.footer-mxh li { flex: 0 0 auto;}
.footer-mxh li a { display: inline-block; transition: all ease .3s; border-radius: 50%; max-width: 30px;}
.footer-mxh li a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.footer-mxh li a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.footer-mxh li a:active,
.footer-mxh li a:focus,
.footer-mxh li a:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.footer-mxh li a:active:before,
.footer-mxh li a:focus:before,
.footer-mxh li a:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}


/* Trang con*/

#content_product_index .title_category ,.list_category_child { display: none;}

/*
section#content_product_category,
section#content_cart_index,
section#content_product_detail,
section#content_contact_index, 
section#content_news_detail, 
section#content_news_menu, 
section#content_product_index, 
section#content_checkout_index, 
section#content_member_login, 
section#content_member_signup {position: relative;}

section#content_product_category::before,
section#content_cart_index::before,
section#content_product_detail::before,
section#content_contact_index::before, 
section#content_news_detail::before, 
section#content_news_menu::before, 
section#content_product_index::before, 
section#content_checkout_index::before, 
section#content_member_login::before, 
section#content_member_signup::before {content: "";position: absolute;width: 100%;padding-top: calc(250 / 1600 * 100%);left: 0;background: url("https://i.imgur.com/TGPXCxX.png") no-repeat;background-position: 0% 0%;background-size: cover;}


section#content_cart_index #content,
section#content_product_category #content,
section#content_checkout_index #content,
section#content_product_index #content,
section#content_news_detail #content, 
section#content_product_detail #content, 
section#content_contact_index #content, 
section#content_news_menu #content { margin-top: calc(250/1600*100%);}
*/

.list_product_care .owl-nav{ display: none;}

.node-content { background: #fff; padding: 10px 15px 50px; border-radius: 10px;}
#box_right_element {position: sticky;top: 150px;}
#content_contact_index .title_bar_right,
#content_news_menu .title_bar_right{ text-align: center; font-size: 18px; background: var(--color-tertiary);color: #fff; padding: 5px 10px;font-weight: 700;}
.box-category {max-height: 450px; overflow-y: auto;}
.list_category_child .row { display: flex; flex-wrap: wrap; justify-content: center;}
.list_category_child .col-md-4 { flex: 0 0 auto; padding: 5px 15px;}
.list_category_child .category_bar a { background: var(--color-main); border: solid 1px var(--color-main); border-radius: 5px; display: block;padding: 7px 12px !important; color: #fff; transition: all ease .3s;}
.list_category_child .category_bar a:hover { color: var(--color-main); background: transparent;}


#content_product_detail #content > .container > .row,
#content_product_category #content > .container > .row,
#content_product_index #content > .container > .row {display: flex; flex-wrap: wrap;}

#content_product_detail #content > .container > .row > .col-md-9,
#content_product_category #content > .container > .row > .col-md-9,
#content_product_index #content > .container > .row > .col-md-9 {flex: 0 0 calc(3 / 4 * 100%); padding: 15px;}

#content_product_detail #content > .container > .row > .col-md-3,
#content_product_category #content > .container > .row > .col-md-3,
#content_product_index #content > .container > .row > .col-md-3 {flex: 0 0 calc(1 / 4 * 100%); padding: 15px;}

.product-view {display: flex; flex-wrap: wrap;}
.product-view .col-lg-6.col-sm-6.col-md-6.col-xs-12 { flex: 0 0 40%; max-width: 40%; padding: 15px;}
.product-view .product-shop.col-lg-6.col-sm-6.col-md-6.col-xs-12 { flex: 0 0 60%; max-width: 60%; padding: 15px;}
.product-view .d-combo-sale-buttons { flex-direction: column; gap: 15px;}

.product-detail__order .row { display: flex; flex-wrap: wrap;}
.product-detail__order .col-xs-12 { flex: 0 0 100%; max-width: 100%; padding:0 15px;}
.box_product_detail .tab-content { padding: 15px;}
.box_news_grid_page > .row { display: flex; flex-wrap: wrap;}
.box_news_grid_page > .row .col-md-4 { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding: 15px;}
.box_news_grid_page .news_grid { padding: 10px; border: solid 1px var(--color-secondary); background: #fff; border-radius: 5px;}
.box_news_grid_page .news_grid h4 { font-size: 16px; text-align: center; padding: 0 5px; min-height: 40px;}
.box_news_grid_page .news_grid p { font-size: 15px; text-align: justify; padding: 0 5px; min-height: 65px;}
.box_news_grid_page .news_grid_photo { display: block !important; height: unset;margin-bottom: 15px;}
.box_news_grid_page .box_img_news {display: block;width: 100%; padding-top: 100%;}
.box_news_grid_page .box_img_news img { position: absolute !important; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}
.news_grid_date_view {display: none;}

.box_news_menu_child.box_cate_news {display: none;}

/* Liên hệ */
.form-checkout .col-md-12{width: 100%;}
.form-checkout .col-md-12 form {width: 50%;float: right;}
.form-checkout .col-md-12 form .form-group label {display: none;}
.form-checkout .col-md-12 form .form-group:nth-child(4), .form-checkout .col-md-12 form .form-group:nth-child(5) {display:none;}
.btn-success {padding: 5px 20px;background: var(--color-primary);border-color: var(--color-main);border-radius: 3px;}
#content_company_info_contact {margin-bottom: 10px;width: 50%;float: left;}
#content_company_info_contact li { margin-bottom: 5px;}

/* Breadcrumb
.breadcrumb {background: transparent; border-bottom: solid 1px var(--color-background);}
*/

/* Phone icon*/

.phonering-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width: 80px;height: 80px;cursor:pointer;z-index:200000!important;bottom: 60px;left: 20px;display:block;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s}
.phonering-alo-phone.phonering-alo-show{visibility:visible}
.phonering-alo-phone.phonering-alo-static{opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover{opacity:1}
.phonering-alo-ph-circle{width: 160px;height: 160px;top:-10px;left: -43px;position:absolute;background-color: #018fe570;border-radius:100%;border:2pxsolidrgba(30,30,30,0.4);-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{border-color:#ec1d25;opacity:.5}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{border-color:#ccc;opacity:.5}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{border-color:#75eb50;opacity:.5}
.phonering-alo-ph-circle-fill{width: 100px;height: 100px;top:20px;left: -12px;position:absolute;background-color:#000;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5)}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);opacity:.75!important}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.phonering-alo-ph-img-circle{width: 60px;height: 60px;top:40px;left: 7px;position:absolute;background: rgba(30,30,30,0.1) url(https://i.imgur.com/OqFyYwQ.png) no-repeat center center;background-size: 30px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#990B14}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color: var(--color-main);}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50}
@-webkit-keyframes phonering-alo-circle-anim {0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim {0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-webkit-keyframes phonering-alo-circle-img-anim {0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes phonering-alo-circle-anim {0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}}
@keyframes phonering-alo-circle-anim {0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim {0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@keyframes phonering-alo-circle-fill-anim {0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-webkit-keyframes phonering-alo-circle-img-anim {0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}
@keyframes phonering-alo-circle-img-anim {0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}

/* Responsive */

/*
@media (min-width: 1024px) {
	
	section#content_contact_index .node-content > .title_bar_center.text-uppercase h1,
	section#content_cart_index .header,
	section#content_product_category .box_category_inner > .title_cate > .title_bar_center,
	section#content_checkout_index .header,
	section#content_product_index .title_cate,
	section#content_product_index .title_category,
	/*section#content_news_detail .header,
	section#content_product_detail .header, 
	section#content_contact_index .header, 
	#content_news_menu .header{ position: absolute;left: 15px;top: -100px;transform: translateY( -50%);}
	
	
	section#content_contact_index .node-content > .title_bar_center.text-uppercase h1:before,
	section#content_cart_index .header:before,
	section#content_product_category .box_category_inner > .title_cate > .title_bar_center h1:before,
	section#content_checkout_index .header:before,
	section#content_product_index .title_cate::before,
	/*section#content_news_detail .header:before,
	section#content_product_detail .header:before, 
	section#content_contact_index .header:before, 
	#content_news_menu .header .title:before {top: 85%;}
	section#content_contact_index .node-content > .title_bar_center.text-uppercase h1:before,
	section#content_product_index .title_category span::before,
	section#content_product_category .box_category_inner > .title_cate > .title_bar_center h1:before,
	section#content_product_index .title_cate h1::before {display: none;}
	
	
	section#content_contact_index .node-content > .title_bar_center.text-uppercase h1,
	section#content_cart_index .header,
	section#content_product_category .box_category_inner > .title_cate > .title_bar_center h1,
	section#content_checkout_index .header,
	section#content_product_index .title_category span,
	/*section#content_news_detail .header,
	section#content_product_detail .header,
	section#content_product_index .title_cate h1,
	section#content_contact_index .header, 
	#content_news_menu .header .title { border-bottom: solid 4px var(--color-yellow); display: block;  text-align: center; text-transform: capitalize; line-height: 2; font-family: "Inter"; font-size: 27px; font-weight: 700; color: var(--color-yellow); margin-bottom: 35px;}

	section#content_product_index .box_category_inner { display: none;}
	
}
*/

@media (min-width: 1024px) and (max-width: 1240px) {
	
	.main_menu .box_main_menu { padding: 0 225px 0 130px;}
	.header_logo_search_cart .col-header-logo div { width: 125px; top: 12px;}
	.main_menu .main_menu_nav a { padding: 5px;}
	.main_menu_2_group_search { display: none;}
	#nav-menu-top-2>li>a::before { bottom: 5px;}
	.main_menu_2_logo {width: 100%;}
}

@media (max-width: 1024px) {
	.col-menu-2-menu-item .pull-right { gap: 1px;}
	#nav-menu-top-2>li>a { padding: 10px; font-size: 14px;}
	.main_menu_2_logo {width: 100%;}
}

@media (min-width: 767.98px) and (max-width: 1024px) {
	.header_logo_search_cart .row { display: flex; align-items: center;}
	.header_logo_search_cart {padding: 5px 0;}
	.header_logo_search_cart .col-header-search,
	.header_logo_search_cart .col-header-logo { padding: 0 15px;}
	.group_banner_center,
	.header_logo_search_cart .col-header-logo div {position: static;}
	.group_banner_center{ width: unset;}
	.main_menu .box_main_menu { padding: unset;}
	.title_bar h2, .title_bar_center h2 { font-size: 24px;}
	.box_list_product .col-product { flex: 0 0 calc(100% / 3);max-width: calc(100% / 3);width: calc(100% / 3);}
	.box_product_price, .btn_cart { flex: 0 0 100%; max-width: 100%;}
	.box_product_price { text-align: center; margin-bottom: 10px;}
	.btn_cart { justify-content: center;}
	.main_menu .main_menu_nav a {height: 50px;}
	.main_menu .main_menu_nav a:before {bottom: 5px;}
	.col-module-news-hot { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); padding: 10px;}
	.box_footer_total .col-md-4 { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); padding: 0 15px;}
	.box_footer_total .col-md-4.col-footer-total-flex.col-footer-policy {    flex: 0 0 100%; max-width: 100%;}
	.box_footer_total > .container > .row { row-gap: 30px;}
	.box_news_grid_page > .row {margin: 0 -10px;}
	.box_footer_total .col-md-4,
	.box_news_grid_page > .row .col-md-4 {flex: 0 0 calc(100% / 2); max-width: calc(100% /2);}
	.main_menu_2_group_search { display: none;}
	#nav-menu-top-2>li>a::before { bottom: 5px;}
	.main_menu_2.fixed #nav-menu-top-2>li>a {padding: 15px 7px;}
	.header_logo_search_cart .row .col-sm-3 {width: 20%; padding: 0 15px;}
	.header_logo_search_cart .row .col-sm-7 {width: 55%; padding: 0 15px;}
	.header_logo_search_cart .row .col-sm-2 {width: 25%; display: flex; align-items: center; padding: 0 15px;}
}

@media (max-width: 767.98px) {
	body{ padding-top:0; }
	.logo-header a{ display: block; max-width: 75px; margin-left: unset; padding: 5px; background: #fff; border-radius: 50%;}
	header{ position: static;}
	.box_product_hot_index,
	.news_index.news_index_hot { padding: 20px 15px;}
	#mobile-menu{ position: fixed;}
	.box_post>.post_static>.row {display: block;}
    .col-md-6.col-post-content {width: 100%;padding: 0 15px;}
    .col-md-6.col-post-form {width: 100%;padding: 0 15px;}
	.form-checkout .col-md-12 form {width: 100%;float: none;}
	#content_company_info_contact {margin-bottom: 10px;width: 100%;float: none;}
	.box_news_grid_page > .row {margin: 0 -10px;}
	.box_news_grid_page > .row .col-md-4 {flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); padding : 10px;}
	.bar_web_bgr .container .row{padding: 5px 0; display: flex;}
	#header_mobile.bar_web_bgr .container .row .col-xs-2 { width: calc(2/12*100%);}
	#header_mobile.bar_web_bgr .container .row .col-xs-10 { width: calc(8/12*100%); display: flex; justify-content: center;}
	.box_list_product .col-product {flex: 0 0 calc(100%); max-width: calc(100%); width: calc(100%); padding: 5px;}
	.box_footer_total .row .col-footer-info { flex: 0 0 calc(100%);max-width: calc(100%);width: calc(100%);}
	.group-post {margin: -10px 0; flex-direction: column-reverse; }
	.post-content, .box-image {flex: 0 0 100%; max-width: 100%; padding: 10px 0;}
	.col-module-news-hot {flex: 0 0 calc(100%); max-width: calc(100%);}
	.box_footer_total .col-md-4,
	.box_footer_total .box_news_footer,
	.box_footer_total .col-md-4.col-footer-total-flex.col-footer-policy {flex: 0 0 calc(100%); max-width: calc(100%);}
	.d-combo-sale-buttons__btn-item,
	.d-combo-sale-buttons--add-to-cart .d-combo-sale-buttons__btn-item--buy-now {width: 100%;}
	.d-combo-sale-buttons--add-to-cart .d-combo-sale-buttons__btn-item--add-to-cart { margin-top: 5px;}
	.box_list_product .row {margin: unset;}
	.title h1, .title, .title_pr_care span, .title_bar_center h1, .title_category span, .title_bar h2, .title_bar_center h2 {font-size: 27px;}
	.box_footer_total .col-md-4.col-footer-total-flex.col-footer-policy { gap: 0;}
	.header_cart { width: unset; height: unset;padding: 5px;}
	
	.list-service .list-item { margin: 0;}
	.list-service .item-thumbnail { flex: 0 0 100%; padding: 0 15px; display: flex; justify-content: center; margin-bottom: 10px;}
	.list-service .item-information { flex: 0 0 100%; padding: 0 15px; text-align: center;}
	.box_post:has(.block-banner) .title-banner { font-size: 24px;}
	
	.block-footer .footer-information,
	.block-footer .footer-category,
	.block-footer .footer-fanpage {width: 100%;}
	
}

@media (max-width: 480px) {
  .box_news_grid_page > .row .col-md-4 {flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); padding : 10px;}
}

@media (max-width: 320px) {
	html{ min-width: 320px;}
}