/* Responsive */
@media (max-width: 1300px) {
	.menu ul li a{padding: 18px 10px;}
}
@media (max-width: 1300px) {
	.menu ul li a{font-size: 14px;padding: 18px 4px;}
	
}
@media (max-width: 1080px) {
	#menu,#hamburger {
		display: block;
	}
	.box-hamberger{display: flex;align-items: center;}
	.search{border: 1px solid var(--color-main);margin-right: 15px;border-radius: 30px;overflow: hidden;}
	.header .wrap-content{display: flex;justify-content: space-between;align-items: center;}
	.menu-head,.header .address-head,.header .social-head,.head-top {
		display: none;
	}
	.logo-header, .logo-header img, .banner-header, .banner-header img{max-height: 60px;}
	#hamburger:before, #hamburger:after, #hamburger span{background: var(--color-main);}
	.wrap-menu {
		display: none;
	}
	.header.fix_menu{position: fixed !important; }
	.box-hamberger{display: flex;}
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.header {
		padding: 5.02px 0px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	.product-tool { opacity: 1; visibility: visible; position: initial; }
	.product-tool a span { display: none; }

	.header.fix_menu {box-shadow: 0 0 7px -2px #000;}
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
}
@media (max-width: 1024px) {
	.row-product .col-product {
		width: calc(100% / 3);
		padding: 0 10px;
		margin-bottom: 25px;
	}
	.introduce-nav{margin-top: 9px;width: 100%;}
	.welcome{display: none;}
	.introduce-nav .introduce-items a img{width: 100%;}
	.wrap-lvhd,.wrap-criteria{padding: 30px 0;}
	.info-news{padding: 20px 15px;}
	.item-video2 .box-img:after{
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    top: calc(50% - 40px / 2);
    left: -20px;
}
.row-news .col-bds {
    width: calc(100% / 3);
    padding: 0 15px;
    margin-bottom: 15px;
}
.wrap-album{padding: 40px 0;}
.footer-main{padding: 40px 0 30px;}
.btn-zalo,.hotline-fix,.btn-messenger{display: none;}
.cart-box{right: 15px; bottom: 450px;}
.app{left: unset;  right: 15px;}
}
@media (max-width: 850px) {

}
@media (max-width: 769px) {
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.introduce-for .introduce-content .name-ti{font-size: 30px;}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.desc.text-split {
		-webkit-line-clamp: 5;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.title-main span{font-size: 26px;}
	.info-lvhd .name-lvhd{font-size: 16px;}
	.item-tab-product,.title-list-main span{font-size: 16px;}
	.footer-main{flex-wrap: wrap;}
	.footer-main .footer-col:nth-child(1){width: 100%;margin-bottom: 20px;}
	.footer-main .footer-col:nth-child(2){
    width: 60%;
}
	.footer-main .footer-col:nth-child(3){
    width: 38%;
}
.contact-detail{flex-direction: column-reverse;}
.left-contact-detail { width: unset;}
.right-contact-detail { width: unset; margin-bottom: 30px;}
.row-contact { justify-content: center;}
.contact-item { width: 100% ; margin: 5px;  }
.contact-item span{word-break: break-all;}

}
@media (max-width: 680px) {
	.banner-header{display: none;}

}
@media (max-width: 599px) {
	.banner-header{display: none;}
	.wrap-introduce .box-content .introduce-for.content,.wrap-introduce .box-content .introduce-for.img{width: 100%;padding: 0;margin-bottom: 15px;}
	.wrap-introduce .box-content{flex-wrap: wrap;}
	.row-product .col-product {
        width: calc(100% / 2);
        padding: 0 10px;
        margin-bottom: 25px;
    }
	.row-video .col-video {
		width: calc(100% / 2);
		padding: 0 10.8px;
		margin-bottom: 15px;
	}
	.row-news .col-news {
		width: calc(100% / 2);
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.row-news .col-bds {
		width: calc(100% / 2);
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.row-album .col-album{
		width: calc(100% / 2);
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.box-news .news-name{font-size: 16px;}
	.wrap-newstalk .wrap-content{flex-wrap: wrap;}
	.wrap-newstalk .title-main,.wrap-newstalk .box-newstalk{width: 100%;text-align: center;margin-bottom: 10px;}
	.footer-main .footer-col:nth-child(2),.footer-main .footer-col:nth-child(3){width: 100%;margin-bottom: 10px;}
}
@media (max-width: 500px) {
	.item-video2 .box-img:after {
        width: 60px;
        height: 60px;
        background-size: 100% 100%;
        top: calc(50% - 60px / 2);
        left: -20px;
    }
	.policy__list > li {
		width: 100%;
		padding-right: 0px !important;
		border-bottom: 1px solid #f1f1f1 !important;
	}
	.button .btn-read{padding: 13px 15px;}
	
}
@media (max-width: 400px) {
	.title-main span {
        font-size: 23px;
    }

	
	.row-video .col-video {
		width: 100%;
		padding: 0 10.8px;
		margin-bottom: 15px;
	}
	.row-news .col-news {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.row-news .col-bds {
		width: 100%;
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.box-product .name-product a{font-size: 13px;}
	.item-tab-product, .title-list-main span {
        font-size: 14px;
    }
	.button .btn-read {
        padding: 10px 15px;
    }
	.search{
		width: 180px
	}
	.row-album .col-album{
		width: 100%;
		padding: 0 0px;
		margin-bottom: 10px !important;
	}
}
@media (max-width: 320px) {
	.row-product .col-product {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 25px;
    }
	
}