/******************carousel**********************/
#carousel{
	position:relative;
	padding-bottom:16px;
	}
	#carousel .es-carousel{width:100%; overflow:hidden;}
		#carousel li{
			float:left; position:relative;
			width: 235px !important;
			margin:0 5px 0 0!important;
		}
		#carousel li h3{margin-bottom: 10px;}
#carousel .es-nav-prev, #carousel .es-nav-next{
	display:block !important;
	width:30px;
	height:30px;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:-54px;
	text-indent: -100%;
	font-size:0;
	line-height:0;
	white-space: nowrap;
	cursor:pointer;
	z-index:996;
}
#carousel .es-nav-prev{background:url(../images/prev.png) 0 bottom no-repeat;
 right:46px;
box-shadow: 0 1px 4px rgba( 65, 44, 44, 0.4);
border-radius: 500px;
}
#carousel .es-nav-next{background:url(../images/next.png) 0 0 no-repeat;
 right:5px;
box-shadow: 0 1px 4px rgba( 65, 44, 44, 0.4);
border-radius: 500px;
}
	 #carousel .es-nav-next:hover{background-position:0 bottom;box-shadow: 0 1px 0 rgba( 255, 255, 255, 1);}
	 #carousel .es-nav-prev:hover{background-position: 0 0;box-shadow: 0 1px 0 rgba( 255, 255, 255, 1);}

/*-------------------------------------------------------------------*/

@media only screen and (max-width: 995px) {
#carousel li{
			width: 189px !important;
			margin:0 3px 0 0!important;
		}
	#carousel li .figure-img{width: 100%;}
}

@media only screen and (max-width: 767px) {
#carousel li{
			width: 205px !important;
			margin:0 5px 0 0!important;
		}
}

@media only screen and (max-width: 479px) {
#carousel li{
			width:145px !important;
			margin:0 5px 0 0!important;
		}
}