/******************carousel**********************/
#carousel, #carousel-1{position:relative;}
	#carousel .es-carousel, #carousel-1 .es-carousel{width:100%; overflow:hidden;}
		#carousel .nav, #carousel-1 .nav{float:right; padding:29px 29px 0 10px;}
			#carousel .nav a, #carousel-1 .nav a{
				display:inline-block;
				font:400 13px/16px 'Ubuntu', sans-serif;
				color:#4e4e4e;
				text-decoration:none;
			}
				#carousel .nav a:hover, #carousel-1 .nav a:hover{text-decoration:none; color:#de5f0a;} 
		#carousel h3, #carousel-1 h3{overflow:hidden;}
		#carousel li, #carousel-1 li{float:left; position:relative;}
		#carousel-1 .img-box1{margin-right:1px;}
#carousel .es-nav-prev, #carousel .es-nav-next,
#carousel-1 .es-nav-prev, #carousel-1 .es-nav-next{
	display:block !important;
	width:8px;
	height:16px;
	overflow:hidden;
	background-position:center 6px;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
	text-indent: -100%;
	font-size:0;
	line-height:0;
	white-space: nowrap;
	cursor:pointer;
	z-index:996;
}
#carousel .es-nav-prev, #carousel-1 .es-nav-prev{background-image:url(../images/carousel-prev.gif); right:15px;}
#carousel .es-nav-next, #carousel-1 .es-nav-next{background-image:url(../images/carousel-next.gif); right:0;}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover,
	#carousel-1 .es-nav-prev:hover, #carousel-1 .es-nav-next:hover{background-position:0 -11px;}

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

@media only screen  and (min-width: 768px) and (max-width: 995px) {
	#carousel li{width:363px !important;}
	#carousel-1 li{width:205px !important;}
}

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

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