@import "https://fonts.googleapis.com/css2?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&display=swap";

:root {
	--color-main: #328e43;
	--color-primary: #80d337;
	--color-secondary: #e0e0e0;
	--color-background: #F6F4F0;
	--color-text: #757575;
}
*::-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-background);}
#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: "Inter" !important; font-size: 16px; font-weight: 400; background: var(--color-background);}

/* 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: #328e4380; color:  var(--color-main); font-size: 18px; border-radius: 50%;}

/* Title */
.title h1,
.title,
.title_pr_care span,
.title_bar_center h1,
.title_category span,
.title_bar h2,
.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;}
.title_pr_care span::before,
.title_bar_center h1::before,
.title_category span:before,
.title_bar h2::before,
.title::before,
.title h1::before,
.title_bar_center h2::before{ position: absolute;content: ""; background: var(--color-main); width: 100%; max-width: 120px; height: 3px; border-radius: 50px; 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: url("https://i.imgur.com/m4DXx9S.jpg") no-repeat 0% 0% / 100%; /*top: 0; left: 0; width: 100%; z-index: 999;*/}
.header_top {padding: 10px 0;}
.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;}
*/
.header_top .company_name {color: #fff;}
.header_top .company_name {color: #fff;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; color: #fff;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: #fff;}
.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,
.main_menu_2 .container {background: transparent;}
.main_menu_2.fixed { background: #fff;}
.main_menu_2.fixed #nav-menu-top-2>li>a.active, 
.main_menu_2.fixed #nav-menu-top-2>li>a:hover {color: #fff;}
.main_menu_2.fixed #nav-menu-top-2>li>a { padding: 15px; color: #3c3d41;}
.main_menu_2.fixed #nav-menu-top-2>li>a::before {background: var(--color-main); bottom: 10px;}

.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: none;}
.main_menu_2 .col-md-7 { width: 100%; padding: 0 10px;}
.main_menu_2_logo { width: 150px; transition: all ease .3s;}
.main_menu_2_logo img { height: auto;}
.main_menu_2.fixed .main_menu_2_logo { width: 115px;}
.main_menu_2_group_search { 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 15px;}
#nav-menu-top-2 a { color: #fff;}
#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: #fff; 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: #fff;}
#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: #fff;}
.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,.box_post,.news_index.news_index_new {max-width: 1170px; margin: 10px auto; padding: 50px 15px; background: #fff; border-radius: 5px;}

/* 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% / 5); max-width: calc(100% / 5); width: calc(100% / 5); padding: 15px;}
.box_product { background: #fff; padding: 10px; border-radius: 10px;border: solid 1px #fff; transition: all .3s ease;}
.box_product:hover {border: solid 1px var(--color-main);}
.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{ 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;}*/
.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;}
.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;}


/* 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 { height: 45px; font-size: 15px; text-indent: 10px;}
textarea.form-control { font-size: 15px; padding: 10px 10px 10px 18px;}
.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);}



/* Tự soạn thảo 1 - Tự soạn thảo: Hỗ trợ */
.box_post { position: relative; background: #fff;}
/*.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 - tin mới*/
.news_index.news_index_new {}
.news_index.news_index_new .row { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.media.media_news {display: block;}

.col-module-news-hot {flex: 0 0 calc(100% / 4);max-width: calc(100% / 4); padding: 10px;}
.media.media_news .media-left {display: block; padding: 0; margin-bottom: 15px;}
.media.media_news .media-left a { display: block;}
.media.media_news .media-left .box_media_img { position: relative; width: 100%; padding-top: calc(300 / 450 * 100%);}
.media.media_news .media-left img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}


.media-calendar.pull-left {display: none;}
.media-heading {font-weight: 500; font-size: 16px; text-transform: uppercase; margin-bottom: 10px;transition: all ease .3s;}
.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;}


/* Footer */
.box_footer_total {background-color: var(--color-main); padding: 50px 0;}
.box_footer_total .container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.title_footer h4{position: relative;display: inline-block;font-size: 18px; color: #fff; margin-bottom: 15px; 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;}

.content_company_info {color: #fff; font-size: 15px;}
.content_company_info li {margin-bottom: 8px; border-bottom: solid 1px #eee;}
.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 {flex: 0 0 calc(100% / 4); max-width: calc(100% / 4);padding: 0 15px;}
.box_footer_total .col-md-4.col-footer-total-flex.col-footer-policy {flex: 0 0 calc(100% / 2); max-width: calc(100% / 2);display: flex; flex-wrap: wrap; gap: 30px;}
.box_footer_total .box_news_footer {flex: 0 0 calc((100% - 30px) / 2); max-width: calc((100% - 30px) / 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 { border-bottom: solid 1px #fff; padding: 5px 0;}
.content_footer_middle .footer_category a{color: #fff;}


.footer-mxh {display: flex ; flex-wrap: wrap; 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%;}
.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*/
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(584 / 1600 * 100%);left: 0;background: url("https://i.imgur.com/7sG6Njs.jpeg") 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_index .box_category_inner { display: none;}

#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%;}
#content_company_info_contact { margin-bottom: 10px;}
#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_category ,
	section#content_news_detail .header,
	section#content_product_detail .header, 
	section#content_contact_index .header, 
	#content_news_menu .header{position: absolute;left: 50%;top: -100px;transform: translate(-50%, -50%);}

	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_contact_index .header, 
	#content_news_menu .header .title { background: #fff; padding: 5px 40px; border-radius: 50px; border: solid 3px var(--color-main); box-shadow: 0 0 10px var(--color-main);}

	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_category span: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%;}
}

@media (max-width: 1400px){
header{background: url(https://i.imgur.com/m4DXx9S.jpeg) no-repeat 0% 0% / cover;}
}

@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%;}
	header {background: url("https://i.imgur.com/m4DXx9S.jpeg") no-repeat 50% 50% / cover;}
}

@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: 120px; margin-left: calc(230/766*100%); padding: 5px; background: #fff; border-radius: 50%;}
	header{ position: static;}
	#mobile-menu{ position: fixed;}
	.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;}
	.box_list_product .col-product {flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); width: calc(100% / 2); padding: 5px;}
	.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;}

	.header_cart { width: unset; height: unset;padding: 5px;}
}

@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;}
}