.news-col-3, .news-col-2{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; }

.news{margin-bottom:40px !important; clear:both;}
.news .news-title{margin-top:0px;}
.news-content{float:left; width:100%; clear:both;}
.date-post{width: 11%;float: left;text-align: center;}
.date-post span{display: block;color: #222;font-size: 30px;margin: 0px 0px 2px;padding-bottom: 2px;border-bottom: 1px dotted #C0C0C0;}
.date-post h2{margin-bottom:5px !important; padding-bottom:0 !important; margin-top:0px !important; text-align:center;}
.date-post p{margin: 0px;text-transform: uppercase;color: #333; text-align:center !important}
.post-content-text{width:87%; margin-left:2%; float:left;}
.news-thumb{float:left; width:100%; margin-bottom:25px;}
.news-thumb img{width:100%; height:auto; margin:0px !important;}

.news_thumb_left{width:80px; float:left;}
.news_thumb_left img{width:100%;}
.news_thumb_right{margin-left:85px;}

.news_pagination{clear:both; padding:20px 0;  float:left; width:100%}
.button-news-p{width:49%; float:left; text-align:left}
.button-news-n{width:49%; float:right; text-align:right}

.recent-news-items{clear:both;}

.news-col-3{width:33%; float:left; clear:none !important; padding:0 15px;}
.news-col-2{width:50%; float:left; clear:none !important; padding:0 15px;}
.news-col-1{width:100%; float:left;}

.grid-news-thumb{float: left; height: 160px;line-height: 0;  overflow: hidden;  position: relative;  width: 100%;}
.grid-news-thumb img{margin: 0 auto;opacity: 1;position: absolute; }

.news-col-3 h2, .news-col-2 h2{font-size:18px !important; line-height:20px !important; font-weight: normal !important}
.news-col-3 .news-content-excerpt, .news-col-2 .news-content-excerpt{display:none;}
.news-col-3 .news-thumb, .news-col-2 .news-thumb{margin-bottom:5px;}
.news-col-3 .post-content-text, .news-col-2 .post-content-text{width:100%; margin:0px;}

@media all and (max-width: 768px) {
.news-col-3, .news-col-2{width:100%;}

}