body {
	background: #fff;
}

@media (max-width: 767px) {
	.mid-header:after {
		content: '';
		width: 100%;
		position: absolute;
		background: var(--header-background);
		height: 200px;
		z-index: -1;
		clip-path: ellipse(100% 55% at 48% 44%);
		margin-top: 0;
		transform-origin: center center;
	}
}
.home-banner-group {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
	border-radius:0 !important;
}
.home-banner-group.fullWidth{
	margin-top:0;
}
.home-banner-left {
	overflow: hidden;
	grid-column: var(--grid-colum);
}
.sub_banner {
	flex-direction: column;
	display: flex;
	grid-gap: 10px
}
.sub_banner--bottom {
	grid-column: 1 / span 3;
	flex-direction: row;
}
.sub_banner--bottom .banner {
	flex: 1 1 auto;
}
@media (max-width: 1024px) {
	.sub_banner {
		grid-gap: 8px;
	}
}
@media (max-width: 992px) {
	.sub_banner {
		grid-gap: 10px;
		padding-left: 10px;
	}
}
@media (max-width: 767px) {
	.sub_banner {
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
	}
}
.home-slider, .home-slider-tow {
	display: flex;
	align-items: center;
	max-width: 100%;
	overflow: hidden;
}
.rounded .section_slider .home-slider, .rounded .section_slider .home-slider-tow{
	border-radius:10px;
}
.home-slider .items, .home-slider-tow .items {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	overflow: hidden;
}
.home-slider .items img, .home-slider-tow .items img {
	width: 100%;
	object-fit: contain;
}
.home-slider .slick-arrow.slick-prev, .home-slider-tow .slick-arrow.slick-prev {
	left: -2px;
}
.home-slider .slick-arrow.slick-next, .home-slider-tow .slick-arrow.slick-next {
	right: -2px;
}
.section_product_tag .tabs-group {
	flex-wrap: wrap;
}
@media (max-width: 991px) {
	.section_product_tag .tabs-group {
		flex-wrap: auto;
	}
}
@media (min-width: 768px) {
	.section_blog_right {
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		border-left: 1px solid #f7f7f7;
		position: absolute;
		top: 0;
		padding: 0 10px;
	}
}
@media (max-width: 767px) {
	.flashsale .container {
		padding: 0;
	}
}
.section_product_top .tab-content.current .row, .flashsale .row {
	--limit-column: 5;
	--percent: 44.333%;
}
@media (max-width: 991px) {
	.flashsale .row {
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(var(--limit-column), 30%);
		overflow: auto;
		justify-content: start;
	}
	.section_product_top .tab-content.current .row::-webkit-scrollbar, .flashsale .row::-webkit-scrollbar, .section_product_tag .row.carousel::-webkit-scrollbar {
		display: none;
	}
	.section_product_top .tab-content.current .row, .flashsale .row {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
		padding: 1px;
	}
	.section_product_top .tab-content.current .row .col-12, .flashsale .row .col-12 {
		padding: 5px;
	}
}

@media (max-width: 835px) {
	.section_product_top .tab-content.current .row, .flashsale .row, .section_product_tag .row.carousel {
		display: grid;
		grid-template-rows: 1fr;
		overflow: auto;
		justify-content: start;
		grid-template-columns: repeat(var(--limit-column), var(--percent));
		grid-template-columns: 1fr 1fr;
    	overflow: hidden;
	}
	.section_product_top .tab-content.current .row.one-row, .flashsale .row.one-row, .section_product_tag .row.carousel {
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
	}
	.section_product_top .tab-content.current .row.one-row .product-col, .flashsale .row.one-row .flashsale__item {
		flex: 0 0 44.333%;
		max-width: 44.333%;
	}
	.btn-outline-secondary {
		border-color: var(--border-color);
		color: #2F80ED
	}
}
.section_flashsale .row {
	margin-left: -5px;
	margin-right: -5px;
}
.section_flashsale .flashsale__item {
	padding: 5px;
}
.slick-pro-banner {
	width: 100%;
}
.slick-pro-banner, .slick-new:not(.slick-slider) {
	display: flex;
	align-items: start;
	overflow-x: auto;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.slick-pro-banner::-webkit-scrollbar, .slick-new:not(.slick-slider)::-webkit-scrollbar {
	display: none;
}
.slick-pro-banner, .slick-new:not(.slick-slider) {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.slick-pro-banner .col-5, .slick-new:not(.slick-slider) .col-5 {
	padding: 5px;
}
.flashsale__news-list {
	display: flex;
}
.flashsale__news a {
	white-space: nowrap;
}
.section_banner_coll .row {
	overflow-x: auto;
	flex-wrap: nowrap;
}
.section_banner_coll .row::-webkit-scrollbar {
	display: none;
}
.section_banner_coll .row {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.banner_col {
	order: -1;
}
@media (min-width: 768px) {
	.banner_col.right {
		order: 1;
	}
}
@media (max-width: 991px) {
	.section_brand .item {
		flex: 0 0 170px;
		/*max-width: 170px;*/
		padding: 10px;
	}
	.section_brand .hrz-scroll {
		overflow-x: auto;
		flex-wrap: nowrap;
		justify-content: initial !important;
	}
}
@media (max-width: 768px) {
	.section_brand .item {
		flex: 0 0 140px;
		/*max-width: 140px;*/
		padding: 5px;
	}
}
.section_collections .item {
	padding: 10px 15px 0;
	margin: 0 auto;
	text-align: center;
}
.section_collections .item:hover img {
	filter: brightness(1.05);
}
.section_collections .item:hover a {
	color: var(--primary-color);
}
.section_collections .item > a {
	--deg: 100deg;
	--start-color: #fff;
	display: block;
	position: relative;
	/*border: 5px solid transparent;
	*/
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
.section_collections img {
	z-index: 1;
	position: relative;
	margin: auto;
}
.section_collections .item h3 a {
	text-align: center;
	margin: 12px 0px 0px;
	padding: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 14px;
	line-height: 1.2;
	color: var(--text-color)
}
.section_collections .item:hover img {
	animation: tada 2s infinite;
}
@keyframes tada {
	0% {
		transform: scaleX(1);
	}
	10%, 20% {
		transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	to {
		transform: scaleX(1);
	}
}
.section_collections .row {
	overflow: auto;
}
.section_collections .row::-webkit-scrollbar {
	display: none;
}
.section_collections .item {
	width: 10%;
	flex: 0 0 10%;
}
.section-hot__banner {
	margin-right: -1px;
}
@media (max-width: 991px) {
	.section_collections .item {
		flex: 0 0 140px;
		max-width: 140px;
	}
}
@media (max-width: 767px) {
	.section_collections .item {
		flex: 0 0 30%;
		max-width: 30%;
	}
}
.section_product_tag .menu {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.section_product_tag .menu__link {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 992px) {
	.tag-list {
		white-space: nowrap;
		overflow: auto;
	}
}
.tag-item {
	padding: 4px 8px;
	background: var(--tag-bg);
	color: var(--tag-color);
	margin-top: 10px;
	display: inline-block;
	border-radius: 9999px;
	font-size: 14px;
	font-weight: 400;
	transition: border 0.3s ease-out;
	border: 1px solid var(--tag-bg);
}
.tag-item + .tag-item {
	margin-right: 5px;
}
.tag-item:hover {
	border: 1px solid var(--tag-color);
	color: var(--tag-color);
}
.section_blog .blogwp.media .image-blog {
	width: 190px;
	flex: 0 0 190px;
	border-radius: 8px;
	overflow: hidden;
}
.blogwp h3, .blogwp h3 a.link {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
}
.section_blog .blogwp.media h3, .section_blog .blogwp.media h3 a.link {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
.section_blog .blogwp.media .button_custome_35.link {
	display: none;
}
.blogwp .card-body p {
	font-size: 14px;
	color: #727272;
}
.blogwp .media .media-body {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.blogwp .button_custome_35.link {
	display: block;
	margin-top: 10px;
}
.blogwp .content_blog a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blogwp .content_blog .art-summary {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.section_brand .item {
	transition: transform .3s ease;
	flex: 0 0 calc(100%/var(--item-display));
    padding: 0 15px;
}
.section_brand .item:hover {
	transform: scale(1.1);
}
@media (max-width: 991px) {
	.home-banner-group {
		display: block;
	}
}
@media (max-width: 767px) {
	.blog-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.two-blog-layout{
		row-gap: 20px;
	}
	.two-blog-layout .blog-list {
		grid-gap: 10px;
	}
	.blogwp {
		display: block;
	}
	.blogwp.media + * {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
	}
	.section_blog .blogwp.media .image-blog {
		width: 100%;
		flex: 0 0 100%;
		display: block;
		margin-bottom: 5px;
	}
	.section_collections .item h3 a{font-size:12px;}
}
@media (max-width: 320px) {
	.section_product_top .tab-content.current .row, .flashsale .row {
		--percent: 70%;
	}
}

.section-threed-cards .threed-card {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	perspective: 2500px;
}

.section-threed-cards .cover-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-threed-cards .threed-wrapper {
	transition: all 0.5s;
	width: 100%;
	z-index: -1;
}
.section-threed-cards .threed-hover-img {
	opacity: 0;
	transition: all 0.5s;
	position: absolute;
	z-index: -1;
}

@media (max-width: 991px) {
	.section-threed-cards .threed-card {
		max-width: 100%;
		margin: auto;
	}
}

@media(min-width: 1200px){
	.section-threed-cards .row {
		overflow: initial;
	}
	.section-threed-cards .threed-wrapper::before,
	.section-threed-cards .threed-wrapper::after {
		content: "";
		opacity: 0;
		width: 100%;
		height: 80px;
		transition: all 0.5s;
		position: absolute;
		left: 0;
	}

	.section-threed-cards .threed-wrapper::before {
		top: 0;
		height: 100%;
		background-image: linear-gradient(to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
	}

	.section-threed-cards .threed-wrapper::after {
		bottom: 0;
		opacity: 1;
		background-image: linear-gradient(to bottom, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
	}
	.section-threed-cards .threed-card:hover .threed-wrapper {
		transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
		box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
	}
	.section-threed-cards .threed-card:hover .threed-wrapper::before,
	.section-threed-cards .threed-wrapper::after {
		opacity: 1;
	}
	.section-threed-cards .threed-card:hover .threed-wrapper::after {
		height: 120px;
	}
	.section-threed-cards .threed-card:hover .threed-hover-img {
		opacity: 1;
		transform: translate3d(0, -30%, 0);
	}
}