/* Responsive */

@media(max-width:1220px){
	#menu .item-big{padding-left: 0}
	#menu .item-big .nav-item > a{padding: 0px 18px;}
}
@media(max-width:1200px){
	.footer-article{padding: 0 10px;box-sizing: border-box;}
	.footer-powered .wrap-content{padding: 15px 5px;}
}
@media(max-width:1105px){
}
@media(max-width:1050px){
}

@media(max-width:1024px){
	#menu .item-big .nav-item > a{
		padding: 0px 20px;
	}
}
@media(max-width:1001px){
	.menu{display:none;}
	.menu-res{display:block;position: sticky;}
}
@media(max-width:990px){
	.banner-header-right,.banner-center{width: 80%;}
	.banner-center{width: calc(100% - 160px);text-align: center;}
	.header-bottom{position: relative;z-index: 111111;display: block;}
	.wrap-about{padding:25px 0 }
	.wrap-about-left{width: 100%;padding: 0 5px;}
	.wrap-about-right{width: 100%;display: none}
	.wrap-product-button{padding: 0 5px;padding-top: 40px;padding-bottom: 50px;}
	.wrap-barspace{padding: 0 5px;padding-top: 45px;}
	.wrap-about:before,.wrap-about:after{display: none}
	.content-main{padding: 0 5px;}
}
@media(max-width:960px){
	.header{padding-top: 0;position: relative;left: 0;width: 100%;}
	.header .wrap-content{align-items: center}
	.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}
	.logo-header,.banner-header{padding-left: 5px;text-align: center;}
	.banner_mobi{display: block;width: 100%;text-align: center;}
	.news-video-index {padding: 0px;margin-bottom: 0;}
	.album{width: calc(100% / 3)}
	.wrap-about-index-one{padding: 60px 10px;}
	.wrap-about-index-one h4,.title-main-index1 h3{font-size: 30px;}
	.wrap-customer{padding: 60px 10px;}
	.content-news-video{padding: 0 5px;flex-wrap: wrap;}
	.content-news-index,.content-video-index{width:100%;}
	.video-index{width: 100%;order: 2;}
	.news-index{width: 100%;margin-bottom: 20px;}
	.footer >.wrap-content{padding: 48px 10px;}
	.footer-copyright{padding: 0 5px;}
	.grid-pro-detail{padding: 0 5px;}
	.box-product{width: calc(100%  / 3)}
	.wrap-product{padding: 30px 5px;}
	.wrap-form-register{padding: 0 5px;margin-top: 30px;margin-bottom: 10px;}
	.footer-news:nth-child(1){width: 100%;}
	.footer-news:nth-child(2),.footer-news:nth-child(3){width: 48%;}
	.topheader{display:none;}
	.logo-header img{top: 0;max-width: 80%}
	.wrap-newsletter{padding: 0 5px;}
	.register-form-item{background: none;}
	.form-newsletter{padding: 0 5px;}
	.social{text-align: center;}
	.content-product-list{padding: 0 5px;}

}
@media(max-width:900px){

}
@media(max-width:850px){
	.news{width:100%;float:none!important;margin-bottom: 10px;}
	.banner-header-right{width: 70%;}
	.banner-header{width: 80%;}
	.logo-header img{max-width: 60%;}
	.footer-news:nth-child(1){width: 100%;margin-bottom: 15px;}
	.title-main22 h3{font-size: 25px;}
	.title-main22 p{padding-left: 0}
	.footer-news:nth-child(2),.footer-news:nth-child(3),.footer-news:nth-child(4){width: 48%;}
	.news-ct-idnex{width:calc(100% / 2);}
	.desc-news-index{display: none;}
	.wrap-ct-box-out{padding: 0 5px;}
	.form-newsletter{padding: 0px 10px;flex-wrap: wrap;}
	.register-form-item{background: none;}
	.content-product-list .box-product{width:calc(100% / 3);}
}
@media(max-width:800px){
	.left-content-index{display: none;}
	.right-content-index{width: 100%;}
	.flex-wrapper { flex-direction: column; }
	.flex-wrapper > div:hover { flex: 1; }
	.flex-wrapper > div:hover .overlay { background-color: transparent; }
	.flex-wrapper .overlay h2, .flex-wrapper .overlay p {opacity: 1;visibility: visible;transform: none;font-size: 25px;}
	.flex-wrapper .overlay-inner *{opacity:1;visibility: visible;}
}
@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;padding: 0 5px;box-sizing: border-box;}
	.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
	.copyright,.statistic{width: 100%;text-align: center;}
	.video-index,.news-index{width: 100%;}
	.content-news-video{flex-wrap: wrap;background: #fff;}
	.video-index{order:2;margin-top: 15px;}
	.footer-copyright{line-height: 35px;padding: 10px 0;margin-bottom: 52px;}
	.footer-copyright .wrap-content{flex-wrap: wrap}
	.footer-copyright .wrap-content p{width: 100%;text-align: center}
	.newsletter-input{width: 49%;margin: auto;}
	.newsletter-input:nth-child(3){width: calc(100% - 145px);text-align: left;margin-right: 8px;}
	.newsletter-button{margin-right: 5px;}
	.toolbar{display: block;}

}
@media(max-width:700px){
	.content-about-right{width: 100%;margin: auto;display: block;order:1;}
	.content-about-left{order:2;}
	.item-vs{width:100%;}
	.item-vs:nth-child(1){margin-bottom: 20px;}
	.wrap-why-choose-me{padding-bottom: 60px;}
	.item-footer{flex-wrap: wrap}
	.item-footer > div{width: 100%;margin-bottom: 15px}
	.header .wrap-content{justify-content: center !important}
	.banner-header-right{display: none;}
	.banner-header-center{width:55.75%;}
	.wrap-video{padding: 50px 5px;}
	.video_popup{width:100%;}
	#clickvideo{width:100%;margin-top: 10px;}
}
@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)}
	.right-content-index{padding: 20px 15px; }
	.footer-news:nth-child(2),.footer-news:nth-child(3){margin-bottom: 10px;}
	.footer-news:nth-child(2),.footer-news:nth-child(3),.footer-news:nth-child(4){width: 100%;}
	.boxshow-index > span:after{display: none}
	.boxshow-index > span{padding-top: 0}
	.footer-ul{margin-top: 15px;}
	.content-product-list .box-product{width:calc(100% / 2);}
	.flex-wrapper > div{padding: 101px 0;}
	.flex-wrapper{max-height: none;height: auto;}
}
@media(max-width:580px){
	.box-product{width: calc(100%  / 2)}
}
@media(max-width:500px){
	
	
}

@media(max-width:440px){
	.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;}
}
@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;}
}