@media screen and (max-width: 1200px)
{
	.pd40-0, .pd20-0{padding: 20px 10px;}
	.box-head{padding: 10px;}
	.menu ul li a{padding: 12px 20px;}
	.row{margin: 0;}
}
@media screen and (max-width: 1024px) 
{
	.menu ul li a{padding: 12px 15px;}
}
@media screen and (max-width: 960px) 
{
	:root
	{
		--item__margin: 5px;
		--item__width: calc((100% / 4) - (var(--item__margin) * 2));
		--item__page__margin: 5px;
	}

	.menu-mobile,.hc-offcanvas-nav{display:block !important;}
	.nav-menu{display:none !important;}
	.img-detail{width:50%;}
	.info-detail{width:48%;}
}
@media screen and (max-width: 800px) 
{
	.cover-news .news, .cover-news .video{width: 49%;}
	.news .col-1{display: none;}
	.news .col-2{width: 100%;}

	.col-ft1{width: 100%;margin-bottom: 20px;}
	.col-ft2, .col-ft3{width: 48%;margin-bottom: 20px;}
	.copyright{text-align: center;}
	.copyright .container{justify-content: center;}
	
	.shopping-cart{width: 100%;}
	.total-cart{width: 100%;margin-top: 20px;}

	.pay-info{width: 100%;}
	.pay-cart{width: 100%;}
}
@media screen and (max-width: 700px) 
{
	.about .col-1,.about .col-2{width: 100%;}
	.about .col-2{margin-top: 20px;}

	.cover-news .news{width: 100%;}
	.cover-news .video{width: 100%;margin-top: 20px;}

	.cover-contact .content,.cover-contact .form{width: 100%;margin-top: 20px;}
}
@media screen and (max-width: 600px) 
{
	.img-detail{width:100%;}
	.info-detail{width:100%;margin-top: 15px;}

	.pay-info .col{width: 100%;margin: 0 0 10px 0;}
}
@media screen and (max-width: 480px) 
{
	:root
	{
		--item__width: calc((100% / 2) - (var(--item__margin) * 2));
		--item__page__width: calc((100% / 2) - (var(--item__page__margin) * 2));
	}

	.col-ft2, .col-ft3{width: 100%;}
	.item-cart .info .box{width: 100%;margin-bottom: 5px;}
}