.jcarousel-wrapper {position: relative; width: 1300px; margin: 0 auto;}

/** Carousel **/
.jcarousel {position: relative; overflow: hidden; width: 100%;}
.jcarousel ul {position: relative; list-style: none; margin: 0 15px; padding: 0;}
.jcarousel li {margin: 0; padding: 0; width: 30%;  float: left;}
.jcarousel li a {height: 160px;}

/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next {position: absolute; top: -55px; width: 20px; height: 30px; cursor: pointer; z-index: 100;}
.jcarousel-control-next {right: 0; top: 35px; background: url('/images/next.png') no-repeat;}
.jcarousel-control-prev {left: 0; top: 35px; background: url('/images/prev.png') no-repeat;}
.jcarousel-control-prev:link,.jcarousel-control-next:link {font: normal 30px arial;}
.jcarousel-control-prev:visited,.jcarousel-control-next:visited {font: normal 26px arial;}
.jcarousel-control-prev:hover,.jcarousel-control-next:hover {}

/** Carousel Pagination **/
.jcarousel-pagination {position: absolute;  bottom: -30px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;}
.jcarousel-pagination a {text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: none; color: #4E443C; border: 1px solid #01237a; border-radius: 10px; text-indent: -9999px; margin-right: 7px;}
.jcarousel-pagination a.active {background: #01237a; opacity: 1;}

@media only screen and (max-width : 319px)
    {
    .jcarousel-wrapper {width: 100%;}
    .jcarousel ul li {height: 80px;}
    .jcarousel ul li a img {height: 25%;}
    .jcarousel ul li a {font-size: 25%;}
    }
@media only screen and (min-width : 320px) and (max-width : 479px)
    {
    .jcarousel-wrapper {width: 100%;}
    .jcarousel ul li {height: 80px;}
    .jcarousel ul li a img {height: 25%;}
    .jcarousel ul li a {font-size: 25%;}
    }
@media only screen and (orientation: landscape) and (min-width : 480px) and (max-width : 799px)
    {
    .jcarousel-wrapper {width: 100%;}
    .jcarousel ul li {height: 80px;}
    .jcarousel ul li a img {height: 30%;}
    .jcarousel ul li a {font-size: 30%;}
    }
@media only screen and (orientation: portrait) and (min-width : 480px) and (max-width : 799px)
    {
    .jcarousel-wrapper {width: 100%;}
    .jcarousel ul li a img {height: 40%;}
    .jcarousel ul li a {font-size: 90%;}
    }
@media only screen and (min-width : 800px) and (max-width : 1023px)
    {
    .jcarousel-wrapper {width: 100%;}
    .jcarousel ul li a img {height: 40%;}
    .jcarousel ul li a {font-size: 90%;}
    }
@media only screen and (min-width : 1024px) and (max-width : 1299px)
    {
    .jcarousel-wrapper {width: 100%;}
    }
    
@media only screen and (min-width : 1300px)
    {
    }