
/* Responsive */
@media(max-width:1300px){
}
@media(max-width:1001px){
	.header{padding: unset;}
   .search{display: none;}
   .logo-header{margin-right: 0px;}
   .header .header-bottom .wrap-content{justify-content: center;}
   .icon_menu_mobi img{width: 80%;}
   .da_thuchien{padding: 60px 15px;}
   .footer-article.f-index{height: unset;}
   .banner-header{
    right: 15px;
    top: 0px;
}
}
@media(max-width:850px){
	.title-footer img{width: 100%;}
	.gt_v1 img{width: 48%;}
	.ct_none{display: unset;}
	.section,.fp-tableCell {height: auto!important;}
	.da_thuchien, .list_sp_id{height: auto!important;}
	.img_tc img{width: unset;}
	.wrap-tc{margin-bottom: 40px;}
	.slideshow-image img{height: auto;}
	.gt_l{width: 100%;margin-bottom: 30px;}
	.gt_r{width: 100%;}

    .grid_sp{grid-template-columns: repeat(3, 1fr);}
}
@media(max-width:769px){
	.title-footer img{width: 54%;}
	#loading {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		z-index: 9999999;
		transition: all 1s ease-in-out;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#loading:after {
		content: " ";
		position: absolute;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		margin: 0 0 0;
		background: #fff;
		transition: all 1s ease-in-out
	}
	
	#loading.finis {
		visibility: hidden;
	}
	
	#loading.finish:after {
		opacity: 0;
	}
	
	#loading.finish .postion-svg svg {
		filter: blur(10px);
		transform: scale(0.5);
		opacity: 0;
	}
	
	#loading.show .postion-svg {
		opacity: 1;
	}
	
	.postion-svg {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		z-index: 999;
		opacity: 0;
	}
	
	.postion-svg svg {
		width: 350px;
		transition: all 0.5s ease-out
	}
	
	#loading.show {
		transition: all .5s ease-out;
		fill-opacity: 1;
	}
	
	.img_pro::after{display: none;}
	.btn_xt1{font-size: 15px;width: 250px;padding: 6px 0px;}
	.btn_xt1 img{width: 30px;}
	.name_ct_td{height: 106px;}
	.hd_sukien{padding: 40px 0px;}
	.info-product1{padding: 10px;}
	.name-product{margin-top: 10px;margin-bottom: 5px;}
	.product_list{padding: 10px;}
	.list_sp_id{padding: 40px 0px;}
	.da_thuchien{padding: 40px 15px;}
	.title_h2.size{font-size: 30px;}
	.da_l{width: 100%;margin-bottom: 30px;}
	.da_r{width: 100%;}
	.congtrinh{padding: 30px 0px;}
	.name_ct{font-size: 15px;min-height: 44px;padding-right: 0px;}
	.desc_ct{line-height: 1.5;}
	.box_mt_ct{height: unset;clip-path:unset}
	.position{right: 0px;transform: unset;padding-right: unset;padding: 10px 10px;background-color: rgba(0, 20, 32, 0.90);}
	.ngay_ct{display: none;}
	.info_ct_td{left: 0px;right: 0px;bottom: 0px;top: unset;width: unset;height: unset;padding: 10px 10px;transform:unset;}
	.gird_congtrinh{grid-template-columns: repeat(2, 1fr);}
	.dichvu{padding-top: 40px;padding-bottom: 40px;;}
	ul.flip-items{width: 100%!important;height: 400px!important}
	.flip-item.flip-current .desc_dv{left: 0px;right: 0px;}
	.name_dv{font-size: 25px;}
	.slogan1{font-size: 15px;}
	.title_h2{font-size: 30px;margin-bottom: 10px;}
	.desc_tk{font-size: 15px;}
	.why-amount span{font-size: 35px;}
	.stt{font-size: 30px;}
	.gt_bt{padding: 10px 0px;}
	.wrap-aboutus{padding: 30px 0px;}
	.gt_slick1{margin-bottom: 30px;}
	.gt_v1{font-size: 50px;}
	/* .icon_menu_mobi img{filter: brightness(0) saturate(100%) invert(16%) sepia(59%) saturate(5522%) hue-rotate(201deg) brightness(95%) contrast(103%);} */
	.header-bottom .wrap-content{padding: 5px 15px;}
	.logo-header_mb{display: block;}
	.logo-header{display: none;}
	.logo-header_mb img{width: 60%;}
	.logo-header_mb{text-align: center;}
	/* .header{position: relative;} */
	.icon_menu_mobi{margin-top: 0px;}
	.logo-header_mb{width: 110px;align-self: flex-start;}
	.icon_menu_mobi img{width: 80%;}


    .footer-article .wrap-content{padding: 40px 15px;}
    .form_lienhe{padding: 40px 30px;}
    .tintuc_index{padding-bottom: 40px;}
    .dm1 li a{font-size: 13px;}
    .dm1 li a{width: 130px;height: 40px;line-height: 40px;}
    .title-main img{display: none;}
    .grid_sp{grid-template-columns: repeat(2, 1fr);}
    .title-main span{font-size: 25px;padding: 0px 4px }
    .sp_l{width: 100%;margin-bottom: 30px;}
    .sp_r{width: 100%;}
    .dm_list,.sp_moi,.goc_cam_hung{padding: 40px 0px;}
    .gt_l{width: 100%;margin-bottom: 30px;}
    .gt_r{width: 100%;}
	.footer-copyright,.footer-statistic{text-align: center;}
	.footer_icon li{padding:5px 0px;}
	.footer-news:nth-child(1){width: 100%;margin-bottom: 30px;}
	.footer-news:nth-child(2){width: 100%;margin-bottom: 30px;}
	.footer-news:nth-child(3){width: 100%;}
	.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;}
    .name-product a{font-size: 14px;}

	.box_ab1:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3}
	.box_ab1:nth-child(2) { grid-column: 1 / 2; grid-row: 3 / 4;}
	.box_ab1:nth-child(3) { grid-column: 2 / 3; grid-row: 3 / 4;}
	.box_ab1:nth-child(4) { grid-column: 1 / 2; grid-row: 4 / 4;}
	.box_ab1:nth-child(5) { grid-column: 2 / 3; grid-row: 4 / 5;}
	.qc_sl1 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:10px;}
	.info_hd{top: unset;bottom: 0px;max-width: 100%;padding: 20px 10px;}

	.img_hd,.desc_hd,.time-main_hd{display: none;}
	.box_ab1:nth-child(2) .info_hd, .box_ab1:nth-child(3) .info_hd, .box_ab1:nth-child(4) .info_hd, .box_ab1:nth-child(5) .info_hd{padding: 10px 10px;top: unset;bottom: 0px;max-width: 100%;left: 0px;right: 0px;}
	.name_hd{margin-top: 0px;}
	.box_ab1:nth-child(2) .name_hd, .box_ab1:nth-child(3) .name_hd, .box_ab1:nth-child(4) .name_hd, .box_ab1:nth-child(5) .name_hd{font-size: 15px;}
	.name_hd.text-split.line1{-webkit-line-clamp: 2;}
	.title-footer{font-size: 40px;}
}
@media(max-width:440px){
	.title-footer img{width: 63%;}
	.gt_v1 img{width: 76%;}
	.icon_menu_mobi img{width: 50%;}
	.title_h2.size{font-size: 23px;}
	.btn_xt{width: 160px;height: 40px;line-height: 40px;}
	.gird_congtrinh{grid-gap: 10px 10px;}
	ul.flip-items{height: 300px!important;}
	.title_h2{font-size: 25px;}
	.slogan1{font-size: 13px;}
    .box_color_detail a{font-size: 16px;}
    .form_dangky{padding: 40px 0px;}
    .form_lienhe{padding: 30px 20px;}
    .desc_ch{font-size: 13px;}
    .gt_v{font-size: 15px;}
    .grid_sp{grid-gap: 10px 10px;}
	.danhmuc_sanpham li a{font-size: 13px;padding: 5px 15px;margin-bottom: 5px;}

	.gird_duan{grid-gap: 10px 10px;}
	.grid-page{grid-gap: 10px 10px}
	.dm1 li a{margin-bottom: 5px;}
	.gioithieu_vi{font-size: 34px;}
	.keyframes_img{max-width:300px;}
	.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;}
}
@media(max-width:769px){
	.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;}
	.copyright,.statistic{width: 100%;text-align: center;}
}
