/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
@media (min-width: 769px) {
    .jcarousel {
        position: relative;
        overflow: hidden;
        width: calc(100% - 160px);
        margin: 0 auto;
    }
    .jcarousel ul {
        width: 20000em;
        position: relative;

        /* Optional, required in this case since it's a <ul> element */
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .jcarousel li {
        /* Required only for block elements like <li>'s */
        float: left;
    }
}