@media screen and (min-width: 301px) and (max-width: 900px){
  div.teamSecTitle{
		z-index: 0;
		display: inline-block;
		width: 100%;
		height: auto;
		color: #A3862F;
		font-family: bBold;
		font-size: 4em;
		line-height: 0.9em;
		text-align: left;
		margin-bottom: 10px;
	}
	.teamSecTitle.exec{
		margin-top: 60px;
	}
	div.teamTileCon{
		position: relative;
		display: inline-block;
		width: calc(((100vw - 60px)/2) - 7px);
		height: calc((((100vw - 60px)/2) - 7px)*1.5);
		margin-right: 3px;
		margin-bottom: 3px;
		overflow: hidden;
		border: 1px solid #A3862F;
	}
	div.teamTileConImg{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	div.teamTileTextCon{
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(100% - 20px);
		height: calc(4.7em - 20px);
		background-color: #A3862F;
		padding: 10px 10px;
		border-top: 1px solid #A3862F;
	}
	div.teamTileName{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #ffffff;
		font-family: kBold;
		font-size: 1.2em;
		line-height: 1em;
	}
	div.teamTileTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #ffffff;
		font-family: kReg;
		font-size: 0.8em;
	}
	div#teamInfoBG{
		z-index: 10;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0.8);
		overflow: hidden;
	}
	div.teamInfoCon{
		display: none;
		position: absolute;
		top: 50px;
		bottom: 50px;
		left: 30px;
		right: 30px;
		background-color: #ffffff;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
	}
	div.teamInfoImg{
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 60px);
		height: 50%;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 15%;
	}
	div.teamInfoDescCon{
		position: absolute;
		top: calc(50% + 30px);
		left: 30px;
		right: 30px;
		bottom: 30px;
		height: auto;
		vertical-align: bottom;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	div.teamInfoName{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #A3862F;
		font-family: bBold;
		font-size: 3em;
		line-height: 0.8em;
	}
	div.teamInfoTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kBold;
		font-size: 1em;
	}
	div.teamInfoDesc{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kReg;
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 2em;
	}
	div.teamInfoClose{
		position: absolute;
		top: 30px;
		right: 30px;
		color: #00245D;
		font-size: 3em;
		line-height: 1em;
	}
}

@media screen and (min-width: 901px){
  div.teamSecTitle{
		z-index: 0;
		display: inline-block;
		width: 100%;
		height: auto;
		color: #A3862F;
		font-family: bBold;
		font-size: 4em;
		text-align: left;
	}
	.teamSecTitle.exec{
		margin-top: 1.25em;
	}
	div.teamTileCon{
		position: relative;
		display: inline-block;
		width: calc(((100vw - 20em - 15px)/4) - 10px);
		height: calc((((100vw - 20em - 2em - 15px)/4) - 10px)*1.5);
		margin-right: 5px;
		margin-bottom: 5px;
		overflow: hidden;
	}
	.teamTileCon.hods{
		width: calc(((100vw - 20em - 15px)/5) - 10px);
		height: calc((((100vw - 20em - 2em - 15px)/5) - 10px)*1.5);
	}
	.teamTileCon:hover .teamTileTextCon,
	.teamTileCon:hover .teamTileTextCon.hods{
		cursor: pointer;
		transform: translateY(0);
		transition: transform 0.5s;
	}
	.teamTileCon:hover .teamTileConImg{
		cursor: pointer;
		background-size: 105% auto;
		transition: background-size 0.5s;
	}
	.teamTileCon.hods:hover, 
	.teamTileCon.hods:hover .teamTileTextCon.hods,
	.teamTileCon.hods:hover .teamTileConImg{
		cursor: default !important;
	}
	.teamTileCon.hods:hover .teamTileConImg{
		background-size: 110% auto;
		transition: background-size 0.5s;
	}
	div.teamTileConImg{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;
		transition: background-size 0.5s;
	}
	div.teamTileTextCon{
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: #ffffff;
		width: calc(100% - 20px);
		height: calc(4em - 20px);
		padding: 10px 10px;
		border-top: 5px solid #A3862F;
		transform: translateY(4.5em);
		transition: transform 0.5s;
	}
	.teamTileTextCon.hods{
		height: calc(3.5em - 20px);
		transform: translateY(4em);
		transition: transform 0.5s;
	}
	div.teamTileName{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #A3862F;
		font-family: kBold;
		font-size: 1.5em;
		line-height: 0.9em;
	}
	.teamTileName.hods{
		font-size: 1.2em;
	}
	div.teamTileTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kReg;
		font-size: 0.9em;
	}
	.teamTileTitle.hods{
		font-size: 0.8em;
	}
	div#teamInfoBG{
		z-index: 10;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0.8);
		overflow: hidden;
	}
	div.teamInfoCon{
		display: none;
		position: absolute;
		top: 15vh;
		bottom: 15vh;
		left: 25vh;
		right: 25vh;
		overflow: hidden;
		background-color: #ffffff;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
	}
	div.teamInfoImg{
		position: absolute;
		top: 0;
		left: 0;
		width: 47vh;
		height: 70vh;
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;		
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
	}
	div.teamInfoDescCon{
		position: absolute;
		left: calc(47vh + 5vh);
		right: 15vh;
		top: 5vh;
		height: auto;
		vertical-align: bottom;
	}
	div.teamInfoName{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #A3862F;
		font-family: bBold;
		font-size: 3.5em;
		line-height: 0.8em;
	}
	div.teamInfoTitle{
		display: inline-block;
		width: 100%;
		height: auto;
		color: #00245D;
		font-family: kBold;
		font-size: 1.2em;
	}
	div.teamInfoDesc{
		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.teamWatermark{
		position: absolute;
		bottom: 5vh;
		right: 5vh;
		width: 7vh;
		height: 7vh;
		background-image: url("../sources/about/theteam/watermark.svg");
		background-attachment: absolute;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;	
	}
	div.teamInfoClose{
		position: absolute;
		top: 5vh;
		right: 5vh;
		color: #A3862F;
		font-size: 2em;
		line-height: 1em;
		transform: rotate(0deg);
		transition: transform 0.5s;
	}
	.teamInfoClose:hover{
		cursor: pointer;
		transform: rotate(90deg);
		transition: transform 0.5s;
	}
}

.teamTileConImg.director1, .teamInfoImg.director1{
	background-image: url("../sources/about/theteam/ketaki.jpg");
}
.teamTileConImg.director2, .teamInfoImg.director2{
	background-image: url("../sources/about/theteam/yogesh.jpg");
}
.teamTileConImg.director3, .teamInfoImg.director3{
	background-image: url("../sources/about/theteam/slyvano.jpg");
}
.teamTileConImg.director5, .teamInfoImg.director5{
	background-image: url("../sources/about/theteam/mihir.jpg");
}
.teamTileConImg.director6, .teamInfoImg.director6{
	background-image: url("../sources/about/theteam/raminder.jpg");
}
.teamTileConImg.director7, .teamInfoImg.director7{
	background-image: url("../sources/about/theteam/fiona.jpg");
}

.teamTileConImg.exec2, .teamInfoImg.exec2{
	background-image: url("../sources/about/theteam/azmina.jpg");
}
.teamTileConImg.exec3, .teamInfoImg.exec3{
	background-image: url("../sources/about/theteam/dharmesh.jpg");
}
.teamTileConImg.exec4, .teamInfoImg.exec4{
	background-image: url("../sources/about/theteam/hezron.jpg");
}
.teamTileConImg.exec5, .teamInfoImg.exec5{
	background-image: url("../sources/about/theteam/poonam.jpg");
}
.teamTileConImg.exec6, .teamInfoImg.exec6{
	background-image: url("../sources/about/theteam/kalpesh.jpg");
}
.teamTileConImg.exec7, .teamInfoImg.exec7{
	background-image: url("../sources/about/theteam/mitesh.jpg");
}

.teamTileConImg.hod1, .teamInfoImg.hod1{
	background-image: url("../sources/about/theteam/alpesh.jpg");
}
.teamTileConImg.hod2, .teamInfoImg.hod2{
	background-image: url("../sources/about/theteam/eunice.jpg");
}
.teamTileConImg.hod3, .teamInfoImg.hod3{
	background-image: url("../sources/about/theteam/fiddelice.jpg");
}
.teamTileConImg.hod4, .teamInfoImg.hod4{
	background-image: url("../sources/about/theteam/ruth.jpg");
}
.teamTileConImg.hod5, .teamInfoImg.hod5{
	background-image: url("../sources/about/theteam/nasibo.jpg");
}
.teamTileConImg.hod6, .teamInfoImg.hod6{
	background-image: url("../sources/about/theteam/charles.jpg");
}
.teamTileConImg.hod7, .teamInfoImg.hod7{
	background-image: url("../sources/about/theteam/mukund.jpg");
}
.teamTileConImg.hod8, .teamInfoImg.hod8{
	background-image: url("../sources/about/theteam/mitesh.jpg");
}
.teamTileConImg.hod9, .teamInfoImg.hod9{
	background-image: url("../sources/about/theteam/victor.jpg");
}
.teamTileConImg.hod10, .teamInfoImg.hod10{
	background-image: url("../sources/about/theteam/parita.jpg");
}
.teamTileConImg.hod11, .teamInfoImg.hod11{
	background-image: url("../sources/about/theteam/yaseen.jpg");
}
.teamTileConImg.hod12, .teamInfoImg.hod12{
	background-image: url("../sources/about/theteam/salim.jpg");
}
.teamTileConImg.hod13, .teamInfoImg.hod13{
	background-image: url("../sources/about/theteam/kunal.jpg");
}
.teamTileConImg.hod14, .teamInfoImg.hod14{
	background-image: url("../sources/about/theteam/varsha.jpg");
}
.teamTileConImg.hod15, .teamInfoImg.hod15{
	background-image: url("../sources/about/theteam/pascal.jpg");
}