/*------------------------------------------ END FLEX ------------------------------------------*/
.hidden-xs-m{display: none;}
@media screen and (min-width:769px) {
	.pdl{padding-left: 0}
	.pdr{padding-right: 0}
	.pd0{padding-right: 0;padding-left: 0}
	.row-d{margin-right: -15px;margin-left: -15px;}
	.row8{margin-right: -8px;margin-left: -8px;}
	.hidden-lg{display: none}
	.hidden-xs{display: none}
	.h4, h4 {font-size: 1.5rem;}
	.sp{display: none}
	/*.col5_pro{max-width: 20%;flex: 0 0 20%;padding: 0;}*/
}

@media (min-width: 767px) and (max-width: 1600px) {
	
}

@media screen and (max-width:767px){
	.pc{display: none}
	.mobile {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.mz-thumb img { max-width: 100%; }
	.hidden-lg{display: block;}
	.visible-lg{display: none}
	.hidden-xs{display: block;}
	.hidden-xs-m{display: none;}
	.info-nd img,.info-nd iframe,.info-nd table{
		width: 100% !important;
		height: auto !important
	}
	header nav.fixed{position: relative;}
	.logo-header,.logo-header img{margin: 0 auto;text-align: center;}
	.logo{display:flex;justify-content: center;height: 90px;align-items: center;width: 90px;margin: 0 auto;}
	.logo img{max-height: 100%}
	.wrap-main, .wrap-content{margin: 30px auto;}
	 h2{font-size: 1.5rem}
	 h4,.h4{font-size: 1.3rem}
	 h5,.h5{font-size: 1.2rem}
	.list-unstyled li,.text-black p,.card-text,.list_ft li{font-size: 14px}
	.bg-image{text-align: center;}
	.top-contact{flex-wrap:wrap;}
	.left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
	.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
	.pic-news,.info-news{display:block;width:100%;float:none;text-align:center;margin:0px;}
	.info-news{margin-top:15px;}
	.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
	.jus-c-sb{flex-direction: column}
	.search{width: 100%;margin-bottom: 15px;}
	.search input,header #form-xsearch button{height: 35px}
	header #form-xsearch button{font-size: 15px;width: 60px}
	.wrap-product-index .global-title{margin: 0 auto}
	.global-title h2,.title-main span{font-size: 18px}
	.wrap-product .tools .name h2{font-size: 14px;height: 45px;}
	.thuonghieu{font-size: 14px;flex-direction: column;text-align: center;}
	.wrap-product .tools .price{font-size:15px}
	.wrap-product .tools .old-price{font-size: 12px;margin-left: 0}
	.item-product{padding: 0;}
	.wrap-product-index .row{margin: 0}
	.wrap-product .tools .wrap-price{flex-direction: column}
	.wrap-product .wrap-image{padding:0 10px}
	.wrap-product .tools{padding: 0}
	.thuonghieu a b{max-width: 100%;text-align: center;margin: 0 0 10px 0;}
	.item-product,.wrap-product .wrap-image .relative-image{}
	.scrollToTop{width: 40px;height: 40px;bottom: 90px;}
	.scrollToTop:before{width: 10px;height: 10px;left: calc(50% - 5px);top: calc(50% - 2px);}
	.newsletter-input:nth-child(2), .newsletter-input:nth-child(3){width: 100%}
	footer{padding: 40px 0 0;}
	footer .social{margin-bottom: 20px}
	footer .title-footer{margin-top: 20px}
	.pagination-ajax a{padding: 5px 8px;font-size: 14px}
	.item-list{width: calc((100% - 40px) / 2)}
	.product-list > a > h3{font-size: 14px}
	.slick-prev{left: 0;z-index: 2;}
	.slick-next{right: 0;z-index: 2;}
	.pd10{padding: 0 5px}
	.logo_ft{text-align: center}
	.cart-pro-detail button{width: 100%;margin-bottom: 20px}
	.cart-pro-detail button:last-child{margin-right: 0;}
	.pdsp0{padding: 0}
	.tabs-pro-detail .ul-tabs-pro-detail li{font-size: 15px;padding: 10px 15px;}
	.cart-pro-detail button span{font-size: 14px}
	.title-pro-detail{font-size: 18px}
	.top-cart, .bottom-cart{padding: 0}
	.time-news{font-size: 14px}
	.list-news-other{padding: 0}
	.othernews b{font-size: 18px}
	.nav-info{margin-bottom: 40px}
	.wrapuser .title-info{padding: 0 35px 0 0}
	.wrapuser .btn-save{margin: 30px auto}
	.copyright{padding-bottom:60px}
	.menu-pc{display: none}
	.header-top .social-header{justify-content:space-between;width: 100%;}
	.user-header a{font-size: 14px}
	main.show .title-rpmenu{top: 25px}
	#responsive-menu .content ul li a{font-size: 14px;display: flex;align-items: center;font-family: var(--title);}
	#responsive-menu .content ul li a .ic{margin-bottom: 0}
	#responsive-menu .content ul li a .ic img{max-width: 100px}
	#responsive-menu .content ul li ul li a{font-size: 14px}
	.cart-add{font-size: 14px}
	.cart-add i{font-size: 12px}
	footer .tags li{margin-bottom: 5px}

	.wrap-about-index{padding: 0px 0 30px}
	.wrap-product .tools .name{text-align: center}
	.bct{max-width: 230px;text-align: center;margin: 0 auto;}
	.p-relative{width: 100%}
	footer .title{font-size: 18px}
	.slider-dt .img a{text-align: center;margin: 0 auto;display: flex;justify-content: center;}

	.mv_bg, .main_slider .slide_item{height: 450px}
	.logoft{text-align: center;width: 290px;margin: 0 auto}
	.wrap-product-index{margin-bottom: 0}

	.left-pro-detail .MagicZoom figure{width: 330px;height: 330px}
}

@media screen and (max-width:480px) {
	.mv_bg, .main_slider .slide_item{height: 200px}
	.main_slider .slide_item .bg{background-size: 100% 100%;background-repeat: no-repeat;}
	
}
@media screen and (max-width:320px){
	.left-pro-detail .MagicZoom figure{width: 270px;height: 270px}
}