#category-carousel {
    position:relative;
    border:solid 0px black;
    width:100vw;max-width: 1200px;
    margin:35px auto;
    /*height:317px;*/
    height:400px;
    /*overflow: hidden;*/
}
#category-carousel .owl-carousel {
    height: 400px;
}

/* display title and subtitle */
#category-carousel .owl-stage-outer {
    border: solid 0px blue;
    height: 400px;
}

#category-carousel .owl-carousel .item {
    height: 320px;
    border:solid 0px black;
    padding-right: 0px;
    margin-right:7px;
    width:fit-content;

    /* Mobile Fix */
    /* overflow: hidden; */
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
    #category-carousel .owl-carousel .item {
        height: 320px;
    }
}
.item img { 
    height:100%;display:block; 
    /* Mobile Fix */
    object-fit: contain;
    object-position: center;
    width:fit-content;
}
#customNavPrev {
    position: absolute;left: 15px;top: 40%;width: 28px;height: 50px;
    background-image: url(imgs/flecheGauche-bleueATM.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    z-index: 10000;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    opacity: 0.3;
}
#customNavNext {
    position: absolute;right: 15px;top: 40%;width: 28px;height: 50px;
    background-image: url(imgs/flecheDroite-bleueATM.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    z-index: 10000;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    opacity: 0.3;
}
#customNavPrev:hover, #customNavNext:hover { opacity:1; }
.owl-prev { left: 0;top:40%;font-size:2vw; }
.owl-next { right: 0;top:40%;font-size:2vw; }
.owl-dots { margin-top:25px; }
.owl-nav .disabled {
    display: none;
}