﻿.fadeslider {
    height: 100vh;
    margin: 0;
}

    .fadeslider .fadeslider-slide {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
        -webkit-transition: opacity 3s linear, z-index 0s linear 3s;
        transition: opacity 3s linear, z-index 0s linear 3s;
    }

        .fadeslider .fadeslider-slide.previous {
            z-index: 5;
        }

        .fadeslider .fadeslider-slide.show {
            opacity: 1;
            z-index: 10;
        }

    .fadeslider .fadeslider-slide-item {
        width: 100%;
        height: 100%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }

    .fadeslider .fadeslider-slide-item__desktop {
        display: block;
        background-position: center center;
    }

    .fadeslider .fadeslider-slide-item__tablet {
        display: none;
        background-position: center bottom;
    }

    .fadeslider .fadeslider-slide-item__mobile {
        display: none;
        background-position: center bottom;
    }

@media screen and (max-width: 900px) {
    .fadeslider .fadeslider-slide-item__desktop {
        background-size: 125% auto;
    }
}

@media screen and (max-width: 900px) and (orientation: portrait) and (max-aspect-ratio: 4 / 5) {
    .fadeslider .fadeslider-slide-item__desktop {
        display: none;
    }

    .fadeslider .fadeslider-slide-item__tablet {
        display: block;
    }
}

@media screen and (max-width: 550px) and (orientation: portrait) and (max-aspect-ratio: 4 / 6) {
    .fadeslider .fadeslider-slide-item__tablet {
        display: none;
    }

    .fadeslider .fadeslider-slide-item__mobile {
        display: block;
    }
}
