/******************carousel**********************/
#carousel{position:relative;}
	#carousel .es-carousel{width:100%; overflow:hidden;}
		#carousel li{float:left; position:relative; text-align:center; font-size:18px;}
    #carousel li>a{display: inline-block;margin-bottom: 10px;}
#carousel .es-nav-prev, #carousel .es-nav-next{
	display:none !important;
	width:36px;
	height:34px;
	overflow:hidden;
	background-repeat:no-repeat;
	position:absolute;
	top:-60px;
	text-indent: -100%;
	font-size:0;
	line-height:0;
	white-space: nowrap;
	cursor:pointer;
	z-index:996;
}
#carousel .es-nav-prev{background-image:url(../images/car_prev.png); right:37px;}
#carousel .es-nav-next{background-image:url(../images/car_next.png); right:0;}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover{background-position:0 -34px;}

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

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

@media only screen and (max-width: 767px) {
   #carousel li{text-align: center;width: 210px !important;}
   #carousel li img{margin-left: 1px;}
}

@media only screen and (max-width: 479px) {
#carousel li{width: 300px !important;}
#carousel li > a{margin-right: 0;display: block;}
#carousel li img{margin-left: 0px;}
}