:root {
	--newlist-item-marginR:25px;
}
/* MOBILE VERSION */
@media only screen and (max-width:560px) {
	:root {
    --newlist-item-marginR: 13px;
	}
	
}

.imgGrid .side-Content .side-items{
	grid-template-columns: calc( 30% - 7px ) calc( 30% - 7px )  calc( 30% - 7px );
	
}
.newspage-listing{
	width:850px;
	max-width:100%;
	margin: auto;
	padding-left: calc( var(--heading_width) + 50px );
} 
.aMore{
	font-size:20px;
	line-height:27px;
	display:block;
	width:fit-content;
	margin:var(--content_pGap) var(--newlist-item-marginR) 0px auto;
}
.aMore:hover,.aMore{
	color:var(--theme_colorD_v1);
}
.dateicon{
	width:72px;
	height:72px;
	border-radius:20px;
	
	background-color:var(--theme_colorD_v1);
	background-image:url('/images/iconbg_date.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	
	position:relative;
}
.news-list > div > a
,.newspage-details .news-heading{
	padding: 16px var(--newlist-item-marginR);
	position: relative;
	display: grid;
	grid-template-columns: 75px calc( 100% - 75px - var(--newlist-item-marginR) );
	grid-gap: var(--newlist-item-marginR);
	
}
	
	.newspage-details .news-heading{
		
		margin-bottom:50px;
		padding:0px;
		
	}
	.newspage-details .news-heading
	,.newspage-details .news-content{
		position: relative;
	}
	
	
	.newspage-details .news-nav{
		font:var(--title2-font);
		font-size:18px;
		line-height:24px;
		letter-spacing:-0.18px;
		color:var(--theme_colorA_v5);
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: 10px;
		width: fit-content;
		position: absolute;
		right: 0px;
		margin-top: 5px;
	}
	.newspage-details .list{
		
		
    border-left: 1px solid #CEE9F2;
    border-right: 1px solid #CEE9F2;
    padding: 0px 8px;
    background-image: url(/images/icon_news_listing.svg?1=2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	width:50px;
	height:26px;
	}
	.newspage-details .list a{
		display:block;
		height:100%;
	}
	.newspage-details .news-item-title{
		
		font:var(--title2-font);
		font-size:25px;
		line-height:34px;
		
		color:var(--theme_colorA_v4);
		
	}
	
	
	
	.news-item-title{
		font-family:var(--title-font_light);
		font-size:22px;
		line-height:36px;
	}
	.news-list > div:not(:last-child){
		margin-bottom: 10px;
	}
	.news-list > div a:hover:before{
		background-color: #05A497;
		opacity: 0.15;
		content: '';
		position: absolute;
		width: 100%;
		height: calc( 100% - 4px );
		left: 0px;
		top: 1px;
		border-radius: 20px;
		z-index: -1;
	}
	.news-list > div:not(:last-child) a:after{
		background-color: var(--theme_colorD_v1);
		opacity: 0.25;
		content: '';
		position: absolute;
		width: calc( 100% - ( var(--newlist-item-marginR) *2 ) );
		height: 1px;
		left: 5%;
		bottom:-5px;
		border-radius: 20px;
	}
	.dateicon .d, .dateicon .m{
		position:absolute;
		font:var(--title3-font);
		color:#ffffff;
		line-height:1em !important;
	}
	.dateicon .d{
		font:var(--title3-font_bold);
		font-size:30px;
		top:10px;
		left:10px;
	}
	.dateicon .m{
		right:5px;
		bottom:5px;
		font:var(--title3-font);
		font-size:18px;
		
	}
	.pagination{
		   margin-top: 80px;
		/* float: right; */
		margin: 80px 0px 0px auto;
		display: block;
		width: fit-content;
	}
	@media only screen and (max-width:1200px) {
			
		.newspage-listing{
			padding-left: var(--heading_width);
			width: 780px; 
			max-width: calc( 100% - 120px );
			margin-top:50px;
		}
		.news-list > div > a, .newspage-details .news-heading{
		    grid-template-columns: 62px calc( 100% - var(--newlist-item-marginR) - 62px );
			padding:16px 0px;
			    
		}
		.news-list > div:not(:last-child) a:after{
			width:100%;
			left:0px;
		}
		.news-list > div a:hover:before{
			background-color:unset;
		}
		.newspage-details .news-heading{
			margin-top: 100px;
				width:100%;
				padding:0px;
		}
		.news-list > div:first-child > a{
			padding-top:0px;
		}
		.dateicon{
			width:62px;
			height:62px;
		}
		.dateicon .m{
			font-size:14px;
			right: 6px;
		}
		.dateicon .d{
			font-size:25px;
			top: 8px;
			left: 8px;
		}
	}
	@media only screen and (max-width:768px) {
		.newspage-listing{
		    max-width: calc( 100% - 80px );
		}
	}
	
	/* MOBILE VERSION */
	@media only screen and (max-width:560px) {
		.newspage-listing{
		    width: 100%;
			padding: 0px;
			margin: 0px;
			max-width: unset;
			margin-top:70px;
		}
		.newspage-listing .news-item-title{
			font-size:20px;
			line-height:30px;
		}
		/*
		.newspage-listing, .newspage-details .news-heading{
			margin-top:70px;
		
		}
		*/
		.newspage-details .news-heading{
				margin-bottom:20px;
		}
		
	}