.rs-3D-outer-slider,
.rs-3D-outer-slider * {
    box-sizing: border-box;
}


/*
 * Source images are only used by JavaScript
 */
.rs-3d-img-source,
.rs-3d-img-source img {
    display: none;
}


/*
 * Outer slider
 */
.rs-3D-outer-slider {
    width: 100%;
    max-width: 1200px;

    margin: 0px auto;

    overflow: hidden;
}


/*
 * Slider stage
 *
 * IMPORTANT:
 *
 * no more:
 * left: -29.7%;
 *
 * JavaScript calculates this dynamically.
 */
.rs-slider3D {
    width: 100%;

    position: relative;

    transform-style: preserve-3d;
}


/*
 * Individual image wrapper
 */
.rs-3d-img-wrapper {
    position: absolute;

    width: 41.9%;
    min-width: 41.9%;
    
      width: 42.9%;
    min-width: 42.9%;

    transform-style: preserve-3d;

    backface-visibility: hidden;

    pointer-events: auto;
}


/*
 * Animation
 */
.transition .rs-3d-img-wrapper {
    transition:
        transform 0.4s,
        margin 0.4s,
        left 0.4s;
}


/*
 * Image
 */
.rs-3d-img-wrapper img {
    width: 100%;
    height: auto;

    display: block;

    object-fit: cover;
    object-position: center;

    pointer-events: auto;
}


/*
 * Clickable slides
 */
.rs-3d-img-wrapper:nth-child(2),
.rs-3d-img-wrapper:nth-child(4) {
    cursor: pointer;
}


/*
 * Responsive width
 *
 * No left:-32.5% here either.
 * JS calculates the position.
 */
@media only screen and (max-width: 1000px) {

    .rs-3d-img-wrapper {
        _width: 43.6%;
        _min-width: 43.6%;
    }

}