#carousel {
    margin: 0 auto 20px;
}

.owl-carousel-item {
    position: relative;
    height: 215px;
}

#carousel img {
    cursor: pointer;
}

.fancybox__container {
    z-index: 1100 !important;
}

.image-name {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
}

.owl-prev {
    font-size: 50px !important;
}

.owl-next {
    font-size: 50px !important;
}

@media screen and (min-width: 992px) {
    .owl-prev {
        position: absolute;
        left: -5%;
        top: 35%;
    }

    .owl-next {
        position: absolute;
        right: -5%;
        top: 35%;
    }
}