.carouseller:before, .carouseller:after { content:"";  display:table;}
.carouseller:after { clear: both;}
.carouseller { position: relative; max-width:1280px; margin:auto;}

.carouseller [class*="car__"]{
	display: inline-block; 
	position: relative;
    margin-left:0.1954102564102564% !important;
    *margin-left: 0.25109110747408616% !important;
    float: left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
.carouseller [class*="car__"]:first-child  { margin-left:0 !important;}
.carouseller [class*="car__"]:nth-child(n+7) { display:none;}

.carouseller .car__3 { width:2.3536923076923077%;}

.carouseller .carouseller__list { position:relative; width:997.4358974358974%;}
.carouseller .carouseller__wrap { overflow:hidden; position:relative; margin:0 0px 0 0;}

.carouseller .carouseller__left, 
.carouseller .carouseller__right {position:absolute; margin:0; top:-40px; background:none repeat scroll 0 0 transparent; font-size:30px;
    text-align:center; color:#979797; text-decoration:none; height:25px; line-height:20px; background:#fff; padding:0 8px; border-radius:3px;}
.carouseller .carouseller__left { right:30px;}
.carouseller .carouseller__right { right:0;}
.carouseller .carouseller__left:hover, .carouseller .carouseller__:hover { opacity: 0.8;}


/*------Responsive-----------*/
@media (min-width: 768px) and (max-width: 979px) { 
	.carouseller .car__3 { width:3.1623931623931625%;}
}

@media (max-width: 767px) {
	.carouseller .car__3 { width:4.8717948717948715%;}
}

@media (max-width: 480px) {
	.carouseller .car__3 { width:10%;}
}

/* This can be deleted */
[class*="car__"] { text-align:center; font-size:30px; font-weight:bold; border-radius:8px;}
.carouseller { margin-bottom:40px;}