/* Responsive */
@media (max-width: 1025px) {
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}
	.navigation{padding: 5px 0;top: 0;position: relative;background: var(--color-hover);}
	.header {
		padding: 10px 0px;
	}
	.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);
	}
	.danhmucct{display: none;}
	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
	.menu-mobile-btn {
		display: flex;
		width: 35px;
		height: 35px;
		position: relative;
		flex-wrap: wrap;
		cursor: pointer;
		left: 0px;
		order: 2;
	}
	.menu-mobile-btn span {
		display: inline-block;
		width: 100%;
		height: 1px;
		background: #000;
		margin: 4px 0px;
		left: 0;
	}
	.wrap-menu{width: auto;flex: 1;order: 1;align-items: center;}
	.menu ul {
		display: none !important;
	}
	.menu{background: none;padding: 0;justify-content: end;}
	a.logo-header {
		width: 80px;
	}
}
@media (max-width: 850px) {
	p.copyright{width: 100%;}
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
}
@media (max-width: 769px) {
	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.content-about {
		width: 100%;
	}

	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-bottom: 35px;}
	.list-cus{width:100%;}
	.item-news{padding: 5px;}
	.ds-news h3{font-size: 14px;}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.info-footer .flex-footer{
		display: block;
	}
	.info-footer .flex-footer .box-footer:nth-child(3){
		padding:10px;
	}
	.box-footer{width: 100% !important;margin-bottom: 20px;text-align: center;}
	a.logo-header {
		width: 70px;
	}
	.title-about p span:nth-child(1){
		font-size: 30px;
	}
	.title-about p span:nth-child(2){
		font-size: 40px;
	}
	.wrap-tc{
		padding-bottom: 50px;
	}
	.wrap-product-home{ 
		padding: 90px 60px;
	}
	.title-main span, .title-main h2, .title-main h1{font-size: 35px !important;}
	.title-main p{font-size: 16px;}
	.product .price-new{font-size: 25px;}
	.list-td{padding: 30px;}
	.card_s{ 
		width: 350px;
	}
	.card_s.right-1 {
		transform: translateX(265px) scale(0.8) translateZ(0) rotateY(-60deg);
	}
	.card_s.left-1 {
		transform: translateX(-265px) scale(0.8) translateZ(0) rotateY(60deg);
	}
	.carousel-track {
		height: 470px;
	}
	.wrap-cus:after{background-size: 150px;background-position: left bottom;}
	.item_cus h3{font-size: 25px;}
	.title_album2{
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		transform: unset;
		padding: 0;
		margin-top: 20px;
	}
	.title_album2 span:nth-child(2){font-size: 35px;text-shadow: 1px 1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, -1px -1px 0px #fff, 1px 2px 0px #680500;}
	.wrap-album .title-main{
		position: relative;
		top: auto;
		width: 100%;
	}
	.list_album{justify-content: space-between;}
	.itemA{
		width: calc(50% - 10px) !important;
		margin: 5px !important;
		height: 250px;
	}
	.list-blog1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.wrap-news {
		padding: 30px 0;
	}
	.video-main{width: 100%;height: 400px;padding: 10px 30px;} 
	.time{display: inline-block;}
	.ttfb{position: relative;width: 100%;right: auto;top: auto;display: block;}
	.ttfb span{display:inline-block;}
	.info-footer{padding: 50px 0;}
	.padding-top-bottom{padding: 30px 0;}
	.wrap-td{padding-top: 50px;padding-bottom: 30px;}
}
@media (max-width: 480px) {
	.product .price-new{font-size: 18px;}
	.wrap-product-home{
		padding: 60px 25px;
	}
	.title-main span, .title-main h2, .title-main h1 {
        font-size: 28px !important;
        text-shadow: 1px 1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, -1px -1px 0px #fff, 3px 2px 0px #680500;
    }
	.product .name-product a{font-size: 16px;}
	.swiper-button-next, .swiper-button-prev{width: 35px;}
	.item_tc h3{font-size: 14px;}
	.card_s {
        width: 250px;
    }
	.card_s.left-1 {
        transform: translateX(-195px) scale(0.9) translateZ(0) rotateY(60deg);
    }
	.card_s.right-1 {
        transform: translateX(195px) scale(0.9) translateZ(0) rotateY(-60deg);
    }
	.carousel-track {
        height: 365px;
    }
	.wr-form{
		padding: 20px;
	}
	.newsletter-input input{height: 40px;}
	.item_cus{
		display: block;
		padding: 0;
	}
	.item_cus .img{
		transform: unset;
		right: auto;
		left: auto !important;
		margin-bottom: 10px;
	}
	.wrap-album {
		padding-top: 70px;
		padding-bottom: 30px;
	}
	.itemA{height: 200px;}
	.list_album:after{
		pointer-events: none;
		width: 100px;
		background-size: 100%;
		background-position: bottom right;
	}
	.item_blog .info-news .img{width: 150px;}
	.item_blog .desc_n{font-size: 14px;-webkit-line-clamp: 2;margin-bottom: 5px;line-height: 20px;max-height: 40px;}
	.item_blog h3 a{font-size: 14px;line-height: 20px;max-height: 40px;}
	.item_blog h3{margin-bottom: 5px !important;}
	a.views_n{font-size: 14px;}
	.date{display: none;}
	.video-main { 
        height: 250px;
    }
	.title_album2 span:nth-child(1) {
        font-size: 20px;
    }
	.title_album2 span:nth-child(2) {
        font-size: 25px;
    }
	.btn_send{font-size: 15px;}
	.thucdontiec:after{width: 100px;background-size: 100%;background-position: bottom right;}
	.list-td {
        padding: 20px;
    }
	.nav-tabs li a{font-size: 15px;}
	.title-detail h1{font-size: 20px;}
	.contact-text{margin-bottom: 30px;}
	.item_tc .img{width: 120px;margin: 0 auto;}
	.title-about > span {
        font-size: 25px;
    }
	.title-about p span:nth-child(1) {
        font-size: 25px;
    }
	.title-about p span:nth-child(2) {
        font-size: 30px;
    }
	.ttfb span{font-size: 22px;}
	a.logo-ft { 
		max-width: 150px; 
	}
}
@media (max-width: 369px) {

}