.newsbox { width:324px; height:185px; margin-bottom:20px; }
.newsbox .inner { padding:20px; }
.newsbox .heading { font-size:15px; text-transform:uppercase; }
.newsbox .newsitem { margin-top:20px; }
.newsbox .heading a, .newsbox .heading a:hover, .newsbox .heading a:visited { font-weight:normal; }
.newsbox .newsitem .title { font-size:12px; margin-bottom:10px; float:left; width:220px; }
.newsbox .newsitem .title a { font-size:12px; } 
.newsbox .newsitem .date { width:64px; float:right; font-size:12px; text-align:right; }
.newsbox .newsitem .summary { clear:both; margin-top:10px; font-size:12px; }
.newsbox .newsitem .readmore {font-weight:normal;font-size:12px;}

.newslist .newsitem { margin-top:20px; min-height:120px; }
.newslist .newsitem .right { width:77%; float:right; }
.newslist .newsitem .title { font-size:16px; margin-bottom:10px; float:left; width:574px; line-height:24px; }
.newslist .newsitem .title a { font-size:16px; font-weight:normal; } 
.newslist .newsitem .date { width:64px; float:right; font-size:12px; line-height:24px; text-align:right; }
.newslist .newsitem .summary { clear:both; margin-top:10px; font-size:14px; }
.newslist .newsitem .summary-float { margin-top:10px; font-size:14px; }
.newslist .newsitem .blogimagewrapper { margin:0 3% 3% 0; text-align:right; width:20%; float:left; }
.newslist .newsitem .blogimagewrapper img { width:100%; height:auto; }
.newslist .newsitem .readmore {font-weight:normal;font-size:14px;}
.newslist .paging { margin-top:20px; text-align:right; }
.newslist .paging a { margin:0 0 0 5px; }
.newslist .paging span { margin:0 0 0 5px; }

.news h1 { line-height:30px; margin-bottom:10px; } 
.news .date { font-size:14px; text-align:left; }
.news .newscontent { clear:both; margin-top:20px; }
.news .newscontent p { margin:0; }
.news .newscontentfloat { margin-top:0; }
.news .blogimagewrapper { margin:0 0 3% 3%; width:45%; float:right; }
.news .blogimagewrapper img { width:100%; height:auto; }
.news .newscontent .viewall { clear:both; }

/***** Tablet (768px - 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.newsbox { width:245px; height:158px; }
	.newsbox .inner { padding:10px 15px 10px 15px; }
	.newsbox .newsitem { margin-top:7px; }
	.newsbox .newsitem .title { width:145px; margin-bottom:5px; }	
}

/***** Phone *****/
@media only screen and (max-width: 767px) { 
	.newsbox { height:180px; width:94%; margin:0 3% 30px 3%; }
	.newsbox .newsitem { margin-top:10px; }
	.newsbox .newsitem .title { min-width:216px; }
	.newslist { width:94%; margin-bottom:0 3% 30px 3%; }
	.newslist .newsitem .title { width:216px; }	
}