.bioLbContent,
.bioPhotoContent {
	display: none;
	position: fixed;
	overflow-y: scroll;
	min-height: 100vh;
	padding: 100px 0 0;
	box-sizing: border-box;
	width: 100%;
	background: #000;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0px;
	z-index: 100;
}

.lbClose {
	font-size: 10px;
color: #000;
position: absolute;
top: 46px;
right: 95px;
background: #fff;
display: inline-block;
width: 106px;
cursor: pointer;
font-family: 'Druk Wide';
font-weight: 500;
font-style: normal;
height: 16px;
line-height: 18px;
}

.bioContent {
	max-width: 575px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: left;
	font-family: 'Druk Wide';
font-weight: 500;
font-style: normal;
}
.lbClose:hover {
	color: #fff;
	background: #000;
	box-sizing: border-box;
	border: 1px solid #fff;
	line-height: 16px;
}

.photosContent.desktop {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 7%;
}

.photosContent.desktop img {
	transition: 0.8s;
	cursor: pointer;
}


.photosContent.desktop div.imageOne {
	position: absolute;
	left: 25px;
	top: 69px;
	/* z-index: 99; */
	z-index: 5;
}

.bioPhotoContent div.photoWrap {
	padding: 20px 50px;
}

.photosContent.desktop div.imageTwo {
	position: relative;
	text-align: center;
	z-index: 10;
}

.photosContent.desktop div.imageThree {
	position: absolute;
	left: 72%;
	top: 28px;
	/*z-index: 11;*/
	z-index: 5;
}

.photosContent.desktop div.imageFour {
	position: absolute;
left: 85%;
top: 31%;

}

.photosContent.desktop div.imageFive {
	position: relative;
text-align: left;
/* top: 15%; */
margin-top: 3%;
margin-left: 9%;
}

.photosContent.desktop div.imageFive img {
	width: 42%;
}

.photosContent.desktop .imageSix {
	position: absolute;
left: 63%;
top: 59%;
z-index: 5;

}

.photosContent.desktop .imageThree img {
	width: 90%;
}

.photosContent.desktop .aboutText {
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 53%;
	top: 88%;
	text-decoration: underline;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Druk Wide';
	font-weight: 500;
	font-style: normal;
}

.photosContent.mobile .aboutText {
	font-size: 19px;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10%;
	font-family: 'Druk Wide';
	font-weight: 500;
	font-style: normal;
}
.photosContent.desktop .aboutText span:hover {
	opacity: 0.5;
}
.photosContent.desktop {
	display: block;
}
.photoWrap img {
    width: 60%;
}
#Music .musicContent .owl-carousel .owl-item img{
    width:auto !important;
}
.photosContent.mobile {
	display: none;
}
.photosContent.desktop img:hover {
    transform: scale(1.5);
	opacity:1;
}
.photosContent.desktop img {
    transition: 0.8s;
    opacity: 0.8;
    cursor: pointer;
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation: portrait)  {
	#Photos .photosContent.desktop div.imageFour{
		top:47%;
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	.imageOne.animateClass img{
		width:84%;
	}
	.photosContent.desktop div.imageOne{
		left:16px;
	}
	.photosContent.desktop .imageFour img{
		width:82%;
		
	}
	.photosContent.desktop div.imageFour{
		top:38%;
	}
	.photosContent.desktop .imageSix {
		top: 53%;
		left: 68%;
		transform: translate(-50%);
	}
	.imageTwo.animateClass img{
		width: 47%
	}
	.photosContent.desktop .aboutText {
		top: 92%;
		left: 57%;
	}
	
}

@media only screen and (max-width:767px) {
	

	.photosContent.desktop {
		display: none;
	}
	.bioPhotoContent div.photoWrap{
		padding: 8px;
	}
	.bioContent{
	  max-width: 80%;
      width: 90%;
	}
	.photosContent.mobile {
		display: block;
		max-width: 86%;
		margin: 0 auto;
	}

	.photosContent.mobile .imageOne {
		width: 49%;
		float: left;
	}

	.photosContent.mobile .imageTwo {
		display: inline;
		width: 47%;
		float: left;
		margin-top: 22%;
		margin-left: 3%;
	}

	.photosContent.mobile .imageThree {
		float: left;
		width: 62%;
		margin-top: 6%;
	}

	.photosContent.mobile .imageFour {
		float: left;
		width: 30%;
		margin-left: 7%;
		margin-top: 7%;
	}

	.photosContent.mobile .imageFive {
		margin-top: 5%;
		float: left;
		margin-bottom: 8%;
		width: 100%;
	}

	.photosContent.mobile .imageSix {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}

/* Start - New Changes */
.photosContent.desktop div.imageTwo img {
    opacity: 1;
}

.photosContent.desktop div.imageTwo{
	padding-top: 6%;
    margin-left: -4%;
}

/* End - New Changes */