#category-gallery {
    width: 100%;
}


#category-gallery {
    padding-left: 68px;
    padding-right: 68px;
}


#template-sluzby-slider {

    &:not(.slick-initialized) .galleryImage:first-child {
        visibility: hidden;
    }

    &:not(.slick-initialized) .galleryImage:not(:first-child) {
        display: none !important;
    }

    @media (min-width: 992px) {
        & {
            margin-bottom: 70px;
        }
    }

    .galleryImage img {
        height: 100%;
        transition: transform 0.3s ease-in-out;
    }

    @media (min-width: 992px) {
        .galleryImage img {
            min-height: 156px;
        }
    }

    .galleryImage .lightGalleryItem {
        padding-left: 12px;
        position: relative;
        padding-right: 12px;
        background: #f5f5f5;
        transition: transform 0.3s ease-in-out, padding 0.3s ease-in-out;
        height: 140px;
        width: 100%;
    }

    .galleryImage .lightGalleryItem .img-wrapper {
        overflow: hidden;
        height: 100%;
    }

    .galleryImage .lightGalleryItem:hover .img-wrapper img {
        transform: scale(1.1);
    }


    @media (min-width: 992px) {
        .galleryImage .lightGalleryItem {
            height: 156px;
        }
    }

    .galleryImage .lightGalleryItem:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        top: 20%;
        height: 60%;
        background: var(--g-color-dark-blue-on-dark);
    }

    .secondary-slider-arrows {
        width: 55px;
        background: grey;
        height: 100%;
        position: absolute;
        display: flex;
        justify-content: center;
        z-index: 999;
        top: 0;
        align-items: center;
        transition: background 0.3s ease-in-out;
    }

    .secondary-slider-arrows:hover {
        background: black;
    }

    .secondary-slider-arrows.slick-arrow-left {
        left: -54px;
    }

    .secondary-slider-arrows.slick-arrow-right {
        right: -54px;
    }

    .secondary-slider-arrows .slick-next,
    .secondary-slider-arrows .slick-prev {
        height: unset;
        width: unset;
    }
}