.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-title-wrap{
	display: none;
}
.vi-wcaio-sidebar-cart-header-wrap{
	display: flex;
	justify-content: end;
}
.vi-wcaio-sidebar-cart-header-coupon-wrap,
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-coupon-code{
	width: 100%;
}
.woocommerce-notices-wrapper{
	display: none;
}
.content-post a{
	color: #000;
	font-style: italic;
}
.content-post img{
	width: 100%;
}
.content-post .container{
	max-width: 1024px;
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-meta{
	display: flex;
	flex-direction: column;
	
}
.vi-wcaio-sidebar-cart-icon-wrap-bottom_left{
	right: 20px;
    left: unset;
    bottom: 10%;
	width: 60px;
    height: 60px;
    border-radius: 100px;
}
.container{
	width: 100%;
	max-width: 1960px;
	padding: 0 60px;
	margin: 0 auto;
/* 	overflow: hidden; */
}
.container-fw{
	width: 100%;
/* 	overflow: hidden */
}
main{
	display: block;
}
.container.checkout{
	margin-top: 80px;
}
.container.checkout .woocommerce td.product-name dl.variation p{
	margin-top: 0;
}
.container.checkout form.checkout .woocommerce-checkout-review-order table tbody .product-total small{
	display: none;
}
.woocommerce table.shop_table td.product-name{
	font-weight: 600;
}
.container.checkout td.product-name dl.variation{
	display: none;
    flex-direction: column;
    gap: 10px;
}
/* SHOP */
main.archive-shop{
	margin-bottom: 30px
}
.container-fw:has(.container.head-shop){
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.box-title-headshop{
	gap: 15px;
	margin-bottom: 20px;
}
.box-title-headshop .total{
	color: #B3B3B3;
	font-weight: 400
}
.list-category.shop .product-category-list .product-category-item .flex{
	justify-content: center;
	height: 30px;
	
}
.list-category.shop .product-category-list .product-category-item .cat-name{
	font-weight: 500;
	font-size: 15px;
}
.list-category.shop .product-category-list .product-category-item{
	padding: 10px;
}
.list-category.shop .product-category-list .product-category-item{
	height: 350px
}
.main-shop{
	display: flex;
	align-items: start;
	gap: 20px;
}
.main-shop .filter-mb{
	display: none;
}
.main-shop .sidebar-shop{
	width: 25%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.main-shop .content-shop{
	width: 75%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;              
	align-items: stretch;
	grid-auto-rows: auto;
}
.main-shop .sidebar-shop .box-item-sidebar{
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #E6E6E6;
}
.main-shop .sidebar-shop .box-item-sidebar.hide .head-sidebar{
	border-bottom: 1px solid #ffffff00
} 
.main-shop .sidebar-shop .box-item-sidebar .head-sidebar .icon{
	cursor: pointer;
}
.main-shop .sidebar-shop svg{
	width: 20px;
}
.main-shop .sidebar-shop .box-item-sidebar .plus{
	display: none
}
.main-shop .sidebar-shop .box-item-sidebar .minus{
	display: block;
}
.main-shop .sidebar-shop .box-item-sidebar.hide .minus{
	display: none
}
.main-shop .sidebar-shop .box-item-sidebar.hide .minus{
	display: block;
}
.main-shop .sidebar-shop .head-sidebar {
	font-size: 17px;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}
.main-shop .sidebar-shop .box-item-sidebar .sort,
.main-shop .sidebar-shop .box-item-sidebar .size,
.main-shop .sidebar-shop .box-item-sidebar .filter-price,
.main-shop .sidebar-shop .box-item-sidebar .vatlieu-filter,
.main-shop .sidebar-shop .box-item-sidebar .banhxe-filter,
.main-shop .sidebar-shop .box-item-sidebar .brand-filter {
	padding: 20px 0;
}
.main-shop .sidebar-shop .box-item-sidebar form{
	display: flex;
	flex-direction: column;
	gap: 10px;
}



/* checkbox */
.main-shop .sidebar-shop .box-item-sidebar .size form{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10pxpx;
}
.main-shop .sidebar-shop .box-item-sidebar .size form input[type="checkbox"] {
    display: none;
}
.main-shop .sidebar-shop .box-item-sidebar .size form label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px ;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
	width: 100%;
    cursor: pointer;
    transition: 0.2s ease;
    background: #fff;
}
.main-shop .sidebar-shop .box-item-sidebar .size form label:hover {
    border-color: #000;
}
.main-shop .sidebar-shop .box-item-sidebar .size form label:has(input[type="checkbox"]:checked),
.main-shop .sidebar-shop .box-item-sidebar .size form input[type="checkbox"]:checked + * {
    border-color: #000;
}




/* checkbox */


.main-shop .sidebar-shop .box-item-sidebar form br{
	display: none;
}
.main-shop .sidebar-shop .box-item-sidebar form label{
	display: flex;
	align-items: center;
	gap: 10px;
	color: #4D4D4D;
	font-size: 15px;
	font-weight: 400;
}
.main-shop .sidebar-shop .box-item-sidebar form input[type="radio"],
.main-shop .sidebar-shop .box-item-sidebar form input[type="checkbox"]{
	width: 20px;
	height: 20px;
	accent-color: #1A1A1A;
}
.color-item {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all 0.2s ease;
	width: 33.33%
}

.filter-colors-grid{
	display: flex;
	flex-wrap: wrap;
    margin: 30px 0;
    row-gap: 25px;
}

.color-item:has(input:checked) .color-circle {
    border: 3px solid #000;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    position: relative;
}


.color-item:has(input:checked) .color-circle::after {
    content: "✔";
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#shop-pagination .pagination{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	margin-top: 25px;
}
#shop-pagination .pagination .next.page-numbers,
#shop-pagination .pagination .prev.page-numbers{
	display: none;
}
#shop-pagination .pagination .page-numbers{
	color: #B3B3B3;
    font-size: 22px;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 1;
	text-decoration: unset
}
#shop-pagination .pagination .page-numbers:hover{
	background: #666666;
	color: #fff;
}
#shop-pagination .pagination .page-numbers.current{
	background: #666666;
	color: #fff;
}
.main-shop .content-shop  img.attachment-woocommerce_thumbnail{
	width: 100%;
	object-fit: cover;
}
.variation-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.swatch-item {
    cursor: pointer;
	padding: 2px;
	border: 2px solid transparent;
	border-radius: 50%;
}
.swatch-item.selected{
	padding: 2px;
	border: 2px solid #333333;
	border-radius: 50%;
}
.swatch-circle {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: block;
    border: 1px solid #808080;
    transition: border 0.3s;
}

.product-image img {
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s; 
}
.product-item .product-image{
	position: relative;
	border-bottom: 1px solid #D2D2D2;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.product-item .product-image a{  
	width: 100%;
    height: 307px;
}
.product-item .product-image img{
	width: 100%;
	object-fit: contain;
	height: 100%;
}
.product-item .product-image .badge-new{
	position: absolute;
	top: 20px;
	left: 20px;
	width: fit-content;
	background: #404040;
	border-radius: 5px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
    padding: 3px 10px;
}
.product-item .product-image .variation-swatches{
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.product-item{
	border: 1px solid #D2D2D2;
	border-radius: 8px;
    overflow: hidden;
}
.product-item .product-content{
	padding: 15px;
}
.product-item .product-content .product-title,
.product-item .product-content .product-title a{ 
	color: #262626;
	font-size: 19px;
	font-weight: 600;
	white-space: nowrap;        
    overflow: hidden;           
    text-overflow: ellipsis;    
    display: block; 
	text-decoration: none;
}
.product-item .product-content .short-des-prd{
    margin: 10px 0 20px 0;
}
.product-item .product-content .short-des-prd > p {
    margin: 5px 0;
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* Giới hạn 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-item .box-foot-prd{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product-item .box-foot-prd .product-price{
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	width: 50%
}
.product-item .box-foot-prd .product-price *{
	background: #fff !important;
}
.product-item .box-foot-prd a{
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	align-items: center;
	text-decoration: none;
	color: #737373;
	font-size: 16px;
	font-weight: 400;
}



/*Blog */
.container.blog{
	padding-top: 80px;
}
.container.blog .title-blogpage{
	color: #000000;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.container.blog .list-tab-blog{
	margin: 50px 0 80px 0;
}
.container.blog .list-tab-blog .tab-blog{
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 120px;
	margin-bottom: 50px;
}
.container.blog .list-tab-blog .tab-blog .tab-item.active,
.container.blog .list-tab-blog .tab-blog .tab-item:hover{
	color: #333333;
}
.container.blog .list-tab-blog .tab-blog .tab-item{
	padding: 0;
	background: unset;
	cursor: pointer;
	border: unset;
	color: #999999;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: sans-serif !important;
}
.container.blog .list-tab-blog .list-post {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}
.container.blog .list-tab-blog .list-post .post-item{
	border-radius: 10px;
	border: 1px solid #E6E6E6;
	overflow: hidden;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	transition: all 0.2s ease-in-out; 
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.container.blog .list-tab-blog .list-post .post-item:hover{
	transform: scale(1.03);
	transition: all 0.2s ease-in-out; 
}
.container.blog .list-tab-blog .list-post .post-item img{
	height: 230px;
	object-fit: cover;
}
.container.blog .list-tab-blog .list-post .post-item .content-post-item{
	padding: 15px;
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.container.blog .list-tab-blog .list-post .post-item .content-post-item .date{
	color: #676767;
	font-size: 15px;
}
.container.blog .list-tab-blog .list-post .post-item .content-post-item .title{
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}
.container.blog .list-tab-blog .list-post .post-item .content-post-item .excerpt p{
	display: -webkit-box;
	-webkit-line-clamp: 2;     
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	color: #323232;
	font-size: 14px;
	text-overflow: ellipsis;
}




/* Home */
.banner-slider .slide-banner{
	height: 100vh;
	max-height: 950px;
	position: relative
}
.banner-slider .slide-banner .logo-banner img{
	height: 112px;
	object-fit: contain
}
.banner-slider .slide-banner .logo-banner{
	position: absolute;
	top: 215px;
	left: 145px
}
.banner-slider .slide-banner .title-banner{
	font-size: 36px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	position: absolute;
	top: 295px;
	left: 325px;
}
.banner-slider button.slick-arrow{
	z-index: 10;
	display: flex;
	width: 18px;
}
.banner-slider button.slick-arrow::before{
	display: none;
}
.banner-slider button.slick-prev{
	left: 30px;
}
.banner-slider button.slick-next{
	right: 30px;
}
.banner-slider .slick-dots{
	bottom: 20px;
}
.banner-slider .slick-dots li{
	padding: 0;
	height: 3px;
	width: 60px;
	background: #CFCFCFB2;
	margin: 0 15px;
}
.banner-slider .slick-dots li.slick-active{
	background: #FFFFFF;
}
.banner-slider .slick-dots button::before{
	display: none;
}
.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}
.flex{
	display: flex;
}
.align-center{
	align-items: center; 
}
.space-between{
	justify-content: space-between
}
.product-category-list .product-category-item{
	height: 500px;
	border-radius: 10px;
	padding: 20px;
    display: flex !important;
    align-items: end;
	position: relative;
	text-decoration: unset !important;
}
.product-category-list .product-category-item svg{
    margin-right: 0px; 
	transition: all 0.3s ease-in-out
}
.product-category-list .product-category-item:hover svg{
    margin-right: -10px; 
	transition: all 0.3s ease-in-out
}
.product-category-list .product-category-item .bg-layout{
	position: absolute;
	width: 100%;
	bottom: -1px;
	opacity: 0.75;
	left: 0;
	border-radius: 0 0 10px 10px;
	height: 50px;
}
.product-category-list .product-category-item a{
	display: flex !important;
    align-items: end;
    width: 100%;
}
.product-category-list .product-category-item .flex{
	width: 100%;
	z-index: 2;
}
.product-category-list .product-category-item .cat-name{
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	text-decoration: unset;
	text-transform: uppercase;
}
.product-category-list .slick-slide {
  margin: 0 10px;
}

.product-category-list .slick-list {
  margin: 0 -10px; 
}
.box-container:has(.box-category-home){
	background: #000;
}
.box-category-home .title-normal{
	color: #fff;
	margin-bottom: 20px;
}
.box-category-home{
	padding: 60px 0 80px;
}
.title-normal{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 500;
}
.banner2,
.banner3{
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px;
	position: relative
}
.banner2 .overlay,
.banner3 .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.banner2 .title-big,
.banner3 .title-big{
	color: #fff;
	z-index: 3;
}
.title-big{
	font-size: 44px;
	font-weight: 700;
	text-transform: uppercase;
}
.banner2 .sub-title,
.banner3 .sub-title{
	font-style: italic;
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 20px;
	width: 40%;
	z-index: 3;
}
.banner2 .content{
	font-size: 19px;
	color: #E0E0E0;
	font-weight: 300;
	width: 40%;
	z-index: 3;
}
.banner3 .btn-banner3{
	width: fit-content;
	color: #FFFFFF;
	font-size: 19px;
	text-decoration: unset;
	font-weight: 500;
	gap: 20px;
	background: #46464666;
	border-radius: 5px;
	 backdrop-filter: blur(4px);     
    -webkit-backdrop-filter: blur(4px);
	padding: 10px 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	margin-top: 35px;
}
.banner2 .btn-banner2{
	width: fit-content;
	color: #FFFFFF;
	font-size: 19px;
	text-decoration: unset;
	font-weight: 500;
	gap: 20px;
	background: #ffffff3d;
	border-radius: 5px;
/* 	 backdrop-filter: blur(4px);     
    -webkit-backdrop-filter: blur(4px); */
	padding: 10px 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	margin-top: 35px;
    margin-left: 27%;
	z-index: 3;
}
.banner2 .btn-banner2:hover svg,
.banner3 .btn-banner3:hover svg{
	margin-right: -10px;
	margin-left: 10px;
	transition: 0.2s ease-in-out;
}
.banner2 .btn-banner2 svg,
.banner3 .btn-banner3 svg{
	margin-right: 0px;
	margin-left: 0;
	transition: 0.2s ease-in-out;
}
.box-gioi-thieu{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
	margin: 40px 0;
}
.box-gioi-thieu .item-gioi-thieu{
	width:  calc(50% - 10px);
	height: 320px;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px;
	position: relative;
}
.box-gioi-thieu .item-gioi-thieu .overlay-top{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	height: 100%;
	border-radius: 7px;
}
.box-gioi-thieu .item-gioi-thieu .overlay-bottom{
	position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
	border-radius: 7px;
}
.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu{
	width: fit-content;
	gap: 20px;
	color: #FFFFFF;
	text-decoration: unset;
	border-radius: 5px;
    padding: 8px 12px;
	background: #D50505;
	border: 1px solid #D50505;
}
.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu:hover{
	color: #D50505;
	background: #fff;
}
.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu:hover svg{
	display: none
}
.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu:hover .svg-hover{
	display: block
}
.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu .svg-hover{
	display: none;
}
.box-gioi-thieu .item-gioi-thieu .title-normal{
	color: #fff;
}
.box-gioi-thieu .item-gioi-thieu .subtitle{
	color: #E0E0E0;
	font-size: 20px;
	font-weight: 300;
}
.box-gioi-thieu .item-gioi-thieu .row-top{
	z-index: 5;
}
.box-gioi-thieu .item-gioi-thieu .row-bottom{
	display: flex;
    justify-content: end;
	z-index: 5
}
.list-news{
	gap: 30px;
	padding: 50px 0;
	flex-wrap: wrap;
	justify-content: space-between
}
.list-news .news-item{
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	text-decoration: unset;
	transform: scale(1);
	transition: all 0.2s ease-in-out;
	width: 31%;
}
.list-news .news-item:hover{
	transform: scale(1.05);
	transition: all 0.2s ease-in-out;
}
.list-news .news-item img{
	border-radius: 10px 10px 0 0;
	height: 245px;
	object-fit: cover
}
.list-news .news-item .box-content-news{
	padding: 20px;
}
.list-news .news-item .box-content-news .date-news{
	color: #676767;
	font-size: 15px;
	font-weight: 400;
}
.list-news .title-news{
	color: #000000;
	font-size: 22px;
	font-weight: 700;
	margin: 15px 0;
}
.list-news .news-item .excerpt-news{
	 color: #323232;
  font-weight: 400;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-news .news-item .excerpt-news p{
	margin: 0;
}
.label-news{
/* 	text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25); */
	color: #000;
	margin: 30px 0 0;
}
.label-news .see-more-news{
	color: #4D4D4D;
	font-size: 19px;
	font-weight: 400;
    text-transform: capitalize;
	gap: 10px
}
.label-news .see-more-news svg{
	margin-right: 0;
	margin-left: 0;
	transition: all 0.3s ease-in-out;
}
.label-news .see-more-news:hover svg{
	margin-right: -10px;
    margin-left: 10px;
	transition: all 0.3s ease-in-out;
}
.container-fw.dai_ly{
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 20px;
	padding: 20px 60px;
	gap: 30px;
	position: relative;
}
.container-fw.dai_ly .overlay-left{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.container-fw.dai_ly .title{
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	z-index: 3;
}
.container-fw.dai_ly a{
	width: fit-content;
	color: #FFFFFF;
	font-size: 19px;
	font-weight: 500;
	text-decoration: unset;
	gap: 20px;
	background: #7E7E7EB2;
	border: 1px solid #7E7E7EB2;
	backdrop-filter: blur(4px);      
    -webkit-backdrop-filter: blur(4px);
	border-radius: 5px;
	padding: 10px 15px;
	z-index: 3;
}
.container-fw.dai_ly a:hover{
	background: #fff;
	color: #7E7E7EB2;
}
.container-fw.dai_ly a:hover svg *{
	stroke:  #7E7E7EB2
}
.box-dai_ly{
	display: flex;
	flex-direction: column;
    background: linear-gradient(0deg, rgba(85, 85, 85, 1) 90%, rgba(102, 102, 102, 0) 100%); 
	padding-top: 30px;
}
@media(max-width: 1580px){
	.container{
		padding: 0 25px;
	}
	.banner2, .banner3{
		padding: 25px;
	}
	.container-fw.dai_ly{
		padding: 20px 25px;
	}
	.product-category-list .product-category-item{
		height: 400px
	}
}
@media(max-width: 1280px){
	.product-category-list .product-category-item .cat-name{
		font-size: 16px;
	}
	.product-category-list .product-category-item{
		height: 350px
	}
	.list-news .title-news{
		font-size: 16px;
	}
	.list-news .news-item .excerpt-news{
		font-size: 13px;
	}
	.product-item .box-foot-prd a{
		display: none;
	}
}
@media(max-width: 1024px){
	.content-post{
		margin-top: 0 !important;
	}
	.banner-slider .slide-banner .logo-banner{
		top: unset;
		bottom: 150px;
		left: 20%;
	}
	.banner-slider .slide-banner .title-banner{
		top: unset;
    	bottom: 80px;
    	left: 36%;
	}
	.banner2 .sub-title,
	.banner2 .content,
	.banner3 .sub-title{
		width: 100%;
	}
	.banner2, .banner3{
		padding: 20px;
	}
	.banner2 .btn-banner2{
		margin-left: calc(100% - 225px);
	}
	.box-gioi-thieu .item-gioi-thieu{
		padding: 20px;
		height: 250px;
	}
	.box-gioi-thieu .item-gioi-thieu .btn-link-gioi-thieu{
		padding: 5px 10px;
	}
	.box-gioi-thieu .item-gioi-thieu .subtitle{
		font-size: 17px;
	}
	.title-normal{
		font-size: 20px;
	}
	.title-big{
		font-size: 36px;
	}
	.list-news{
		gap: 20px;
	}
}
@media(max-width: 880px){
	.container.blog .title-blogpage{
		font-size: 30px;
	}
	.container.blog .list-tab-blog .list-post{
	    grid-template-columns: repeat(2, 1fr);
	}
	.container.blog .list-tab-blog .tab-blog{
		gap: 0;
		justify-content: space-between;
	}
}
@media(max-width: 767px){
	.banner2,
	.banner3{ 
		justify-content: flex-end
	}
	.main-shop .sidebar-shop .box-item-sidebar{
		border-radius: unset;
	}
	.container.blog .list-tab-blog .list-post{
	    grid-template-columns: repeat(1, 1fr);
	}
	.container.blog .list-tab-blog .list-post .post-item .content-post-item .title{
		font-size: 21px;
	}
	.container.blog{
		padding-left: 15px;
		padding-right: 15px;
	}
	.container.blog .title-blogpage{
		font-size: 22px;
	}
	.container.blog .list-tab-blog .tab-blog .tab-item{
		font-size: 13px;
	}
	.main-shop .filter-mb,
	.main-shop .filter-mb .sidebar-shop{
		display: block;
		width: 100%;
	}
	.main-shop .filter-mb .head-filter-mb{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #4D4D4D;
		font-size: 23px;
		position: relative;
        padding: 13px 0;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
		position: sticky;
    	top: 56px;
    	background: #fff;
	}
	main.archive-shop .container,
	.main-shop .sidebar-shop .box-item-sidebar{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	main.archive-shop .content-shop,
	main.archive-shop .container.head-shop,
	.main-shop .sidebar-shop .head-sidebar
	{
		padding: 0 20px;
	}
	.main-shop .sidebar-shop .head-sidebar{
		padding-bottom: 20px;
	}
	.main-shop .sidebar-shop .box-item-sidebar .sort, 
	.main-shop .sidebar-shop .box-item-sidebar .size, 
	.main-shop .sidebar-shop .box-item-sidebar .filter-price, 
	.main-shop .sidebar-shop .box-item-sidebar .vatlieu-filter, 
	.main-shop .sidebar-shop .box-item-sidebar .banhxe-filter, 
	.main-shop .sidebar-shop .box-item-sidebar .brand-filter{
		padding: 20px;	
	}
	.filter-mb.active .head-filter-mb .arrow{ 
		display: none !important;
	}
	.filter-mb.active .head-filter-mb .close{ 
		display: flex !important;
	}
	.main-shop .filter-mb .head-filter-mb .arrow{
		position: absolute;
		right: 30px;
		display: flex;
	}
	.main-shop .filter-mb .head-filter-mb .close{
		position: absolute;
		right: 30px;
		display: none;;
	}
	.main-shop .sidebar-shop .box-item-sidebar form{
		flex-direction: row;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: space-between
	}
	.main-shop .sidebar-shop .box-item-sidebar #product-price-filter label,
	.main-shop .sidebar-shop .box-item-sidebar #product-size-filter label,
	.main-shop .sidebar-shop .box-item-sidebar #product-material-filter label,
	.main-shop .sidebar-shop .box-item-sidebar #product-wheel-size-filter label,
	.main-shop .sidebar-shop .box-item-sidebar #product-brand-filter label{ 
		width: 100%;
	}
	.main-shop .sidebar-shop .box-item-sidebar #product-price-filter,
	.main-shop .sidebar-shop .box-item-sidebar #product-size-filter,
	.main-shop .sidebar-shop .box-item-sidebar #product-material-filter,
	.main-shop .sidebar-shop .box-item-sidebar #product-wheel-size-filter,
	.main-shop .sidebar-shop .box-item-sidebar #product-brand-filter{
		flex-direction: column;
		gap: 15px;
	}
	.box-title-headshop{
		margin-top: 25px;
		gap: 5px;
        align-items: flex-end;
	}
	.box-title-headshop .total{
		font-size: 14px;
	}
	.main-shop .sidebar-shop .box-item-sidebar form label{
		width: 48%;
	}
	.main-shop .sidebar-shop{
		display: none;
	}
	.box-gioi-thieu,
	.list-news{
		flex-direction: column;
	}
	.list-news .news-item img{
		height: 190px;
	}
	.container-fw.dai_ly{
		padding: 20px;
	}
	.container-fw.dai_ly .title{
		font-size: 24px;
	}
	.list-news .news-item .box-content-news{
	    padding: 5px 20px 20px 20px;
	}
	.list-news .news-item .box-content-news .date-news{
		font-size: 13px;
	}
	.list-news .title-news{
		font-size: 21px;
		margin: 8px 0;
	}
	.label-news .see-more-news{
		display: none;
	}
	.box-gioi-thieu .item-gioi-thieu{
		width: 100%;
		height: 230px;
	}
	.banner-slider .slide-banner .logo-banner img{
		height: 65px;
	}
	.banner3 .btn-banner3{
		font-size: 16px;
	}
	.banner3 .sub-title{
		font-size: 23px;
	}
	.banner2 .sub-title{
		font-size: 22px;
	}
	.banner2 .content{
		font-size: 17px;
	}
	.product-category-list .product-category-item{
		margin-left: -7px;
		margin-right: 20px; 
		overflow: visible;
	}
	.product-category-list .slick-list{
		margin: 0 -15px;
	}
	.banner-slider .slide-banner .title-banner{
		font-size: 22px;
		bottom: 120px;
	}
	.list-category.shop .product-category-list .product-category-item{
		height: 280px;
	}
	.main-shop{
		flex-direction: column;
	}
	.main-shop .sidebar-shop,
	.list-news .news-item{
		width: 100%;
	}
	.main-shop .content-shop{
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
	}
}