// Horizontal Scroller
.horizontal-scroller-wrapper {
    width: 100%;
}

.horizontal-scroller {
    height: 100vh;
    .horizontal-scroller-scroll {
        height: 100%;
    }
    .horizontal-scroller-items {
        height: 100%;
        display: flex;
        overflow: hidden;

        >* {
            width: calc(100%/var(--porto-hscroll-md-width, 1)) !important;
            flex: 0 0 auto;

            @media (min-width: 992px) {
                width: calc(100%/var(--porto-hscroll-lg-width, 3)) !important;
            }
        }
    }

    .horizontal-scroller-item {
        flex: 0 0 auto;
    }
}