Raptus Design Theme

<div class="kss-style"><h6>Product</h6></div>
<div class="slider slider--enhanced" style="width: 370px;">
    <div class="slider__wrap" style="height: 384px;">
        <div class="slider__tape" style="width: auto; right: auto; transform: translateX(0);">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-xl-3" style="width: 270px">
                    <div class="product-card product-card--slider">
                        <a href="javascript://" class="product-card__link">
                            <div class="product-card__image">
                                <div class="image image--square image--fill">
                                    <div class="image__image"><img src="images/test-image.jpg"></div>
                                </div>
                            </div>
                            <div class="product-card__disturber">
                                <span class="disturber">-11%</span>
                            </div>
                            <h4 class="product-card__title">
                                Title
                            </h4>
                        </a>
                        <div class="product-card__price price">
                            <span class="price__amount">69.90</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3" style="width: 270px">
                    <div class="product-card product-card--slider">
                        <a href="javascript://" class="product-card__link">
                            <div class="product-card__image">
                                <div class="image image--square image--fill">
                                    <div class="image__image"><img src="images/test-image.jpg"></div>
                                </div>
                            </div>
                            <div class="product-card__disturber">
                                <span class="disturber">-11%</span>
                            </div>
                            <h4 class="product-card__title">
                                Title
                            </h4>
                        </a>
                        <div class="product-card__price price price--reduced">
                            <span class="price__amount">69.90</span>
                            <span class="price__strikethrough">120.00</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="slider__controls">
        <a class="slider-control__dot slider-control--current" href="javascript://">1</a>
        <a class="slider-control__dot" href="javascript://">2</a>
    </div>
</div>
<div class="kss-style"><h6>Image Gallery</h6></div>
<div class="slider slider--enhanced slider--gallery" style="width: 370px;">
    <div class="slider__wrap" style="height: 180px;">
        <div class="slider__tape" style="width: auto; right: auto; transform: translateX(0);">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-xl-3" style="width: 270px">
                    <div class="image image--landscape image--fill">
                        <div class="image__image"><img src="images/test-image.jpg"></div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-xl-3" style="width: 270px">
                    <div class="image image--landscape image--fill">
                        <div class="image__image"><img src="images/test-image.jpg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="slider__controls slider-control">
        <a href="javascript://" class="slider-control__prev">&lt;</a>
        <a href="javascript://" class="slider-control__next">&gt;</a>
    </div>
</div>