.newsOuter { width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; flex-wrap:wrap; }
.newsItem { width:24%; padding:20px 20px 20px 20px; border:1px solid #cccccc; border-radius:8px; margin:0px 0.3% 10px 0.3%; font-size:13px; line-height:20px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; }
.newsItem img { align-self:start; margin-bottom:5px; }
.newsItem span.newsDate { align-self:start; margin-bottom:5px; font-size:12px; color:#666666; }
.newsItem span.viewNews { align-self:center; margin-bottom:5px; font-size:11px; color:#666666; }
.newsItem span.newsLink { align-self:flex-start; margin-bottom:20px; font-size:13px; color:#666666; }
.newsItem h2 { font-style:italic; }
.newsItem img { border-radius:8px; width:100%; height:auto; overflow:hidden; margin-bottom:15px; }

#next { width:50%;float:left;padding:10px 20px 10px 0px;margin-top:30px;text-align:right; }
#prev { width:50%;float:left;padding:10px 0px 10px 20px;margin-top:30px;border-left:1px solid #cccccc; }

#newsImg { clear:both; float:left; width:35%; border-radius:8px; }

hr.newsRule { clear:both; float:left; margin:20px 0px 10px 0px; width:100%; }

#newsArticleRight { float:left; margin-left:3%; width:62%; }








@media only screen and (max-width: 1440px) {
/* For laptop: */



}



@media only screen and (max-width: 1100px) {
/* For inbetween: */

.newsItem { width:31%; margin:0px 1% 20px 1%; }

}



@media only screen and (max-width: 800px) {
/* For tablets: */

.newsItem { width:48%; margin:0px 1% 20px 1%; }

}


@media only screen and (max-width: 414px) {
/* For mobile phones: */

#newsImg { width:100%; margin:20px 0 0 0; }
#newsArticleRight { clear:both; margin:20px 0 0 0; width:100%; }
.newsItem { width:100%; margin:0px 0 20px 0; }

}