/**
 * Общие стили
 */
.js-carousel-holder {
    display: block;
}

/**
 * Стили для телефонов
 */
@media all and (max-width: 767px) {
    .js-carousel-holder {
        margin: 0 -15px;
        /*overflow: hidden;*/
        position: relative;
        width: calc(100% + 30px);
    }
        .js-carousel-item-list {
            margin-left: 0;
            transition: margin-left ease-out .3s;
            white-space: nowrap;
        }
            .js-carousel-item {
                box-sizing: border-box;
                display: inline-block;
                vertical-align: top;
                white-space: normal;
                /*width: 100vw;*//* Стили в шаблоне компанента */
            }

    /** Навигация карусели */
    .b-jscarousel_scroll-buttons {
        margin: 0 15px;
        text-align: center;
    }
    .b-jscarousel_scroll-buttons .b-btn_page {
        background-color: transparent;
        padding: 0;
    }
        .b-jscarousel_scroll-buttons .b-btn_prev,
        .b-jscarousel_scroll-buttons .b-btn_page,
        .b-jscarousel_scroll-buttons .b-btn_next {
            font-size: 0;
        }
        .b-jscarousel_pagination {
            display: inline-block;
            /*padding: 27px 0 0 16px;*/
        }
            .b-btn_page,
            .b-btn_page:visited {
                background-color: transparent;
                position: relative;
                height: 16px;
                width: 16px;
            }
            .b-btn_page:before {
                border: 2px solid rgb(186, 179, 171);
                border-radius: 50%;
                content: '';
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -4px 0 0 -4px;
                height: 4px;
                width: 4px;
            }

            .b-btn_page.b-btn_page-active:before,
            .b-btn_page:hover:before,
            .b-btn_page:active:before {
                border-color: rgb(123, 18, 23);
                background-color: rgb(123, 18, 23);
            }
}



/**
 * Стили для НЕ телефонов (компьютеров, ноутбуков, планшетов)
 */
@media all and (min-width: 768px) {
    .b-jscarousel_scroll-buttons {
        display: none;
    }
}