@media (max-width:1366px){
	.center{
		padding: 0 15px;
	}
	#container{
		padding: 30px 15px;
	}
}
@media (min-width:1200px){
}
@media (max-width:1199px){
	#search{right:15px;}
	#container{padding:20px 0px;}
	.box-dt{max-width:95%;}
	.box-tintuc{max-width:100%;}
}
@media (min-width:992px) and (max-width:1199px){

	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:35%;margin:0px;}
	.footer-2{width:calc(35% - 20px);margin:0 0 0 20px;}
	.footer-3{width:calc(30% - 20px);margin:0 0 0 20px;}
}
@media (max-width:991px){
	#header,.banner-ab,#menu,.right{display:none;}
	#banner .center{display:flex;align-items:center;justify-content:center;}
	.logo{position:static;padding:0;}
	.banner{padding:0;}
	#menu-mobile{display:none!important;height:0;overflow:hidden;background:transparent;}
	#smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
	.left{width:100%;}
	.flex-banner{
		justify-content: center;
	}
	.search{
		max-width: 100%;
		margin: 10px 0 0;
		display: none;
	}

	.banner-right{
		max-width: 100%;
		flex-flow: wrap;
	}
	.wrap-tieuchi{
		width: calc(100% / 2);
	}
	.title-main h1, .title-main h2{
		font-size: 22px;
	}
	#banner-menu.fixing{
	}
	.sudes-header-search{
		display: block;
	}
}
@media (min-width:768px) and (max-width:991px){
	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:100%;float:none;margin:0 0 15px;}
	.footer-2{width:350px;float:left;}
	.footer-3{width:350px;float:right;}
}
@media (max-width:767px){
	.btn-phone,#messages-facebook{display:none;}
	.fix-toolbar{display:block;}
	.content iframe{width:100%!important;height:45vh;}
	.content img{height:inherit!important}
	.logo{position:static;margin-right:10px;height:auto;}
	#footer{padding-bottom:0;}
	.footer-top{padding-bottom:0;}
	.footer-1,.footer-2,.footer-3,.footer-4{width:100%;float:none;margin:0 0 20px 0;}
	.copyright,.statistic{width:100%;}
	.statistic span{margin:0 5px;}
	.ft-b .center > div{width:100%;}
	.top-contact .article-contact{width:100%;margin-bottom:20px;}
	.form-contact{width:100%; padding: 20px 15px;}
	#top .center > div{width:100%;}
	#top #breadcrumb{margin-bottom:0}
	.box-news{width:100%;float:none;margin:0 0 20px;}
	.pic-news{width:35%;}
	.bottom-left{width:100%;margin-bottom:20px;}
	.bottom-right:not(.onApp){width:100%;}
	.tintuc-l{width:100%;margin-bottom:20px;}
	.tintuc-r{width:100%;}
	.left-pro-detail{float:none;width:100%;margin:0 0 20px;}
	.right-pro-detail{float:none;width:100%;}
	.grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,22vh);}
	.box-thuvienanh .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
	.item-address-contact{width: 100%;}
	.title-main h1, .title-main h2{
		font-size: 20px;
	}
	.wrap-sanpham{
		width: calc(100% / 3);
	}
	.grid-pro-detail{
		flex-flow: wrap;
	}
	.grid-pro-detail .left-pro-detail{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#popup-product .modal-dialog{
		min-width: 100%;
	}
	.filter-containers .sort-cate{
		position: relative;
	}
	.cot1-user-information{
		width: 100%;
	}
	.cot2-user-information{
		width: 100%;
		margin-top: 20px;
	}
	.flex-input-group > label{
		width: 130px;
	}
	.flex-input-group .input-group{
		width: calc(100% - 145px);
	}
	.main-tieuchi{
		display: none;
	}
}
@media (min-width:481px) and (max-width:767px){
	.box-sp{width:49%;margin:0px 2% 15px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 15px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 15px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 15px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width: 600px){
	.img-quangcao{
		width: calc(100% / 2);
	}
	.flex-sanpham{
		margin: -5px 0;
	}
	.wrap-sanpham{
		width: calc(100% / 2);
		flex: 0 0 calc(100% / 2);
		max-width: calc(100% / 2);
		padding: 5px;
	}
	.banner-right{
		justify-content: space-between;
		order: -1;
		margin: 0;
		width: auto;
	}
	.banner-right > div{
		width: auto;
		margin-left: 0!important;
	}
	.text-danhmucsp h3 a{
		min-height: 44px;
	}
	.img-gt-detail{
		width: 100%;
	}
	.text-gt-detail{
		width: 100%;
		margin-top: 20px;
	}
	.box-baivietlienquan h2{
		font-size: 24px;
		line-height: 1.3;
	}
	.box-baivietlienquan{
		padding: 30px 15px 35px;
	}
	.box-baivietlienquan h2:before{
		left: -16px;
	}
	.box-tieuchi{
		flex-flow: wrap;
		justify-content: center;
	}
	.text-tieuchi{
		width: 100%;
		text-align: center;
		max-width: 100%;
		margin: 5px 0 0 0;
	}
	.cat-sanpham ul::-webkit-scrollbar { background: #fff; width: 10px; height: 7px; }
	.cat-sanpham ul::-webkit-scrollbar-thumb { background: #ccc; }
	.menu-list .cate-item{
		width: calc(100% / 3);
	}
	.filter-containers .sort-cate .sort-cate-right{
		flex-flow: wrap;
		justify-content: flex-start;
		flex: none;
	}
	.filter-containers .sort-cate .sort-cate-right h3{
		display: flex;
		align-items: center;
		padding: 0px 15px;
		height: 34px;
		font-size: 14px;
		border-radius: 8px;
		border: #ccc solid 1px;
		color: #333f48;
		background-color: transparent;
		font-weight: 600;
		min-width: 110px;
		text-align: center;
		margin: 0px;
		z-index: 3;
		position: relative;
	}
	.filter-containers .sort-cate .sort-cate-right h3.active{
		color: #fff;
		border-color: #bf1e2e;
		background-color: #bf1e2e;
	}
	.filter-containers .sort-cate .sort-cate-right h3.active svg path {
		fill: #ffffff;
	}
	.filter-containers .sort-cate .sort-cate-right ul{
		width: 180px;
		right: 0;
		position: absolute;
		z-index: 99;
		background-color: #fff;
		top: calc(100% + 5px);
		min-width: 155px;
		text-align: left;
		box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
		padding: 10px;
		border-radius: 8px;
		display: none;
	}
	.filter-containers .sort-cate .sort-cate-right ul li{
		padding: 0 5px 5px 0;
		width: 100%;
	}
	.filter-containers .sort-cate .sort-cate-right ul li a{
		border: none;
	}
	.attr-label-pro-detail-cart{
		flex-flow: wrap;
	}
	.cart-pro-detail{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.tabs-pro-detail .ul-tabs-pro-detail li{
		font-size: 16px;
	}
	.sticky-thongso,.stick-news-detail{
		position: relative;
		margin-top: 20px;
		z-index: 1;
		top: 0;
	}
	.flex-comment{
		flex-flow: wrap;
	}
	.cot1-comment,.cot2-comment,.cot3-comment{
		width: 100%;
		margin-bottom: 15px;
	}
	.comment-progress .progress{
		width: 180px;
	}
	.comment-write .card-body{
		padding: 0;
	}
	.wrap-magiamgia{
		width: 100%;
	}
	.box-magiamgia{
		flex-flow: wrap;
	}
	.text-magiamgia{
		width: 100%;
		margin: 15px 0 0 0;
		padding: 0;
	}
	.title-sanphamsale{
		flex-flow: wrap;
		justify-content: center;
		text-align: center;
	}
	.title-sanphamsale h2{
		width: 100%;
		top: 0;
		margin-bottom: 5px;
	}
	.title-sanphamsale .count-down .timer-view{
		text-align: center;
	}
	.main-quangcao{
		display: none;
	}
	.promotion-content{
		min-height: 72px;
	}
	.flex-banner{
		justify-content: space-between;
	}
	.logo{
		display: none!important;
	}
	.menu-logo{
		display: flex;
		align-items: center;
		justify-content: space-between;
		order: -2;
	}
	.logo-mb img{
		max-width: 200px;
	}
	.sudes-header-stores,.sudes-header-hotline,.banner-right .sudes-header-account>a .text-box,.sudes-header-cart .item-title{
		display: none;
	}
	.banner-right .sudes-header-cart{
		margin-left: 7px!important;
	}
	.block-flashsale{
		flex-flow: wrap;
		justify-content: center;
		text-align: center;
	}
	.block-flashsale .heading-flash{
		margin-bottom: 7px;
	}
	.sticky-thongso .blog_noibat{
		display: none;
	}
	.slick-sanphamsale .slick-prev,.slick-tintuc .slick-prev,.slick-khachhang .slick-prev,.slick-danhmucsp .slick-prev{
		position: absolute;
		top: calc(50% - 30px / 2);
		left: 10px;
		margin-bottom: 0px;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border: none;
		z-index: 2;
		color: #ccc;
		cursor: pointer;
		display: flex!important;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		background: rgb(0 0 0 / 70%);
		transform: initial;
	}
	.slick-sanphamsale .slick-prev:before,.slick-tintuc .slick-prev:before,.slick-khachhang .slick-prev:before,.slick-danhmucsp .slick-prev:before{
		opacity: 1;
		font-size: 18px;
		color: #ccc;
		font-family: "Font Awesome 5 Free";
		content: "\f104";
	}
	.slick-sanphamsale .slick-next,.slick-tintuc .slick-next,.slick-khachhang .slick-next,.slick-danhmucsp .slick-next{
		position: absolute;
		top: calc(50% - 30px / 2);
		right: 10px;
		margin-bottom: 0px;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border: none;
		z-index: 2;
		color: #ccc;
		cursor: pointer;
		display: flex!important;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		background: rgb(0 0 0 / 70%);
		transform: initial;
	}
	.slick-sanphamsale .slick-next:before,.slick-tintuc .slick-next:before,.slick-khachhang .slick-next:before,.slick-danhmucsp .slick-next:before{
		opacity: 1;
		font-size: 18px;
		color: #ccc;
		font-family: "Font Awesome 5 Free";
		content: "\f105";
	}
	.footer-2 .footer-tit,.footer-3 .footer-tit{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.click-toggle-ft{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15px;
		height: 15px;
	}
	.click-toggle-ft i:last-child{
		display: none;
	}
	.click-toggle-ft.active i:first-child{
		display: none;
	}
	.click-toggle-ft.active i:last-child{
		display: block;
	}
	.footer-list{
		display: none;
	}
	.paging-product-category.is-loading{
		min-height: 680px;
	}
	.slick-danhmucsp:not(.slick-initialized) > div{
		flex-basis: calc(100% / 3);
		max-width: calc(100% / 3);
	}
	.slick-sanphamsale,.slick-tintuc,.slick-khachhang,.slick-danhmucsp {
		display: flex !important;
		gap: 10px;
		overflow-x: auto !important;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 10px;
	}
	.slick-sanphamsale::-webkit-scrollbar,.slick-tintuc::-webkit-scrollbar,.slick-khachhang::-webkit-scrollbar,.slick-danhmucsp::-webkit-scrollbar {
		height: 7px; /* hiện thanh scroll */
	}
	.slick-sanphamsale > div, .slick-tintuc > div,.slick-khachhang > div,.slick-danhmucsp > div {
		min-width: 70%; /* item chiếm 70% màn hình, bạn chỉnh tùy ý */
		flex-shrink: 0;
		scroll-snap-align: start;
		max-width: 300px;
	}
	.slick-danhmucsp > div{
		max-width: 200px;
		min-width: 60%;
	}
	.slick-danhmucsp:not(.slick-initialized) > div{
		flex: 0 0 60%;
	}
	.fancybox-slide{
		padding: 30px 0;
	}
	.fancybox-slide--video .fancybox-content{
		min-height: 250px;
		aspect-ratio: 16 / 9;  /* Ép đúng tỷ lệ video */
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.fancybox-iframe{
		width: 100%;
		height: 100%;
		border: none;
		object-fit: cover;  /* Cắt viền đen */
		transform: scaleY(1.2);  /* phóng to thêm để che viền đen */
		transform-origin: center;
	}
}
@media (max-width:480px){
	.box-sp{width:49%;margin:0px 2% 10px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 10px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 10px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 10px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
	.img-quangcao{
		width: 100%;
	}
	.div-tieuchi{
		margin: -5px;
	}
	.wrap-tieuchi{
		padding: 5px;
	}
}
@media (max-width:374px){
	.lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
	.lh-con-r{margin-bottom:10px;}
	.box-sp{width:90%;margin:0px 5% 10px;float:none;}
	.box-product{width:90%;margin:0px 5% 10px;float:none;}
	.box-album{width:90%;margin:0px 5% 10px;float:none;}
	.box-video{width:90%;margin:0px 5% 10px;float:none;}
}