.slider{
	margin:92px auto 92px;
	position: relative;
	max-width: 1170px;
	max-height: 400px;
	margin-top:30px;
}
.slider>span{
	box-shadow: 0 29.5px 38px #e0e0e0;
	background: #fff;
	position: absolute;
	left:50%;
	top:50%;
	text-align: left;
	width:835px;
	max-width:100%;
	/* height:358px; */
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);
font-family: 'Roboto', sans-serif;
	z-index: 0;
	
}
.slider>span.left , .slider>span.center , .slider>span.right{
	display:inline-block;
	opacity:1;
}
.slider>span.left{
	transform: translate(-59.25%,-50%);
	z-index: 1;
}
.slider>span.center{
	z-index: 2;
	transform:translate(-50%,-50%) scale(1.1);
}
.slider>span.right{
	transform: translate(-40.75%,-50%);
	z-index: 1;
}
.slider>.navContainer{
	width:49%;
	height: 100%;
	position: relative;
	display:inline-block;
	z-index: 500;
}
.slider>.navContainer>.leftClass,.slider>.navContainer>.rightClass{
	height: 100%;
	width:28px;
	background: url(slider-arrow.png)no-repeat center;
	background-position-x:0;
	position: absolute;
	opcity:0.9;
}
.slider>.navContainer>.rightClass{
	right: 0px;
	background-position-x:-30px;

}
.slider>.navContainer>.leftClass{
	left:0px;
}
.slider .row{width: 100%; margin:20px 0px 20px 0px;}
.slider .row img{max-width: 100%;}

.slider .row .grd-md-7 {
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
    width: 58%;
}
.slider .row .grd-md-5 {
    display: inline-block;
    vertical-align: top;
    width: 37%;
}

.slider span h2 {
    color: #555555;
    max-width: 90%;
}
.slider span .hd1 {
    color: #cd99d7;
    font-size: 20px;
    max-width: 90%;
}

.slider span .para {
    color: #8f8f8f;
    font-size: 15px;
    line-height: 1.5;
    max-width: 90%;
}

@media screen and (max-width:768px) {
	.slider{margin-left: 20px; margin-right: 20px; }

.slider .row .grd-md-7 {width: 38%;}
.slider .row .grd-md-5{width:57%;}
.slider span h2{margin: 0 0 10px; font-size:10px;}
.slider span .hd1{margin: 0 0 10px; font-size: 16px;}

}