/*****************************************************/
/* Responsive for web
/*****************************************************/
@media screen and  (max-width: 1024px) {
	.site-container{
		width: 100%;
		padding: 0 5px;
		overflow: hidden;
	}
	.sidebar  .facebook_like{
		text-align: center;
	}
	.site-footer{
		padding: 15px 10px;
	}
	.site-footer .rt-footer{
		width: 100%;
		overflow: hidden;
		padding: 0;
		margin: 0 0 10px 0;
	}
	.site-footer .rt-footer iframe{
		width: 100%;
		min-height: 250px;
	}
	.rt-thumb {
		height: 130px;
	}
	.rt-thumb > a > img{
		width: auto;
		height: auto;
		max-height: 130px;
	}
	.content-products .rt_woocommerce-loop-product__title a{
		line-height: 20px;
		height: 40px;
	}
	.support-img{
		display: none;
	}
	.site-footer .widget-title{
		display: block;
		border-bottom: 0;
	}
	.content-area, .widget-area{
		padding: 0;
	}
	.site-branding{
		padding: 10px 0 ;
		text-align: center;
	}
	.main-navigation{
		display: none;
	}
	#sfm-sidebar.sfm-compact .sfm-logo{
		margin: 6px 0 !important;
		padding: 0 5px !important;
	}
	.sfm-title h3{
		font-size: 16px;
	}
	.sfm-mobile .sfm-navicon-button{
		top :25% !important;
	}
	.rt-product-category{
		display: none;
	}
}	
@media (max-width: 812px) {
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		width: 100%;
	}
	.single-product .rt-summary {
		width: 100%;
	}
}

@media screen and  (max-width: 568px) {
	.product-style li{
		width: 48%;
		margin: 0 1% 15px !important;
	}
	.product-style li:nth-child(2n+1){
		clear: both !important;
	}
	.product-style li:nth-child(4n+1){
		clear: none !important;
	}
	.rt-thumb {
		height: 200px;
	}
	.rt-thumb > a > img{
		width: auto;
		height: auto;
		max-height: 200px;
	}
	.content-products .rt_woocommerce-loop-product__title a{
		line-height: 30px;
		height: 30px;
	}
	.rt-blog-shortcode.style-blog-4 .first-element-layout{
		width: 100%;
		margin: 0  auto 10px;
	}
	.rt-blog-shortcode.style-blog-4 .second-element-layout{
		width: 100%;
		margin: 0 auto 10px;
	}
}

@media screen and  (max-width: 480px) {

}

@media screen and  (max-width: 414px) {
	.rt-thumb {
		height: 110px;
	}
	.rt-thumb > a > img{
		width: auto;
		height: auto;
		max-height: 110px;
	}
	.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) {

}