/* Responsive */
@media(max-width:1300px){
	.wrap-content { margin: 0px 15px; }
}
@media(max-width:1001px){
    .hotline-header{display: none;}
	.menu{display:none;}
	.menu-res{display:block;}
	/* .btn-frame{display: none;} */
	#messages-facebook{display: none;}
	.grid-page{grid-template-columns: repeat(3, 1fr);}
}
@media(max-width:850px){
	.gird_sp{grid-template-columns: repeat(3, 1fr);}
	.gioithieu_left{width: 100%;margin-bottom: 30px;}
	.gioithieu_left1{margin-right:0px;}
	.gioithieu_right{width: 100%;}
	.footer-news:nth-child(1){width: 49%;margin-bottom:30px;}
	.footer-news:nth-child(2){width: 49%;margin-bottom:30px;}
	.footer-news:nth-child(3){width: 49%;margin-bottom:30px;}
	.footer-news:nth-child(4){width: 49%;}

}
@media(max-width:769px){
	.gird_sp{grid-template-columns: repeat(2, 1fr);}
	.keyframes_img{max-width: 300px}
	@keyframes key_one {
		0% { left: calc(100% - 300px); top: 0px; z-index: 2; }
		25% { left:calc(100% - 300px); top: calc(100% - 190px); z-index: 1; }
		50% { left: 0px; top:calc(100% - 190px); z-index: 2; }
		75% { left: 0px; top: 0px; z-index: 1; }
		100% { left: calc(100% - 300px); top: 0px; z-index: 2; }
	}
	@keyframes key_two {
		0% { left:0px; top:calc(100% - 190px); z-index: 1; }
		25% { left: 0px; top: 0px; z-index: 2; }
		50% { left: calc(100% - 300px); top:0px; z-index: 1; }
		75% { left:calc(100% - 300px); top: calc(100% - 190px); z-index: 2; }
		100% { left: 0px; top:calc(100% - 190px); z-index: 1; }
	}
	.intro-1 {-webkit-animation-name: key_one; animation-name: key_one;top:0px;left: calc(100% - 300px);z-index: 1; height: 190px;}
	.intro-2 {top: calc(100% - 190px);left: 0px;z-index: 0;-webkit-animation-name: key_two;animation-name: key_two;height: 190px;}
	.gioithieu_left{height: 250px;margin-bottom: 60px;}
	.gioithieu_vi{font-size: 25px;}
	.camnhanhachhang_index{padding: 40px 0px;}
	.album_anh{padding: 30px 0px;}
	.danhmuc_vi{font-size: 18px;}
	.gioithieu_left1{padding: 30px 10px;}
	.tieuchi{padding: 30px 0px;}
	.header_right{display: none;}
	.sologan{width: 100%;padding: 10px 0px;}
	.contact-text{margin-bottom: 30px;}
	.gird_duan{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 20px;}
	.footer-copyright,.footer-statistic{text-align: center;}
	.footer_icon li{padding:5px 0px;}
	.footer-news:nth-child(1){width: 100%;}
	.footer-news:nth-child(2){width: 100%;}
	.footer-news:nth-child(3){width: 100%;}
	.footer-news:nth-child(4){width: 100%;}
	.doitac_left{padding: 42px 0px;}
	.doitac{font-size: 9px;}
	.tintuc_index{width: 100%;margin-bottom: 20px;}
	.video_index{width: 100%;}
	.tintuc_video{padding: 30px 0px;}
	.hinhanh_baogia{width: 100%;margin-bottom: 20px;}
	.btn1{margin-top: 20px;}
	.form_lienhe{width: 100%;}
	.name-product,.price-product{font-size: 13px;}
	.grid-page{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 20px;}
	.dm1 li a{font-size: 13px;padding: 5.5px 18px;}
	.sanpham_chinh,.mauthietke_dep{padding: 30px 0px;}
	.gioithieu,.lienhe_baogia{padding: 30px 0px;}
	
	
}
@media(max-width:440px){
	.title-footer{font-size: 25px;}
	.dn{font-size: 19px;}
	.tintuc_img{align-self: flex-start;}
	.xt_sp{ padding: 10px 14px;}
	.gird_sp{grid-gap: 10px 10px;}
	.title_h2{font-size: 28px;}
	.tieuchi_item{grid-template-columns: repeat(1, 1fr);}
	.tieuchi_item{padding-left: 0px;}
	.tieuchi_item::after{display: none;}
	.doinet{font-size: 16px;}
	.danhmuc_sanpham li a{font-size: 13px;padding: 5px 15px;margin-bottom: 5px;}
	.box_ab1:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2}
	.box_ab1:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3;}
	.box_ab1:nth-child(3) { grid-column: 1 / 2; grid-row: 3 / 5;}
	.box_ab1:nth-child(4) { grid-column: 1 / 2; grid-row: 5 / 6;}
	.box_ab1:nth-child(5) { grid-column: 1 / 2; grid-row: 6 / 7;}
	.qc_sl1 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap:10px;}
	.title-main span{font-size: 30px;}
	.gird_duan{grid-gap: 10px 10px;}
	.grid-page{grid-gap: 10px 10px}
	.dm1 li a{padding: 5.5px 14px;}
	.news-image{margin-bottom:1rem;}
	.intro-news{width: 100%;margin-bottom: 30px;}
	.intro-news:last-child{margin-bottom: 0px;}
}
@media(max-width:369px){
	.cart-pro-detail a{width:100%;}
	.cart-pro-detail a:first-child{margin-right:0px;margin-bottom:0.5rem;}
	.cart-pro-detail a i{display:none;}
}