@media screen and (min-width: 301px) and (max-width: 900px){
  div.uniTileWrapper{
		z-index: 0;
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
	}
	div.uniTileCon{
		display: inline-block;
		position: relative;
		width: calc(100vw - 60px);
		height: calc(100vw - 60px);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 25px;
		margin-top: 30px;
		overflow: hidden;
	}
	.vStrokeSVG{
		opacity: 0.5;
		position: absolute;
		margin-left: 10%;
		height: 100%;
	}
	.vStroke{
		opacity: 1;
		fill: rgba(163, 134, 47, 1);
	}
	.uniTileCon:hover{
		cursor: pointer;
	}
	.uniTileCon:hover .uniTileBG{
		background-color: rgba(0,36,93,1);
		transition: background-color 0.5s;
	}
	div.uniTileBG{
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,36,93,0.5);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: 30% 0%;
		background-size: contain;
		transition: background-color 0.5s;
	}
	div.uniTileTextCon{
		position: absolute;
		left: 30px;
		right: 30px;
		bottom: 30px;
		color: #ffffff;
		font-family: bBold;
		font-size: 3em;
		line-height: 0.8em;
	}
	div#uniArtBG{
		z-index: 10;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.8);
		overflow: hidden;
	}
	div#uniArtWrapper{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	#uniArtWrapper::-webkit-scrollbar {
		display: none;
	}
	div.uniArtCon{
		display: none;
		position: relative;
		width: calc(100% - 60px);
		height: auto;
		margin: 30px 30px;
		border-radius: 25px;
		background-color: #ffffff;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47,0.5);
	}
	div.uniArtBanner{
		display: inline-block;
		width: 100%;
		height: 30vh;
		border-radius: 25px;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	div.uniArtDescCon{
		position: relative;
		display: inline-block;
		padding: 30px 30px;
		height: auto;
	}
	div.uniArtTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: bBold;
		font-size: 2.5em;
		line-height: 0.8em;
	}
	div.uniArtDesc{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kReg;
		font-size: 1em;
		line-height: 1.2em;
		margin-top: 30px;
	}
	div.uniArtImgCon{
		display: inline-block;
		position: relative;
		margin: 30px 30px;
		margin-top: 0;
		margin-bottom: 25px;
	}
	div.uniArtImg{
		display: inline-block;
		width: calc(100vw - 60px - 60px);
		height: calc((100vw - 60px - 60px)/1.5);
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top left;
		margin-top: 30px;
		border-radius: 20px;
	}
	.uniArtImg.halfPortrait{
		width: calc(100vw - 60px - 60px);
		height: calc((100vw - 60px - 60px)*1.5);
	}
	div.uniArtClose{
		position: fixed;
		top: calc(30px + 25px);
		right: calc(30px + 25px);
		width: 50px;
		height: 50px;
		background: #A3862F;
		color: #00245D;
		font-size: 2em;
		line-height: 1.5em;
		text-align: center;
		border-radius: 50px;
		transform: rotate(0deg);
		transition: transform 0.5s;
	}
	.uniArtClose:hover{
		cursor: pointer;
		transform: rotate(90deg);
		transition: transform 0.5s;
	}
		
}

@media screen and (min-width: 901px){
  div.uniTileWrapper{
		z-index: 0;
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		padding-top: 5em;
	}
	div.uniTileCon{
		display: inline-block;
		position: relative;
		width: calc(((100vw - 20em - 15px)/2) - 10px);
		height: calc((((100vw - 20em - 2em - 15px)/2) - 10px)*0.8);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		margin-right: 5px;
		margin-bottom: 5px;
		border-radius: 50px;
		overflow: hidden;
		transition: background-size 0.5s, background-color 0.5s;
	}
	.vStrokeSVG{
		opacity: 0.75;
		position: absolute;
		margin-left: 10%;
		height: 100%;
	}
	.vStroke{
		fill: rgba(163, 134, 47, 0);
		opacity: 1;
		stroke: #A3862F;
		stroke-linecap: round;
		stroke-miterlimit: 10;
		stroke-dasharray: 2200;
		stroke-dashoffset: 2200;
		stroke-width: 3px;
		transition: fill 0.3s, stroke-dashoffset 0.4s 0.3s;
	}
	.uniTileCon:hover{
		cursor: pointer;
		background-size: auto 110%;
		transition: background-size 0.5s, background-color 0.5s;
	}
	.uniTileCon:hover .uniTileBG{
		background-color: rgba(0,36,93,1);
		transition: background-color 0.5s;
	}
	.uniTileCon:hover .vStroke{
		fill: rgba(163, 134, 47, 1);
		stroke-dashoffset: 0;
		transition: fill 0.3s 0.3s, stroke-dashoffset 0.4s;
	}
	.uniTileCon:hover .uniTileTextCon{
		opacity: 1;
		transform: translateX(0);
		transition: opacity 0.5s, transform 0.5s;
	}
	.uniTileCon.esg{
		/* background-size: 100% auto;
		width: calc((100vw - 20em - 15px) - 10px);
		height: calc(((100vw - 20em - 2em - 15px) - 10px)*0.35); */
	}
	.uniTileCon.esg:hover{
		background-size: 110% auto;
	}
	div.uniTileBG{
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,36,93,0);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: 25% 0%;
		background-size: contain;
		transition: background-color 0.5s;
	}
	div.uniTileTextCon{
		opacity: 0;
		position: absolute;
		left: 3vw;
		right: 10vw;
		bottom: 3vw;
		height: auto;
		color: #ffffff;
		font-family: bBold;
		font-size: 4em;
		line-height: 0.8em;
		transform: translateX(-10px);
		transition: opacity 0.5s, transform 0.5s;
	}
	div#uniArtBG{
		z-index: 10;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.8);
		overflow: hidden;
	}
	div#uniArtWrapper{
		position: absolute;
		top: 0;
		left: 30vh;
		right: 30vh;
		bottom: 0;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	#uniArtWrapper::-webkit-scrollbar {
		display: none;
	}
	div.uniArtCon{
		display: none;
		position: relative;
		width: calc(100% - 4vw);
		height: auto;
		margin: 6vh 2vw;
		border-radius: 50px;
		background-color: #ffffff;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
	}
	div.uniArtBanner{
		display: inline-block;
		width: 100%;
		height: 50vh;
		border-radius: 50px;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	div.uniArtDescCon{
		position: relative;
		display: inline-block;
		padding: 3vw 3vw;
		height: auto;
	}
	div.uniArtTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: bBold;
		font-size: 3em;
		line-height: 0.8em;
	}
	div.uniArtDesc{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kReg;
		font-size: 1em;
		line-height: 1.2em;
		text-align: justify;
		margin-top: 2em;
	}
	div.uniArtImgCon{
		display: inline-block;
		position: relative;
		margin: 3vw 3vw;
		margin-top: 0;
	}
	div.uniArtImg{
		display: inline-block;
		position: relative;
		width: calc(100vw - 60vh - 12vw + 10px);
		height: calc((100vw - 60vh - 12vw + 10px)/1.5);
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin-top: 5px;
		border-radius: 25px;
	}
	.uniArtImg.halfPortrait{
		margin-right: 5px;
		width: calc((100vw - 60vh - 12vw)/2);
		height: calc(((100vw - 60vh - 12vw)/2)*1.5);
	}
	.uniArtImg.halfLandscape{
		margin-right: 5px;
		width: calc((100vw - 60vh - 12vw)/2);
		height: calc(((100vw - 60vh - 12vw)/2)/1.5);
	}
	.uniArtImg.halfSquare{
		margin-right: 5px;
		width: calc((100vw - 60vh - 12vw)/2);
		height: calc((100vw - 60vh - 12vw)/2);
	}
	div.uniArtClose{
		position: fixed;
		top: 6vh;
		right: calc(30vh - 50px);
		width: 50px;
		height: 50px;
		background: #A3862F;
		color: #00245D;
		font-size: 2em;
		line-height: 1.5em;
		text-align: center;
		border-radius: 50px;
		transform: rotate(0deg);
		transition: transform 0.5s;
	}
	.uniArtClose:hover{
		cursor: pointer;
		transform: rotate(90deg);
		transition: transform 0.5s;
	}
	
}

/*Events Tiles*/
.uniTileCon.icc2023{
	background-image: url("../sources/vnews/events/icc2023/banner.jpg");
}
#icc2023_1{
	background-image: url('../sources/vnews/events/icc2023/1.jpg');
}
#icc2023_2{
	background-image: url('../sources/vnews/events/icc2023/2.jpg');
}
#icc2023_3{
	background-image: url('../sources/vnews/events/icc2023/3.jpg');
}
#icc2023_4{
	background-image: url('../sources/vnews/events/icc2023/4.jpg');
}
#icc2023_5{
	background-image: url('../sources/vnews/events/icc2023/5.jpg');
}
#icc2023_6{
	background-image: url('../sources/vnews/events/icc2023/6.jpg');
}
#icc2023_7{
	background-image: url('../sources/vnews/events/icc2023/7.jpg');
}
#icc2023_8{
	background-image: url('../sources/vnews/events/icc2023/8.jpg');
}
#icc2023_9{
	background-image: url('../sources/vnews/events/icc2023/9.jpg');
}
#icc2023_10{
	background-image: url('../sources/vnews/events/icc2023/10.jpg');
}
.uniTileCon.sbkeshava{
	background-image: url("../sources/vnews/events/sbkeshava/banner.jpg");
}
#sbkeshava_1{
	background-image: url('../sources/vnews/events/sbkeshava/1.jpg');
}
#sbkeshava_2{
	background-image: url('../sources/vnews/events/sbkeshava/2.jpg');
}
#sbkeshava_3{
	background-image: url('../sources/vnews/events/sbkeshava/3.jpg');
}
#sbkeshava_4{
	background-image: url('../sources/vnews/events/sbkeshava/4.jpg');
}
#sbkeshava_5{
	background-image: url('../sources/vnews/events/sbkeshava/5.jpg');
}
#sbkeshava_6{
	background-image: url('../sources/vnews/events/sbkeshava/6.jpg');
}
.uniTileCon.womens2023{
	background-image: url("../sources/vnews/events/womens2023/banner.jpg");
}
#womens2023_1{
	background-image: url('../sources/vnews/events/womens2023/6.jpg');
}
#womens2023_2{
	background-image: url('../sources/vnews/events/womens2023/1.jpg');
}
#womens2023_3{
	background-image: url('../sources/vnews/events/womens2023/5.jpg');
}
#womens2023_4{
	background-image: url('../sources/vnews/events/womens2023/2.jpg');
}
#womens2023_5{
	background-image: url('../sources/vnews/events/womens2023/3.jpg');
}
.uniTileCon.eascr2022{
	background-image: url("../sources/vnews/events/eascr2022/banner.jpg");
}
#eascr2022_1{
	background-image: url('../sources/vnews/events/eascr2022/1.jpg');
}
#eascr2022_2{
	background-image: url('../sources/vnews/events/eascr2022/2.jpg');
}
#eascr2022_3{
	background-image: url('../sources/vnews/events/eascr2022/3.jpg');
}
#eascr2022_4{
	background-image: url('../sources/vnews/events/eascr2022/4.jpg');
}

/*CSR Tiles*/
.uniTileCon.faraja{
	background-image: url("../sources/vnews/csr/faraja/farajaBanner.jpg");
}
#faraja1{
	background-image: url('../sources/vnews/csr/faraja/1.jpg');
}
#faraja2{
	background-image: url('../sources/vnews/csr/faraja/2.jpg');
}
#faraja3{
	background-image: url('../sources/vnews/csr/faraja/3.jpg');
}
.uniTileCon.famine{
	background-image: url("../sources/vnews/csr/faminerelief/famineBanner.jpg");
}

.uniTileCon.press{
	background-image: url("../sources/vnews/esg/tree2023/banner.jpg");
}


/*ESG Tiles*/
.uniTileCon.tree2023{
	background-image: url("../sources/vnews/esg/tree2023/banner.jpg");
}
#tree2023_1{
	background-image: url('../sources/vnews/esg/tree2023/1.jpg');
}
#tree2023_2{
	background-image: url('../sources/vnews/esg/tree2023/2.jpg');
}
#tree2023_3{
	background-image: url('../sources/vnews/esg/tree2023/5.jpg');
}
#tree2023_4{
	background-image: url('../sources/vnews/esg/tree2023/3.jpg');
}
#tree2023_5{
	background-image: url('../sources/vnews/esg/tree2023/4.jpg');
}
#tree2023_6{
	background-image: url('../sources/vnews/esg/tree2023/6.jpg');
}
.uniTileCon.solarsigning{
	background-image: url("../sources/vnews/esg/solarsigning/banner.jpg");
}
.uniTileCon.unglobal{
	background-image: url("../sources/vnews/esg/unglobal/banner.jpg");
}
.uniTileCon.esg{
	background-image: url("../sources/vnews/esg/esgArt.jpg");
}
.uniTileCon.sdg{
	background-image: url("../sources/vnews/esg/sdgArt.jpg");
}

/*Press*/
.uniTileCon.press{
	background-image: url("../sources/vnews/esg/press.jpg");
}

/*Cyber Tiles*/
.uniTileCon.kaachonjo{
	background-image: url("../sources/vnews/cybersecurity/kaachonjo/kaachonjo.jpg");
}
.uniTileCon.social{
	background-image: url("../sources/vnews/cybersecurity/password.jpg");
}
.uniTileCon.code{
	background-image: url("../sources/vnews/cybersecurity/hacker.jpg");
}

/*Events Banners*/
.uniArtBanner.icc2023{
	background-image: url("../sources/vnews/events/icc2023/banner.jpg");
}
.uniArtBanner.sbkeshava{
	background-position: 0% 20%;
	background-image: url("../sources/vnews/events/sbkeshava/banner.jpg");
}
.uniArtBanner.womens2023{
	background-image: url("../sources/vnews/events/womens2023/banner.jpg");
}
.uniArtBanner.eascr2022{
	background-image: url("../sources/vnews/events/eascr2022/banner.jpg");
}

/*CSR Banners*/
.uniArtBanner.faraja{
	background-position: top;
	background-image: url("../sources/vnews/csr/faraja/farajaBanner.jpg");
}
.uniArtBanner.upperhill{
	background-position: 0% 35%;
	background-image: url("../sources/vnews/csr/upperhill/upperhillBanner.jpg");
}
.uniArtBanner.famine{
	background-image: url("../sources/vnews/csr/faminerelief/famineBanner.jpg");
}

/*ESG Banners*/
.uniArtBanner.tree2023{
	background-image: url("../sources/vnews/esg/tree2023/banner.jpg");
}
.uniArtBanner.solarsigning{
	background-image: url("../sources/vnews/esg/solarsigning/banner.jpg");
}
.uniArtBanner.unglobal{
	background-position: 0% 30%;
	background-image: url("../sources/vnews/esg/unglobal/banner.jpg");
}
.uniArtBanner.esg{
	background-image: url("../sources/vnews/esg/esgArt.jpg");
}
.uniArtBanner.sdg{
	background-image: url("../sources/vnews/esg/sdgArt.jpg");
}

/*press Banners*/

.uniArtBanner.press{
	background-image: url("../sources/vnews/esg/press.jpg");
}

/*Cyber Banners*/
.uniArtBanner.kaachonjo{
	background-image: url("../sources/vnews/cybersecurity/kaachonjo/kaachonjo.jpg");
}
#kaachonjo_1{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/1.jpg');
}
#kaachonjo_2{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/2.jpg');
}
#kaachonjo_3{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/3.jpg');
}
#kaachonjo_4{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/4.jpg');
}
#kaachonjo_5{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/5.jpg');
}
#kaachonjo_6{
	background-image: url('../sources/vnews/cybersecurity/kaachonjo/6.jpg');
}
.uniArtBanner.social{
	background-image: url("../sources/vnews/cybersecurity/password.jpg");
}
#social_1{
	background-image: url("../sources/vnews/cybersecurity/social1.jpg");
	background-size: contain;
}
.uniArtBanner.code{
	background-image: url("../sources/vnews/cybersecurity/hacker.jpg");
}