/* Responsive */

@media(max-width:1220px){
	.logo-header:after{display: none}
	#menu .item-big{padding-left: 0}
	#menu .item-big .nav-item > a{padding: 0px 18px;}
	.logo-header img{max-width: 58%;}
}
@media(max-width:1200px){
	.footer-article{padding: 0 10px;box-sizing: border-box;}
	.footer-powered .wrap-content{padding: 15px 5px;}
}
@media(max-width:1105px){
	.banner-header-right{width: 24.916667%}
}
@media(max-width:1050px){
	.banner-header-right{
		width: 23.916667%;
	}	
}


@media(max-width:1024px){
	#menu .item-big .nav-item > a{
		padding: 0px 15px;
	}
}
@media(max-width:1001px){
	.menu{display:none;}
	.menu-res{display:block;}
	.info-header{display: none;}
	.logo{display: none;}
	.banner{width: 100%;}
}
@media(max-width:960px){
	.content-about-index{text-align: center;flex-wrap: wrap}
	.content-about-left{width: 100%;position: relative;margin: auto;}
	.content-about-right{width: 100%;margin: auto;display: none;}
	.box-service{width: 100%;}
	.service{padding: 38px 5px;box-sizing: border-box}
	.banner-header-right{display: none;}
	.logo-header,.banner-header{display: none;}
	.banner_mobi{display: block;width: 100%;text-align: center;}
	.news-video-index {padding: 50px 5px;box-sizing: border-box: }
	.album{width: calc(100% / 3)}
	.content-web{flex-wrap: wrap}
	.catalogy-left{display: none;}
	.content-web-show{width: calc(100%);}
}
@media(max-width:900px){
	.video-index,.news-index{width: 100%;}
}
@media(max-width:850px){
	.news{width:100%;float:none!important;}
	.banner-header-right{display: none;}
	.banner-header{width: 80%;}
	.logo-header img{max-width: 75%}
	.footer-news:nth-child(1){width: 100%;margin-bottom: 15px;}
	.footer-news:nth-child(2),.footer-news:nth-child(3){width: 49%;}

}
@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;}
	.gioithieu .nd-gt{width: 100%;}
	.gioithieu .hinh-gt{width: 87%;}
	.box-product{width: calc(100% /2);}
	.box-product{padding: 0px 10px;}
	.grid-page{width: calc(100% + 20px);margin: 0px -10px;}
	div.box-hinhvideo .box-l{width: 100%;}
	div.box-hinhvideo .box-r{width: 100%;}
	.video{width: 49%;margin: 0px;}
	
}
@media(max-width:700px){
	.content-about-right{width: 100%;margin: auto;display: block;order:1;}
	.content-about-left{order:2;}
	.menu-step{font-size: 18px;}
}
@media(max-width:600px){
	.box-service{flex-wrap: wrap;width: 49%;}
	.box-service span{max-width: 100%;width: 100%;}
	.box-service > div{width: calc(100%)}
	.album{width: calc(100% / 2)}
	.footer-news:nth-child(2){margin-bottom: 10px;}
	.footer-news:nth-child(2),.footer-news:nth-child(3){width: 100%;}
}
@media(max-width:500px){
	
	
}

@media(max-width:480px){
	.pic-news,.info-news{display:block;width:100%;float:none;text-align: left;margin:0px;}
	.info-news{margin-left: 5px;}
	.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
	.search-res .search-grid input{width: 80%;}
	.search-res .search-grid p{width: 20%;}
	.name_news{position: unset;}
	.tieu{background-size: 100% 100%;font-size: 20px;}
	.service_index .dv_top .title_dv{padding-right: 43px;}
	.box_tinmoi .mota{width: 100%;}
	div.box-hinhvideo{padding: 15px 0px;}
	.box-product{
		padding: 0px 5px;
	}
	.grid-page{width: calc(100% + 10px);margin: 0px -5px;}
	.gioithieu .hinh-gt{display: none;}
	.gioithieu{padding-bottom: 70px;}
	.name-news{    overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;}
	.tieude-gioithieu{font-size: 18px;}
	.tieude-gioithieu img{display: none;}
	.pagination-ajax{background: none;}
	.pagination-ajax a {
		display: inline-block;
		vertical-align: top;
		color: #fff;
		background: #4a1f06;
		border: 0;
		font-size: 16px;
		cursor: pointer;
		padding: 3px 10px 5px 10px;
		border-radius: 2px;
		margin: 2px;
	}
	.service_index .dv_top .title_dv {
		font-size: 18px;
	}
	.service_index .dv_top p {
		font-size: 12px;
	}
	.service_index {
		padding-top: 20px;
		padding-bottom: 35px;
		background: url(../images/bg_dv.png) no-repeat;
		background-size: cover;
	}
	.box_tinmoi img {
		float: left;
		transition: 0.5s;
		padding-right: 15px;
		clip-path: circle(41%);
		width: 120px;
	}
	.box_tinmoi .mota {
		font-size: 15px;
		text-align: justify;
		color: #5a5a5a;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		display: none;
	}
}
@media(max-width:369px){
	.cart-pro-detail{flex-wrap:wrap;}
	.cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:12px;}
	.cart-pro-detail a:first-child{margin-bottom:5px!important;}
	.cart-pro-detail a i{display:none;}
}
/* loader */
div.wap_load{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.cssload-thecube{width:50px;height:50px;margin:0 auto;margin-top:49px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;}.cssload-thecube .cssload-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);}.cssload-thecube .cssload-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color: #4e240b;animation:cssload-fold-thecube 2.76s infinite linear both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s infinite linear both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;}.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);}.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);}.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);}.cssload-thecube .cssload-c2:before{animation-delay:0.35s;-o-animation-delay:0.35s;-ms-animation-delay:0.35s;-webkit-animation-delay:0.35s;-moz-animation-delay:0.35s;}.cssload-thecube .cssload-c3:before{animation-delay:0.69s;-o-animation-delay:0.69s;-ms-animation-delay:0.69s;-webkit-animation-delay:0.69s;-moz-animation-delay:0.69s;}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s;}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(136px) rotateY(180deg);opacity:0;}}@-o-keyframes cssload-fold-thecube{0%,10%{-o-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-o-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-o-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-ms-keyframes cssload-fold-thecube{0%,10%{-ms-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-ms-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-ms-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-moz-keyframes cssload-fold-thecube{0%,10%{-moz-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-moz-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-moz-transform:perspective(136px) rotateY(180deg);opacity:0;}}