/*****************************************************/
/* Responsive for web
/*****************************************************/
@media screen and  (max-width: 1024px) {

	.site-footer{
		padding: 15px 10px;
	}
	.site-footer .rt-footer{
		width: 100%;
		padding: 0;
		overflow: hidden;
		margin: 0 0 10px 0;
	}
	.rt-header{
		display: none;
	}
	.logo-banner{
		width: 100%;
		text-align: center;
	}
	.site-branding:after{
		content: "";
		background: none;
	}
	.list_mission_vision .mission_vision_item{
		width: 100%;
	}
	.list_mission_vision{
    padding: 45px 15px 15px 15px;
	}
	.site-container{
		width: 100%;
		padding: 0 5px;
		overflow: hidden;
	}
	.containers{
		width: 100%;
	}
	.content-area, .widget-area{
		clear: both;
		padding: 0 0 20px 0;
	}
	.home .product-style li,
	.product-style li{
		width: 48%;
		margin: 0 1% 15px !important;
	}
	.product-style li:nth-child(4n+1),
	.home .product-style li:nth-child(5n+1){
		clear: none;
	}
	.product-style li:nth-child(2n+1),
	.home .product-style li:nth-child(2n+1){
		clear: both;
	}
	.support-img{
		display: none;
	}
	.socical{
		width: 100%;
	}
	.primary-menu-container{
		display: none;
	}
	.hidden-lg{
		display: none;
	}

}	

@media screen and  (max-width: 568px) {
	.list_support .support_item{
		width: 100%;
	}
	.list_support .support_item .img_support span img{
		height: auto;
	}
	.marquee-content{
		padding: 6px 0;
	    margin: 0;
	}
	.marquee-content marquee{
    font-size: 20px;
    line-height: 30px;
	}
}

@media screen and  (max-width: 480px) {
	.introduce{
		padding: 20px 10px;
	}
	.service__list .service__item{
		width: 100%;
		margin: 0 auto 20px;
	}
	.service{
		padding: 20px 10px;
	}
}

@media screen and  (max-width: 414px) {
	.rt_woocommerce_tabs li{
		padding: 0 3px;
	}
	.rt_woocommerce_tabs li a{
		font-size: 14px;
	}
	.list_mission_vision .mission_vision_item .img_mission{
		display: none;
	}
	.arc-news .new-list .news-post .img-post{
		width: 100%;
		margin: 0 auto 10px;
	}
	.arc-news .new-list .news-post .img-post img{
		width: 100%;
	}
}

@media screen and  (max-width: 320px) {

}