#reviews{
	float:left;
	width:100%;
	padding:25px 0 85px;
}

#reviews h3{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 15px 0;
    font-size: 32px;
}

#reviews h3 i{
    color: #ffd800;
    margin: 0 15px;
}

#reviews p{
    float: left;
	width: 100%;
	margin: 10px 0 15px;
    text-align: center;
    color: #626262;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}

#review-wrapper{
	float:left;
	position:relative;
}

#review-wrapper .review-control-button{
    position: absolute;
    z-index: 9;
    bottom: -70px;
    background: #2c2c2c;
    width: 60px;
    height: 60px;
    border-radius: 90px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 42px;
    box-shadow: 0px 2px 5px #9c9c9c;
}

#review-wrapper .review-control-button[data-id="prev"]{
	left:60px;
}

#review-wrapper .review-control-button[data-id="next"]{
	right:60px;
}

#review-wrapper .review-control-button i{
	line-height: 60px;
}

#review-ul-wrapper{
	float:left;
	width:100%;
	overflow:hidden;
}

#review-wrapper ul{
	float:left;
	width:100%;
	height:calc(320px * 4);
	list-style:none;
	position:relative;
}

#review-wrapper ul li{
	float:left;
	width:100%;
    text-align: center;
}

.review{
	display:inline-block;
	width: 100%;
    margin: 10px 0;
    box-shadow: 0px 2px 5px #9c9c9c;
}

.review-img{
	float:left;
	width:100%;
	height:225px;
	background-size:cover !important;
	background-position:center !important;
}

.review-link{
    float: left;
    width: 100%;
    padding: 25px 30px;
    background: #dcdcdc;
    color: #636363;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 17px;
}

.review-link i{
	margin-right:5px;
}

.review-link a{
	color:inherit;
}

@media screen and (min-width:640px)
{
	#reviews{
		padding:25px 0 50px;
	}
	
	#review-wrapper .review-control-button{
		top: 290px;
		bottom: unset;
	}
	
	#review-wrapper .review-control-button[data-id="next"] {
		right: -10px;
	}
	
	#review-wrapper .review-control-button[data-id="prev"] {
		left: -10px;
	}

	#review-wrapper ul{
		height:calc(320px * 2);
	}
	
	.review{
		width: 46%;
		margin: 10px calc((100% - (46%*2)) / 4);
	}
}

@media screen and (min-width:960px)
{
	#review-wrapper ul{
		height:320px;
	}
	
	#review-wrapper .review-control-button {
		top: 140px;
	}
	
	.review {
		width: 230px;
		margin: 10px 5px;
	}
}

@media screen and (min-width:1125px)
{
	.review{
		width: 245px;
		margin: 10px 15px;
	}
}