html, body {
				padding: 0;
				margin: 0;
			}

			.list_carousel {
				background-color: #ccc;
				margin: 0 0 0px 0px;
				width: 100%;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				*font-size: 40px;
				*color: #999;
				*text-align: center;
				*background-color: #fff;
				*border: 0px solid #999;
				*width: 50px;
				*height: 150px;
				*padding: 0;
				margin: 7.5px;
				display: block;
				float: left;
			}

.caroufredsel_wrapper{ height: 105px !important;}

			.list_carousel li img{ width:100%; height:auto;}
			.list_carousel.responsive {
				width: 100%;
				margin-left: 0;
			}
			.list_carousel.responsive .res{ float:left; width:100%;}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 0px;
				width:3%; height:100%;
			}
			.prev img{ width:60%; margin-left:20%;  margin-top:40px;}
			.next {
				float: right;
				margin-right: 0px;
				width:3%; height:100%;
			}
			.next img{ width:60%; margin-left:20%; margin-top:40px;}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
			@media only screen and (min-width: 100px) and (max-width: 479px) {
			.list_carousel.responsive .res{ float:left; *width:80%;}
			.list_carousel li { width: 9% !important; height:100px;}
                .list_carousel li img{ width: 100%;}
			.prev {
				float: left;
				margin-left: 0px;
				width:10%; height:100%;
			}
			.prev img{ width:60%; margin-left:20%;  margin-top:40px;}
			.next {
				float: right;
				margin-right: 0px;
				width:10%; height:100%;
			}
			.next img{ width:60%; margin-left:20%; margin-top:40px;}
			}
			
			@media only screen and (min-width: 480px) and (max-width: 767px) {
			.list_carousel.responsive .res{ float:left; width:80%;}
			.list_carousel li { height:150px;}
			.prev {
				float: left;
				margin-left: 0px;
				width:10%; height:100%;
			}
			.prev img{ width:60%; margin-left:20%;  margin-top:40px;}
			.next {
				float: right;
				margin-right: 0px;
				width:10%; height:100%;
			}
			.next img{ width:60%; margin-left:20%; margin-top:40px;}
			}
			
			@media only screen and (min-width: 768px) and (max-width: 1000px) {
			.list_carousel.responsive .res{ float:left; width:90%;}
			.list_carousel li { height:150px;}
			.prev {
				float: left;
				margin-left: 0px;
				width:5%; height:100%;
			}
			.prev img{ width:60%; margin-left:20%;  margin-top:40px;}
			.next {
				float: right;
				margin-right: 0px;
				width:5%; height:100%;
			}
			.next img{ width:60%; margin-left:20%; margin-top:40px;}
			}