@media screen and (max-width:1200px) {
	.pd40-0, .pd20-0 {padding: 20px 0px;}
	.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; }
	.box-head .container { flex-wrap: wrap; }
	.logo-mobile { display: block; width: 100%; text-align: center; margin-top: 10px; }
	.menu-header-top li a { margin: 0 10px; }
	.menu-header-top { margin: auto; }
	.menu-mobile, .hc-offcanvas-nav { display: block !important; }
	.nav-menu, .info-header, .social, .search-h, .cart-h, #slideImg .slick-dots, #left { display: none !important; }
	.img-detail { width: 50%; }
	.info-detail { width: 48%; }
	#right { width: 100%; }
    .nav-content .d-flex{
        display: block !important;
    }
    .grid-pro-detail .row{
        margin-left: -15px;
        margin-right: -15px;
    }
}
@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, .col-ft2, .col-ft3, .col-ft4 { width: 100%; margin-bottom: 15px; }
	.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; }
	.item-product .noted div, .item-product .sales { width: 40px; height: 25px; line-height: 25px; font-size: 13px; }
	.item-product.col__4, .item-product.col__3 { width: calc(((100% / 12) * 6) - (var(--item__margin)*2)); }
	.item-partner { text-align: center; }
	.title { font-size: 24px; }
}
@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; }
}
@media screen and (max-width:420px) {
	.item-product.col__4, .item-product.col__3 { width: calc(((100% / 12) * 12) - (var(--item__margin)*2)); }
}