.slider{
	margin:0 auto;
	position: relative;
	max-width: 1170px;
	max-height: 700px;
	margin-top:30px;
}
.slider>img{


	position: absolute;

	top:50%;

	width:390px;
	height:350px;
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);
	border: 4px solid #fff;

	z-index: 0;
}
.slider>img.left , .slider>img.center , .slider>img.right, .slider>img.right1, .slider>img.left1{
	display:inline-block;
	opacity: 1;
}
.slider>img.left{
	transform: translate(-100.25%,-50%) scale(1.0);
	z-index: 3;
}
.slider>img.center{
	z-index: 5;
	transform:translate(-50%,-50%) scale(1.2);
}
.slider>img.right{
	transform: translate(1.25%,-50%) scale(1.0);
	z-index: 3;
}

.slider>img.right1{
	transform: translate(36.25%,-50%) scale(0.8);
	z-index: 2;
}
.slider>img.left1{
	transform: translate(-136.50%,-50%) scale(0.8);
	z-index: 2;
}
.slider>.navContainer{
	width:49%;
	height: 80%;
	position: relative;
	display:inline-block;
	z-index: 500;
}
.slider>.navContainer>.leftClass,.slider>.navContainer>.rightClass{
	height: 100%;
	width:28px;
	background: url(../img/slider-arrow.png) no-repeat center;
	background-position-x:0;
	position: absolute;
	margin-top: 64px;
}
.slider>.navContainer>.rightClass{
	right: 0;
	background-position-x:-30px;

}
.slider>.navContainer>.leftClass{
	left:0;
}



.name {
    margin-bottom: 2px;
    color: #8c52ff;
}

.occupation {
    font-style: italic;
    margin-top: 2px;
}

@media (max-width: 575.98px) {


.slider {
    margin: 0 auto;
    position: relative;
    width: 80%;
    height: auto;
    max-height: 700px;
    margin-top: 95px !important;
    margin-bottom: 150px !important;
}

.slider>img.left{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 3;
}
.slider>img.center{
	z-index: 5;
	transform:translate(-50%,-50%) scale(1.2);
}
.slider>img.right{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 3;
}

.slider>img.right1{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 2;
}
.slider>img.left1{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 2;
}

.slider>img{


	position: absolute;

	top:50%;

	width:100%
	height:auto;
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);
	border: 4px solid #fff;

	z-index: 0;
}

	}

@media (min-width: 360px) and (max-width: 740px) {

	.slider>img{


	position: absolute;

	top:50%;

	width:100%
	height:auto;
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);
	border: 4px solid #fff;

	z-index: 0;
}

.slider>img.left{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 3;
	height: auto;
}
.slider>img.center{
	z-index: 5;
	transform:translate(-50%,-50%) scale(1.2);
	height: auto;
}
.slider>img.right{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 3;
	height: auto;
}

.slider>img.right1{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 2;
	height: auto;
}
.slider>img.left1{
	transform:translate(-50%,-50%) scale(1.2);
	z-index: 2;
	height: auto;
}

.slider>.navContainer>.leftClass,.slider>.navContainer>.rightClass{
	height: 100%;
	width:28px;
	background: url(../img/slider-arrow.png) no-repeat center;
	background-position-x:0;
	position: absolute;
	margin-top: 15px;
}
.slider>.navContainer>.rightClass{
	right: 0;
	background-position-x:-30px;

}
.slider>.navContainer>.leftClass{
	left:0;
}
}