/******************carousel**********************/
#carousel{position:relative;}
	#carousel .es-carousel{width:100%; overflow:hidden;}
		#carousel li{float:left; position:relative;}
#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:-50px;
	text-indent: -100%;
	font-size:0;
	line-height:0;
	white-space: nowrap;
	cursor:pointer;
	z-index:996;
	box-shadow: 0 2px 10px #dbdbdb;
}
#carousel .es-nav-prev{background-image:url(../images/next.jpg); right:51px;}
#carousel .es-nav-next{background-image:url(../images/prev.jpg); right:20px;}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover{box-shadow:none;background-position:0 -30px;}
#carousel li a{display:inline-block;border:5px solid #fff !important;}
#carousel li a:first-child{margin-bottom:20px;}
/*-------------------------------------------------------------------*/

@media only screen and (max-width: 995px) {
	#carousel li{width:182px !important;}
	#carousel li a{margin-right:10px;}
	#carousel li img{width:100%;}
}

@media only screen and (max-width: 767px) {
#carousel li{width:210px !important;}
#carousel li a{margin-right:10px;width:90%;}
}

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