/* header */
.header-wrapper .header-bg-container .header-bg-color {
	background-color: var(--white) !important;
}

.header-main .header-nav .menu-item .nav-top-link {
	font-size: 15px;
	font-weight: normal;
	font-family: var(--semi);
	color: var(--black);
	text-align: center;
	padding: 10px 15px;
	text-transform: initial;
}

.header-main .header-nav .sub-menu .menu-item a {
	font-family: var(--medium);
	color: var(--black);

}

.header-main .header-nav .sub-menu .menu-item:hover a,
.header-main .header-nav .sub-menu .menu-item.active a {
	text-decoration: underline;
	color: var(--theme-color);
}

.header-main .header-nav .menu-item:hover .nav-top-link,
.header-main .header-nav .menu-item.active .nav-top-link {
	color: var(--theme-color);
}

.header-main .header-inner input[type=search] {
	border-radius: 5px !important;
}

.header-main .header-inner input[type=search]:focus {
	box-shadow: none;
}

.header-main .cart-item a {
	font-weight: normal;
	line-height: normal !important;
}

.header-main .cart-item [data-icon-label]:after {
	background-color: red;

}

/* footer */
#footer .col-left .img.has-hover {
	margin: 0 auto 30px;
}

#footer .col-left:before {
	content: "";
	width: 40vw;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--theme-color);
}

#footer .col-left {
	background: var(--theme-color);
	padding-top: 55px;
}

#footer .col-left .icon-box-img {
	margin: 0 auto;
}

#footer .col-left .sub_title>h2 {
	font-size: 18px;
	color: var(--white);
	margin: 20px 0;
	text-transform: uppercase;
}

#footer .col-left .text>p {
	font-size: 15px;
	color: var(--white);
	margin-bottom: 10px;
}

#footer .col-left .text>p i {
	margin-right: 5px;
}

#footer .col-right .col-inner {
	z-index: 5;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
}

#footer .col-right .ux-menu {
	margin: 0 20px;
}

#footer .col-right {
	padding-top: 50px;
	position: relative;
}

#footer .col-right .ux-menu .ux-menu-title {
	min-height: unset;
	color: var(--black);
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	font-family: var(--semi);
	margin-bottom: 15px !important;
	padding: 0;
}

#footer .col-right .ux-menu .ux-menu-link a {
	color: var(--black);
	font-size: 15px;
	line-height: 20px;
	min-height: unset;
	position: relative;
	padding-left: 20px;
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}

#footer .col-right .ux-menu .ux-menu-link:hover a {
	transform: translateX(10px);
	color: var(--theme-color2);
}

#footer .col-right .ux-menu .ux-menu-link a:before {
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	position: absolute;
	background-color: var(--black);
	border-radius: 50%;
	left: 0;
	top: 12px;
}

#footer .col-right:before {
	content: "";
	width: 66vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #f8faf9;
	opacity: 0.92;
	z-index: 2;
}

#footer .col-right .social-icons span {
	color: var(--black);
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	font-family: var(--semi);
	margin-bottom: 15px !important;
	display: block;
	width: 100%;
}

#footer .col-right .social-icons a {
	color: var(--black);
	margin: 0px 5px !important;
	font-weight: normal;
}

.email-label-wapper {
	max-width: 300px;
	margin: 20px 0;
}

.email-label-wapper .form-label {
	display: block;
	font-weight: normal;
	font-family: var(--bold);
	font-size: 14px;
	margin-bottom: 8px;
	color: var(--black);
}

.email-label-wapper input[type="email"] {
	display: block;
	width: 100%;
	height: 50px;
	font-weight: normal;
	line-height: 1.5;
	font-size: 14px;
	line-height: 140%;
	background-color: var(--white);
	color: var(--black) !important;
	padding: 13px 50px 13px 15px;
	border: 1px solid #d9dcf2;
	border-radius: 5px;
	box-shadow: none;
	font-family: var(--regular);
}

.email-label-wapper button {
	position: absolute;
	right: 10px;
	top: 58%;
	margin: 0px !important;
	background: var(--theme-color);
	color: var(--white);
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 12px;
	cursor: pointer;
}

.email-label-wapper button:hover {
	box-shadow: unset;
}

.email-label-wapper {
	position: relative;
}

.footer-wrapper .wpcf7 .wpcf7-not-valid-tip {
	left: 20px;
	bottom: -15px !important;
}

.footer-wrapper .wpcf7 input[type="email"] {
	font-size: 14px;
}

#footer .ab-footer:before {
	content: "";
	display: block;
	width: 65.5vw;
	border-top: 1px solid var(--black);
	position: relative;
	left: -221px;
	padding-top: 20px;
}

#footer .ab-footer {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	right: 0;
	width: 50vw;
	color: var(--black);
	padding-bottom: 0px;
}

#footer .ab-footer p {
	font-size: 15px;
	margin-bottom: 0px;
}

.absolute-footer {
	display: none;
}

/* home */
.txt-white,
.txt-white * {
	color: var(--white) !important
}

#main .home-sec-1 {
	padding: 0;
}

.product-small .col-inner {
	background-color: var(--white);
	border-radius: 5px;
}

.product-small .col-inner .box-image,
.product-small .col-inner .box-image img {
	background-color: var(--white);
	border-radius: 5px;
}

.product-small .col-inner .box-image img {
	object-fit: contain;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.product-small .col-inner .box-text {
	padding: 15px 15px 30px;
}

.product-small .box-text .woocommerce-loop-product__title {
	font-family: var(--bold) !important;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 2;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.product-small .box-text .woocommerce-loop-product__title:hover {
	color: var(--theme-color) !important;
}

.product-small .product-title {
	padding-bottom: 10px;
}

.product-small .image-fade_in_back {
	background-position: 50% 50%;
	background-size: cover;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-top: 70%;
}

.product-small span.amount {
	font-size: 16px;
	font-family: var(--medium);
}

.title-txt,
.title-txt * {
	font-size: 40px;
	color: #001c43;
	font-family: var(--bold);
}

.txt-theme-color {
	color: var(--theme-color);
}

.home-sec-1 .title-txt * {
	font-weight: normal;
	color: var(--black);
	font-size: 40px;
}

.home-sec-1 .flickity-button {
	color: var(--theme-color);
	opacity: 1;
}

.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button {
	opacity: 1 !important;
}

.home-sec-1 .flickity-button svg .arrow {
	fill: var(--theme-color);
}

.home-sec-2 .title-txt * {
	margin-bottom: 0;
}

#main .home-sec-2 {
	padding: 70px 0 40px
}

.home-sec-3 .box-image,
.home-sec-3 .box-image img {
	border-radius: 20px;
}

.home-sec-3 .tabbed-content .nav-vertical {
	width: 33.3333%;
	justify-content: flex-end;
}

.home-sec-3 .nav-vertical+.tab-panels {
	width: calc(100% - 33.3333%);
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 60px;
	border: 0;
}

.home-sec-3 .nav-vertical+.tab-panels .post-item {
	padding-bottom: 0;
}

.home-sec-3 .tabbed-content .nav-vertical li {
	margin-bottom: 20px;
	border: 0;
}

.home-sec-3 .tabbed-content .nav-vertical a {
	font-size: 18px;
	text-transform: uppercase;
	font-family: var(--bold);
	color: #3c3c3c;
	padding-left: 75px;
	position: relative;
	min-height: 61px;
	align-items: center;
	padding-top: 12px;
}

.home-sec-3 .tabbed-content .nav-vertical a:after {
	content: '';
	width: 61px;
	height: 61px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	border-radius: 100%;
	background-color: #F6F6F6;
	background-image: url(/wp-content/uploads/2025/05/24-hours-support.webp);
	background-size: 41%;
	background-position: center;
	background-repeat: no-repeat;
}

.home-sec-3 .tabbed-content .nav-vertical li:nth-child(2) a:after {
	background-image: url(/wp-content/uploads/2025/05/Group-1010.webp);
}

.home-sec-3 .tabbed-content .nav-vertical li:nth-child(3) a:after {
	background-image: url(/wp-content/uploads/2025/05/flaticon_2417110.webp);
}

.home-sec-3 .tabbed-content .nav-vertical li:nth-child(4) a:after {
	background-image: url(/wp-content/uploads/2025/05/Group-1008.webp);
}

.home-sec-3 .tabbed-content .nav-vertical li.active a {
	color: var(--theme-color);
	font-size: 20px;
}

.home-sec-3 .col1 {
	margin-bottom: -110px
}

.home-sec-3 .col2 .img {
	border-radius: 10px;
	overflow: hidden
}

#main .home-sec-3,
#main .home-sec-4,
#main .home-sec-5 {
	padding: 70px 0 40px;
}

.home-sec-5 .col-blog {
	padding-top: 30px;
}

.box-blog-post .box-text .cat-label {
	margin-bottom: 14px;
	margin-top: 0;
}

.box-blog-post .box-text .cat-label span {
	display: inline-block;
	z-index: 3;
	position: relative;
	color: #3dac22;
	background: #e9ffbb;
	border-radius: 2px;
	padding: 0px 15px;
	line-height: 20px;
	font-size: 12px;
}

.box-blog-post .box-text .post-title a {
	font-size: 18px;
	line-height: 24px;
	font-family: var(--semi);
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: 0;
	height: 48px;
}

.box-blog-post:hover .box-text .post-title a {
	color: var(--theme-color);
}

.box-blog-post .from_the_blog_excerpt {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	color: #787878;
	margin: 0;
	height: 68px;
}

.box-date-txt {
	margin: 15px 0 0;
	color: #808080;
	font-size: 13px;
	padding-top: 15px;
	border-top: 1px solid #e2dfd5
}

.box-date-txt i {
	margin-right: 5px;
}

.post-item .post-title {
	margin-bottom: 15px;
}

.post-item .box-text {
	padding: 20px;
}

.post-item .col-inner {
	border: 1px solid #e2dfd5;
	background-color: white;
}

/* end home */
/* gioi thieu */
.gt-sec-1 .col-right .col-inner {
	padding-left: 50px;
}

#main .gt-sec-1 {
	padding-top: 10px;
	padding-bottom: 50px;
}

#main .gt-sec-2 {
	padding-top: 70px;
}

.gt-sec-3 .col-right .icon-box,
.gt-sec-2 .col-left .icon-box {
	background-color: var(--white);
	padding: 20px;
	width: calc(100% - 65px);
	transition: all 150ms ease-out;
}

.gt-sec-3 .col-right .icon-box:nth-child(even),
.gt-sec-2 .col-left .icon-box:nth-child(odd) {
	margin-left: 65px;
}

.gt-sec-3 .col-right .icon-box:not(:first-child),
.gt-sec-2 .col-left .icon-box+.icon-box {
	margin-top: 30px;
}

.gt-sec-3 .col-right .icon-box:hover,
.gt-sec-2 .col-left .icon-box:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.banner-page .rank-math-breadcrumb a:hover {
	text-decoration: underline
}

#main .gt-sec-3 {
	padding-top: 70px;
}

.gt-sec-3 .stack {
	margin-bottom: 30px;
}

.gt-sec-3 .stack .divider {
	margin: 20px 0 !important;
	max-width: 15%;
	background-color: var(--theme-color);
}

.gt-sec-3 .col-right .icon-box {
	background-color: rgb(242, 242, 242);
}

/* end gioi thieu */
/* cua hang */
h1.shop-page-title {
	font-size: 32px;
	text-shadow: none;
	font-family: var(--regular);
	color: var(--black);
}

.title-overlay {
	background-color: rgba(255, 255, 255, .45);
}

h1.title-txt,
.blog-featured-title h1.entry-title {
	font-size: 36px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.shop-page-title .page-title-inner {
	padding-top: 30px;
}

.shop-page-title .woocommerce-breadcrumb {
	font-weight: normal;
	font-family: var(--semi);
	color: var(--black);
	text-transform: inherit;
}

.shop-page-title .woocommerce-breadcrumb .divider {
	font-weight: normal;
	font-family: var(--regular);
}

.shop-page-title .woocommerce-breadcrumb a {
	font-family: var(--regular);
}

.category-page-row {
	padding-bottom: 30px;
}

.category-page-row .hide-for-medium .sidebar-inner {
	position: sticky;
	top: 120px;
}

.category-page-row .hide-for-medium .sidebar-inner aside {
	background-color: #f8faf9;
	padding: 20px 15px;
	border-radius: 8px;
	margin-bottom: 30px;
}

#shop-sidebar.sidebar-inner aside .is-divider {
	display: none;
}

#shop-sidebar.sidebar-inner .widget-title {
	font-size: 18px;
	font-family: var(--semi);
	font-weight: normal;
	color: var(--theme-color);
	text-transform: initial;
	margin-bottom: 24px;
	display: block;
	text-decoration: underline;
}

#shop-sidebar.sidebar-inner ul li {
	border: none;
}

.category-page-row .sidebar-inner .widget .current-cat>a {
	font-family: var(--bold);
	font-weight: normal;
}

#shop-sidebar.sidebar-inner .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	align-items: flex-end;
}

#shop-sidebar.sidebar-inner .widget_price_filter span {
	font-weight: normal;
	font-family: var(--semi);
}

#shop-sidebar.sidebar-inner .price_slider_amount .button {
	width: fit-content;
	margin-top: 10px;
	background-color: var(--theme-color);
	font-family: var(--bold);
	font-weight: normal;
	color: var(--white);
	text-transform: none;
	border: 1px solid var(--white);
	font-size: 14px;
	border-radius: 5px;
	margin-right: 0px;
}


.chosen .ux-swatch-widget-layered-nav-list__graphic:before,
.woocommerce-widget-layered-nav-list__item:hover .ux-swatch-widget-layered-nav-list__graphic:before,
.widget li.chosen a:before {
	content: none;
}

.ux-swatch-widget-layered-nav-list__graphic {
	border: 2px solid #d5d5d5;
	border-radius: 99%;
	padding: 2px;
}

.wc-layered-nav-term:hover .ux-swatch-widget-layered-nav-list__graphic,
.chosen .ux-swatch-widget-layered-nav-list__graphic {
	border-color: var(--theme-color2);
}

.product-small.col .box-image {
	padding: 0;
}

.home .product-small.col .col-inner {
	background-color: var(--white);
	border-radius: 10px;
}

.shop-container .product-small.col .col-inner {
	background-color: #f8faf9;
	border-radius: 10px;
	padding: 10px;
}

/* end cua hang */
/* chi tiet san pham */
.single-product .product-main {
	padding: 30px 0 !important;
}

.single-product .product-images .product-gallery-slider img {
	height: 400px;
	object-fit: contain;
}

.single-product .product-thumbnails img {
	/* height: 90px; */
	object-fit: contain;
}

.single-product .product-images .image-tools {
	height: 50px !important;
	top: 0;
	right: 0;
	left: auto !important;
}

.single-product .product-images .image-tools .icon-expand {
	top: 0px !important;
}

.single-product .product-gallery .flickity-prev-next-button.previous {
	left: -3%;
}

.single-product .product-gallery .flickity-prev-next-button.next {
	right: -3%;
}

.single-product .product-info .woocommerce-breadcrumb {
	font-weight: normal;
	text-transform: inherit;
	margin-bottom: 10px;
}

.single-product .product-info .product-title {
	font-family: var(--medium);
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 10px;
}

.single-product .product-info .price-wrapper .amount bdi {
	color: var(--theme-color2);
}

.single-product .product-info .variations label {
	font-size: 16px;
	margin: 0px;
}

.single-product .product-info .ux-swatch--color {
	border-radius: 100%;
	overflow: hidden;
	width: 23px;
	height: 23px;
}

.single-product .product-info .ux-swatch--color span {
	border-radius: 100%;
}

input[type=button],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
select:focus,
textarea {
	text-shadow: none;
	box-shadow: none;
}

.single-product .product-info input[type=button].is-form {
	background-color: transparent;
}

.single-product .product-info input[type=number],
.single-product .product-info input[type=button] {
	border: none;
}

.single-product .product-info .ux-quantity {
	border: 1px solid #ececec;
	border-radius: 5px;
}

.single-product .product-info .single_add_to_cart_button {
	opacity: 1;
	text-transform: inherit;
	border-radius: 5px;
	border: 1.5px solid var(--theme-color2);
	font-weight: normal;
}

.single-product .product-info .single_add_to_cart_button:hover {
	box-shadow: unset;
	background-color: var(--white);
	color: var(--theme-color2);
}

.single-product .product-info .product_meta .posted_in a {
	color: var(--theme-color);
}

.social-icons i {
	top: 0px;
}

.single-product .product-footer .woocommerce-tabs {
	border: none;
}

.single-product .product-footer .woocommerce-tabs .tabs {
	border-bottom: 1px solid #ececec;
}

.single-product .product-footer .nav-line-grow>li {
	margin: 0 15px;
}

.single-product .product-footer .nav-line-grow>li>a {
	font-weight: normal;
	font-family: var(--semi);
	font-size: 18px;
	text-transform: inherit;
}

.single-product .product-footer .nav-line-grow>li>a:before {
	bottom: 0;
	top: auto;
}

.single-product .product-section {
	border: none;
	padding-bottom: 40px;
}

.single-product .product-section .row {
	border-top: 1px solid #ececec;
	padding-top: 30px;
}

.single-product .product-section-title {
	padding-bottom: 10px;
	margin: 0px;
	border-bottom: 2px solid var(--theme-color);
	width: fit-content;
}

.single-product .product-section .flickity-button {
	opacity: 1;
	background-color: var(--white);
	color: var(--theme-color) !important;
	border: 2px solid var(--theme-color);
	box-shadow: unset;
	top: 45%;
	width: 35px !important;
	min-height: 35px;
	height: 35px;
	box-shadow: unset;
	font-weight: normal;
	border-radius: 99px;
}

.single-product .product-section .flickity-button:hover {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: var(--white);
}

.single-product .slider .flickity-prev-next-button:hover .arrow,
.slider .flickity-prev-next-button:hover svg {
	fill: var(--white) !important;
}

.single-product .product-section .flickity-button svg {
	margin-top: 0;
	padding: 10px;
}

.single-product .product-section .flickity-button.next {
	right: -7px !important;
	transform: translateX(-25%);
}

.single-product .product-section .slider:hover .flickity-button.next {
	transform: translateX(-25%) !important;
}

.single-product .product-section .flickity-button.previous {
	right: -7px !important;
	transform: translateX(3%);
}

.single-product .product-section .slider:hover .flickity-button.previous {
	transform: translateX(3%) !important;
}

/* he thong cua hang */
#main .ht-sec-1 {
	padding: 0px;
}

.ht-sec-1 .row {
	background-color: #f8faf9;
	border-radius: 35px;
	padding: 70px 40px;
}

.ht-sec-1 .row .col {
	padding-bottom: 0px !important;
}

.ht-sec-1 .col-left .title-txt h2 {
	color: var(--theme-color);
}

.ht-sec-1 .col-right img {
	border-radius: 30px;
}

#main .ht-sec-2 {
	padding-top: 60px;
}

/* store */
#store-container .store-title {
	margin-bottom: 20px;
	text-align: center;
}

#store-container .box-info {
	display: flex;
	align-items: center;
	border: 0.5px solid var(--theme-color);
	border-radius: 10px;
	background: #fcfcfc;
	padding: 20px;
	margin-bottom: 20px;
	gap: 40px;
}

#store-container .box-info .box-image {
	width: 200px;
	flex-shrink: 0;
}

#store-container .box-info .box-text {
	padding: 0;
}

#store-container .box-info .box-image {
	border-radius: 50%;
}

#store-container .box-info ul {
	list-style: none;
	margin: 0;
}

#store-container .box-info ul li {
	margin-left: 0;
	display: flex;
	margin-bottom: 0;
	padding: 10px 0;
}

#store-container .box-info .title {
	width: 160px;
	margin-right: 10px;
	flex-shrink: 0;
	font-size: 15px;
	font-family: var(--medi);
}

.list-store .store-item {
	cursor: pointer;
}

#store-container .video-fit {
	border-radius: 10px;
	padding-top: 100%;
	background-color: #fafafa;
}

#store-container .display-post {
	max-height: 555px;
	overflow-y: auto;
	margin-top: 20px;
}

#store-container .store-item+.store-item {
	margin-top: 12px;
}

#store-container .list-store {
	padding-right: 10px
}

#store-container .store-item {
	background-color: var(--white);
	padding: 10px 10px;
	border-radius: 6px;
	color: #292929;
	border: 1px solid transparent;
	display: flex
}

#store-container .store-item .box-image {
	width: 25%;
	flex-shrink: 0;
	border-radius: 6px;
}

#store-container .store-item .box-image .image-cover {
	border-radius: 6px;
}

#store-container .store-item .box-text {
	padding: 0px 0 0 20px
}

#store-container .store-item .box-text .store-addr {
	margin: 0px 0px 5px;
}

#store-container .store-item .box-text .store-name {
	text-transform: uppercase;
	font-family: var(--medium);
	font-size: 15px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 6px;
}

#store-container .store-item .box-text .icon-map {
	background-image: url(/wp-content/uploads/2023/03/outline-place-24px.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	flex: auto 0 0;
}

#store-container .store-item.active .box-text .store-addr,
#store-container .store-item.active .box-text .store-phone,
#store-container .store-item:hover .box-text .store-addr,
#store-container .store-item:hover .box-text .store-phone {
	color: #292929;
}

#store-container .store-item.active .box-text h3,
#store-container .store-item:hover .box-text h3 {
	color: var(--theme-color);
}

#store-container .store-item .box-text .store-phone {
	margin-top: 8px;
}

#store-container .store-item:hover,
#store-container .store-item.active {
	background-color: #f8faf9;
}

#store-container .filter-store select {
	background-color: white;
	color: #292929;
	border: 0;
	height: 42px;
	border-bottom: 0.5px solid #ddd;
	border-radius: 5px;
	margin-bottom: 0;
	box-shadow: none;
}

#store-container .filter-store select option {
	color: #2d2d2d !important
}

#store-container .col-right .col-inner {
	background: transparent linear-gradient(125deg, #C1C1C110 0%, #C1C1C129 100%) 0% 0% no-repeat padding-box;
	backdrop-filter: blur(5px);
	border: 1px solid #ffffff33;
	padding: 30px 12px;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	height: 100%;
}

#store-container .list-store {
	padding-right: 10px;
	overflow-y: auto;
	max-height: 420px;
}

#store-container .filter-store {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.sec-chinhanh .title-home {
	margin-bottom: 40px
}

.sec-chinhanh .title-home h1,
.sec-chinhanh .title-home h2 {
	margin-bottom: 10px;
}

.sec-chinhanh .bg {
	height: 475px;
}

#main:has(.sec-chinhanh) {
	/* 	background: linear-gradient(0deg, #FFF0E8, #F5F5F5, #FFF0E8); */
	background-color: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
}

#main .sec-chinhanh {
	padding-bottom: 30px !important
}

#store-container .store-item .fa-circle {
	padding-top: 2px;
}

#store-container .store-item:hover .fa-circle,
#store-container .store-item.active .fa-circle {
	color: var(--theme-color);
}

#store-container .store-item:hover .fa-circle:before,
#store-container .store-item.active .fa-circle:before {
	content: '\f058' !important;
}

/* End store */
/* tin tuc */
.nav-pagination>li>a,
.nav-pagination>li>span {
	border-width: 1px;
	font-weight: 100;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
	text-transform: none !important;
	font-size: 16px;
	font-weight: 100 !important;
}

.blog-archive {
	padding-top: 0;
}

.banner-page {
	margin-bottom: 60px;
}

/* end tin tuc */
/* blog single */
.blog-share {
	padding-bottom: 30px;
	display: flex;
	justify-content: flex-end;
	border-top: 2px dotted rgba(0, 0, 0, 0.1);
	padding-top: 30px;
	margin-top: 50px;
}

.blog-share .social-icons {}

.blog-share .social-icons span {
	font-size: 16px;
	font-weight: normal;
	padding-right: 0;
	margin-bottom: 10px;
	color: #515151;
	font-family: var(--semi);
}

.blog-share a.icon {
	color: var(--theme-color2);
	font-size: 18px;
	margin: 5px 10px;
}

.single .featured-title .page-title-inner {
	min-height: unset !important;
	padding: 280px 15px 180px;
}

.single .featured-title .entry-title {
	font-size: 50px;
	font-family: var(--garamond);
	margin-bottom: 0;
}

.header-single {
	margin-bottom: 60px;
}

.single .blog-single .entry-content {
	padding: 0;
}

.blog-single h1.entry-title {
	font-size: 28px;
}

.box-postdate span {
	color: var(--white);
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 50px;
	z-index: 2;
	position: relative;
	background-color: var(--theme-color);
}

.box-postdate span:before {
	content: '\f017';
	font-family: var(--fa6);
	font-weight: bold;
	margin-right: 5px;
}

.box-postdate {
	position: relative;
}

.box-postdate:before {
	content: '';
	width: 100%;
	display: block;
	border-bottom: 1px solid #51515121;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.blog-featured-title+#main .post-sidebar {
	padding: 0 15px 0 0px;
}

.post {
	margin-bottom: 0;
}

.row-divided>.col+.col:not(.large-12) {
	border: 0;
}

.post {
	margin-bottom: 0;
}

.row-divided>.col+.col:not(.large-12) {
	border: 0;
}

.post-sidebar .featured-posts .title-post {
	font-size: 26px;
	margin-bottom: 19px;
	line-height: 1.5;
}

.post-sidebar .featured-posts .box-blog a {
	display: flex;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ddd;
}

.post-sidebar .featured-posts .box-blog .box-image {
	width: 35%;
	flex-shrink: 0;
}

.post-sidebar .featured-posts h3 {
	color: #070707;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size: 16px;
	font-family: var(--semi);
}

.post-sidebar .featured-posts .box:hover h3 {
	color: var(--theme-color);
}

.post-sidebar .featured-posts .box img {
	transition: all 0.3s ease;
}

.post-sidebar .featured-posts .box:hover img {
	transform: scale(1.1);
}

.post-sidebar .featured-posts .box-blog .image-cover {
	border-radius: 10px;
}

.post-sidebar .featured-posts .box-blog .box-text {
	padding: 10px 10px 10px 15px;
}

.post-sidebar .featured-posts .box-blog:last-of-type a {
	border: 0;
}

.blog-single {
	padding-top: 60px;
}

.blog-single .type-post img {
	width: 100%;
}

/* End blog-single */
/* lien he */
.lh-sec-1 .bg.section-bg {
	height: 500px;
}

.lh-sec-1 .icon-box {
	border: 1px solid #dddddd8c;
	padding: 15px;
	align-items: center;
}

.lh-sec-1 .icon-box img {
	padding: 0;
}

.lh-sec-1 .icon-box+.icon-box {
	margin-top: 20px !important;
}

#main .lh-sec-1 {
	padding-top: 300px;
}

.lh-sec-1 .section-bg {
	height: 38%
}

.lh-sec-1 .content {
	margin-bottom: 100px;
}

.lh-sec-1 .col-right .col-inner {
	padding-left: 50px;
}

.lh-sec-1 .col-right .f-lienhe {
	box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 45px 55px 45px 55px;
	background-color: var(--white);
}

.lh-sec-1 .col-right form {
	margin-bottom: 0;
}

.lh-sec-1 .col-right .f-lienhe label {
	font-size: 16px;
}

.lh-sec-1 .col-right .f-lienhe label span {
	color: red
}

.lh-sec-1 .col-right input,
.lh-sec-1 .col-right textarea {
	box-shadow: none;
}

.box-map iframe {
	width: 100%
}

.lh-sec-1 .col-right .btn-1 {
	margin-bottom: 0;
	text-transform: inherit;
	border-radius: 5px;
	font-size: 16px;
	font-weight: normal;
	font-family: var(--semi);
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
	color: var(--white);
}

.lh-sec-1 .col-right .btn-1:hover {
	background-color: var(--white);
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	box-shadow: unset;
}

.box-map {
	padding-bottom: 60px;
}

/* end lien he */
@media (max-width:980px) {

	/* header */
	#main-menu .searchform {
		margin: 30px 30px 10px;
	}

	#main-menu .nav li.current-menu-item a {
		color: var(--theme-color) !important;
	}

	/* footer */
	#footer .col-right {
		padding-top: 30px;
	}

	#footer .col-right:before {
		width: 100%;
	}

	#footer .col-right .col-inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);

	}

	#footer .col-right .ux-menu {
		margin: 0;
	}

	#footer .col-right .stack.items-stretch {
		grid-column: span 2;
		padding-top: 30px;
	}

	#footer .ab-footer {
		width: 100%;
	}

	#footer .ab-footer:before {
		width: 100%;
		left: 0;
	}

	#footer .ab-footer p {
		text-align: center;
	}

	/* home-sec-2 */
	.home-sec-2 .img.has-hover {
		padding-bottom: 30px;
	}

	.home-sec-3 .col1 {
		margin: 0px;
	}

	.home-sec-3 .tabbed-content .nav-vertical {
		width: 40%;
	}

	.home-sec-3 .nav-vertical+.tab-panels {
		width: calc(100% - 40%);
	}

	.home-sec-3 .tabbed-content .nav-vertical li.active a {
		font-size: 18px;
	}

	/* gioi thieu */
	.gt-sec-1 .col-right .title-txt * {
		font-size: 30px;
	}

	.gt-sec-1 .col-right .col-inner {
		padding: 0;
	}

	/* Cua hang */
	.category-filtering {
		display: block;
		width: 42px;
		height: 42px;
		background: var(--theme-color);
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px 0 0 6px;
		color: var(--white);
		font-size: 18px;
		position: fixed;
		right: 0;
		top: 20%;
		z-index: 2;
		border-left: 0;
		padding-top: 3px;
	}

	.category-filtering strong {
		display: none;
	}

	.category-filtering .inline-block {
		display: none;
	}

	.single-product .product-thumbnails img {
		height: 120px;
		width: 120px;
		object-fit: contain;
	}

	.single-product .product-thumbnails a {
		text-align: center;
	}

	.single-product .product-gallery .flickity-prev-next-button.next {
		right: 0;
	}

	.single-product .product-gallery .flickity-prev-next-button.previous {
		left: 0;
	}

	.single-product .product-info .next-prev-thumbs {
		display: none;
	}

	.single-product .product-info .variations_form {
		margin-bottom: 0px;
	}

	/* he thong cua hang */
	.store.row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	#store-container .display-post .list-store {
		max-height: 400px;
	}

	#store-container .video-fit {
		padding-top: 56.5%;
	}

	/* Tin tuc */
	.blog-single .list-post {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.blog-single .list-post .box-blog:nth-child(5) {
		display: none;
	}

	/* lien he */
	.lh-sec-1 .bg.section-bg {
		height: 400px;
	}

	.lh-sec-1 .col-right .col-inner {
		padding-left: 0;
	}

	.lh-sec-1 .content {
		margin-bottom: 140px;
	}

	#main .lh-sec-1 {
		padding-top: 115px;
	}
}

@media (max-width:500px) {

	.title-txt,
	.title-txt * {
		font-size: 30px;
	}

	h1.title-txt,
	.blog-featured-title h1.entry-title {
		font-size: 24px;
	}
	.email-label-wapper button{
		top: 47%;
	}
	.email-label-wapper {
		max-width: 100%;
	}

	/* trang chu */
	.home-sec-3 .tabbed-content .nav-vertical {
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-bottom: 20px;
	}

	.home-sec-3 .nav-vertical+.tab-panels {
		width: 100%;
		padding-left: 0;
	}

	.home-sec-3 .tabbed-content .nav-vertical li {
		margin: 0 30px 0;
	}

	.home-sec-5 .flickity-prev-next-button.previous {
		left: 0;
	}

	.home-sec-5 .flickity-prev-next-button.next {
		right: 0;
	}

	/* gioi thieu */
	.gt-sec-3 .stack {
		padding: 0 15px;
		text-align: center;
	}

	.gt-sec-3 .title-txt * {
		font-size: 26px;
	}

	/* cua hang */
	.single-product .product-thumbnails img {
		height: 90px;
	}

	.single-product .product-info .product-title {
		font-size: 26px;
	}

	.single-product .small-nav-collapse>li {
		width: max-content;
		margin-right: 15px !important;
	}

	.single-product .product-section .flickity-button {
		width: 35px !important;
	}

	.single-product .product-section .flickity-button.next {
		right: 5px !important;
	}

	.single-product .product-section .flickity-button.previous {
		left: 5px !important;
	}

	.single-product .product-section .row-slider .flickity-prev-next-button svg {
		padding: 8px !important;
	}

	/* he thong cua hang */
	.ht-sec-1 .row {
		padding: 60px 15px;
	}

	/* tin tuc */
	.blog-single .list-post {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}

	/* lien he */
	.lh-sec-1 .bg.section-bg {
		height: 300px;
	}

	.lh-sec-1 .content {
		margin-bottom: 120px;
	}

	.lh-sec-1 .col-right .f-lienhe {
		padding: 15px;
	}
}