.news{float: left;width: 33.33333%;padding-left: 15px;padding-right: 15px;margin-bottom: 20px;}
.newss{text-align: center;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 0px 1px 2px rgba(24, 24, 24, 0.1);-moz-box-shadow:0px 0px 1px 2px rgba(24, 24, 24, 0.1);box-shadow:0px 0px 1px 2px rgba(24, 24, 24, 0.1);padding: 10px;}
.news:last-child{margin-right: 0;}
.news-img{height: 195px;margin-bottom: 10px;}
@media (min-width: 1200px){
	.container{width:1200px;}
	.social.others{display: none;}
	.related{margin-left: auto; margin-right: auto;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.container{width:100% !important;margin-top: 25px;}
	.news-img img{width: 100%; height: auto;}
	.social.others{display: none;}
}
@media (min-width: 992px){
.col-dl-1,.col-dl-2,.col-dl-3,.col-dl-4,.col-dl-5,.col-dl-6,.col-dl-7,.col-dl-8,.col-dl-9,.col-dl-10,.col-dl-11,.col-dl-12{float:left;}
.col-dl-12{width:100%}.col-dl-11{width:91.66666667%}.col-dl-10{width:83.33333333%}.col-dl-9{width:75%}.col-dl-8{width:66.66666667%}.col-dl-7{width:58.33333333%}.col-dl-6{width:50%}.col-dl-5{width:41.66666667%}.col-dl-4{width:33.33333333%}.col-dl-3{width:25%}.col-dl-2{width:16.66666667%}.col-dl-1{width:8.33333333%}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{width:100% !important;}
	
	.social{margin-left: 0;}
	.news-img img{width: 100%; height: auto;}
	.social.others{display: none;}
}
@media (max-width: 991px){
	.container{width:100% !important}
	.news-img img{width: 100%; height: auto;}
	.social.others{display: block}
	.news-img{height: 165px}
	.wrapper{margin: 20px 15px;padding:15px}
	.social{float: none;width: 100%;padding-left: 15px;padding-right: 15px;max-width: none;}
	.hidden-social{display: none;}
} 
@media (max-width: 767px){
	.container{width:100% !important}
	.social{margin-left: 0;}
	.news{width: 50%}
	.news-img img{width: 100%; height: 185px;}
	.img-middle img{width: 100%;}
}
@media (max-width: 570px){
	.container{width:100% !important}
	.social{float: none;width: 100%;margin-left: 0;display: none;}
	.social.others{display: block;}
	.news-img{height: 125px}
	.news-img img{width: 100%; height: auto;}
	.img-middle img{width: 100%;}
	h1.title{font-size: 22px;}
}
@media (max-width: 480px){
	.container{width:100% !important}
	.social{float: none;width: 100%;margin-left: 0;display: none;}
	.social.others{display: block;}
	.news{float: none;width: 100%;margin-bottom: 15px;}
	.news-img{height: auto}
	.news-img a{height: auto !important;display: block !important;}.news-img a img{width: 100%;height: auto;max-height: none !important;}

}