.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 915px; padding: 0; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  915px; height: 497px; }
.jcarousel-skin-tango .jcarousel-item { width: 320px; height: 487px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 20px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 20px !important; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/*Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -84px; right: 0px; background: url(img/carousal-arr-sprite.png) no-repeat -29px 0; width: 29px; height: 32px; cursor: pointer; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 0px; right: auto; background-image: url(img/carousal-arr-sprite.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -29px -32px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -29px 0px; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -29px -32px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -84px; left: 0px; background: url(img/carousal-arr-sprite.png) no-repeat 0 -32px; width: 29px; height: 32px; cursor: pointer; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 0px; background-image: url(img/carousal-arr-sprite.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; }

/*----------------------------------------*/
/*----- jcarousel for Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/


@media handheld and (max-width: 480px), screen and (max-device-width: 767px), screen and (max-width: 1024px) {
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 589px;
 padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  589px;
 height: 455px;
}
.jcarousel-skin-tango .jcarousel-item {
    height: 455px;
    width: 229px !important;
}
}


 @media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) {

.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 250px;
 padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  250px;
 height: 288px;
}
.jcarousel-skin-tango .jcarousel-item {
    height: 288px;
    width: 250px !important;
}
.jcarousel-skin-tango .jcarousel-next-horizontal { top: -45px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -45px; }

}

