div.newsGallery {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	padding: 15px;
	}
	
	div.newsGallery ul#newsPreview {
		z-index: 200;
		position: absolute;
		top: 15px;
		left: 15px;
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		}
		
		ul#newsPreview > li.display { display: block !important; }
		ul#newsPreview > li.hide { display: none !important; }
		
		ul#newsPreview > li a {
			position: relative;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			}
			
			ul#newsPreview > li div.newsTitle {
				position: absolute;
				bottom: 0;
				display: block;
				width: 100%;
				padding-bottom: 5px;
				background: transparent url('bg_blackA70.png') repeat left bottom;
				}
				
				ul#newsPreview > li div.newsTitle h2 {
					display: block;
					height: auto;
					font: normal normal bold 20px/24px "Open Sans", sans-serif;
					color: #fff;
					padding: 10px 15px 0px 15px;
				}
				
				ul#newsPreview > li div.newsTitle p {
					display: block;
					font: normal normal normal 13px/17px "Arial",Helvetica, sans-serif;
					color: #fff;
					padding: 5px 15px 5px 15px;
				}
	
	div.newsGallery ul#newsList {
		z-index: 100;
		position: relative;
		top: 0;
		left: 0;
		list-style: none;
		padding: 0;
			}
		
			li.newsItem a {
				position: relative;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				}
				
				li.newsItem a:hover {
					background: rgba(0,0,0,0.25);
				}
				
			li.newsItem div.newsTitle {
				position: absolute;
				bottom: 0;
				display: block;
				width: 100%;
				min-height: 41px;
				padding-bottom: 5px;
				background: transparent url('bg_blackA70.png') repeat left bottom;
			}
			
			li.newsItem div.newsTitle h2 {
				display: block;
				height: 38px;
				padding: 5px 5px 0px 5px;
				overflow: hidden;
				font: normal normal bold 13px/17px "Arial",Helvetica, sans-serif;
				color: #fff;
				text-shadow: 1px 1px 1px #000;
			}
			
			li.newsItem div.newsTitle p {
				display: none;
			}
			
		li.newsItem:first-child div.newsTitle {
			position: absolute;
			bottom: 0;
			display: block;
			width: 100%;
			padding-bottom: 5px;
			background: transparent url('bg_blackA70.png') repeat left bottom;
			}
			
			li.newsItem:first-child div.newsTitle h2 {
				display: block;
				height: auto;
				font: normal normal bold 20px/24px "Open Sans", sans-serif;
				color: #fff;
				text-shadow: 1px 1px 1px #000;
				padding: 10px 15px 0px 15px;
			}
			
			li.newsItem:first-child div.newsTitle p {
				display: block;
				font: normal normal normal 13px/17px "Arial",Helvetica, sans-serif;
				color: #fff;
				padding: 5px 15px 5px 15px;
			}
			
	div.newsGallery ul#newsList:after {
		content: ' ';
		display: block;
		clear: both;
	}

/****************************************************/
/*						MOBILE						*/
/****************************************************/

@media (max-width: 768px) {
	ul#newsPreview > li {
		position: relative;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 205px;
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
	div.newsGallery ul#newsList > li.newsItem {
		float: left;
		position: relative;
		display: block;
		width: 49.30555%; /* 355px /720px = 0.4930555555555556*/
		height: 100px;
		overflow: hidden;
		margin: 5px 0.97222% 0 0; /* 7px / 720px = 0.0097222222222222 */
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		}
		
		div.newsGallery ul#newsList > li.newsItem:first-child {
			width: 100%;
			height: 205px;
			margin: 0 0 1.38889% 0; /* 10px / 720px = 0.0138888888888889 */
		}
		
		div.newsGallery ul#newsList > li:nth-child(2n+3) { margin: 5px 0 0 0; }
		
		div.newsGallery ul#newsList > li:nth-child(2) {	margin: 0 0.97222% 0 0;	}
		
		div.newsGallery ul#newsList > li:nth-child(3) {	margin: 0; }
}


/****************************************************/
/*						TABLET						*/
/****************************************************/

@media (min-width: 768px) and (max-width: 1200px) {
	
	ul#newsPreview > li {
		position: relative;
		top: 0;
		left: 0;
		display: none;
		width: 49.30555%;
		height: 205px;
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
	div.newsGallery ul#newsList > li.newsItem {
		float: left;
		position: relative;
		display: block;
		width: 24.16667%; /* 174px / 720px = 0.2416666666666667*/
		height: 100px;
		overflow: hidden;
		margin: 5px 0.97222% 0 0; /* 7px / 720px = 0.0097222222222222 */
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		}
		
		div.newsGallery ul#newsList > li.newsItem:first-child {
			width: 49.30555%; /* 355px /720px = 0.4930555555555556*/
			height: 205px;
			margin: 0 1.38889% 0 0; /* 10px / 720px = 0.0138888888888889 */
		}
		
		div.newsGallery ul#newsList > li:nth-child(2n+3) { margin: 5px 0 0 0; }
		
		div.newsGallery ul#newsList > li:nth-child(2) {	margin: 0 0.97222% 0 0;	}
		
		div.newsGallery ul#newsList > li:nth-child(3) {	margin: 0; }
}


/****************************************************/
/*						DESKTOP						*/
/****************************************************/

@media (min-width: 1200px) {

	ul#newsPreview > li {
		position: relative;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 410px;
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
	div.newsGallery ul#newsList > li.newsItem {
		float: left;
		position: relative;
		display: block;
		width: 24.16667%; /* 174px / 720px = 0.2416666666666667*/
		height: 100px;
		overflow: hidden;
		margin: 1.82815% 1.11111% 0 0; /* 10px / 547px = 0.0182815356489945, 8px / 720px = 0.0111111111111111 */
		padding: 0;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		}
		
		div.newsGallery ul#newsList > li.newsItem:last-child {
			margin: 1.82815% 0 0 0;
		}
		
		div.newsGallery ul#newsList > li.newsItem:first-child {
			width: 100%;
			height: 410px;
			margin: 0;
		}
}