@media screen and (min-width:851px) {
    .simple-slider {
        overflow: hidden;
        position: relative
    }

        .simple-slider .slider-wrapper {
            height: 100%;
            position: relative;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
            transition-timing-function: cubic-bezier(.7,0,.3,1)
        }

        .simple-slider .slider-slide {
            background-size: cover;
            background-position: center top;
            height: 100%;
            float: left
        }

        .simple-slider .slider-pagination {
            text-align: center;
            width: 100%;
            bottom: 0;
            position: absolute
        }

            .simple-slider .slider-pagination .pagination-bullet {
                display: inline-block;
                cursor: pointer;
                width: 16px;
                height: 5px;
                margin: 4px;
                background-color: #fff;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

                .simple-slider .slider-pagination .pagination-bullet.is-active {
                    background-color: #999
                }

        .simple-slider .slider-btn {
            width: 30px;
            height: 50px;
            top: 50%;
            cursor: pointer;
            background-repeat: no-repeat;
            position: absolute;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%)
        }

            .simple-slider .slider-btn.slider-btn-prev {
                left: 20px;
                background-image: url(../img/prev.svg);
                background-position: left
            }

            .simple-slider .slider-btn.slider-btn-next {
                right: 20px;
                background-image: url(../img/next.svg);
                background-position: right
            }
}


@media screen and (max-width:500px) {
    .simple-slider {
        margin-left: -20px;
        overflow: hidden;
        position: relative;
        width: 108%
    }

        .simple-slider .slider-wrapper {
            height: 100%;
            position: relative;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
            transition-timing-function: cubic-bezier(.7,0,.3,1)
        }

        .simple-slider .slider-slide {
            background-size: cover;
            background-position: center top;
            height: 100%;
            float: left
        }

        .simple-slider .slider-pagination {
            text-align: center;
            width: 100%;
            bottom: 0;
            position: absolute
        }

            .simple-slider .slider-pagination .pagination-bullet {
                display: inline-block;
                cursor: pointer;
                width: 16px;
                height: 5px;
                margin: 4px;
                background-color: #fff;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

                .simple-slider .slider-pagination .pagination-bullet.is-active {
                    background-color: #999
                }

        .simple-slider .slider-btn {
            width: 30px;
            height: 50px;
            top: 50%;
            cursor: pointer;
            background-repeat: no-repeat;
            position: absolute;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%)
        }

            .simple-slider .slider-btn.slider-btn-prev {
                left: 20px;
                background-image: url(../img/prev.svg);
                background-position: left
            }

            .simple-slider .slider-btn.slider-btn-next {
                right: 20px;
                background-image: url(../img/next.svg);
                background-position: right
            }
}

@media screen and (min-width:501px) and (max-width:850px) {
    .simple-slider {
        margin-left: -17px;
        overflow: hidden;
        position: relative;
        width: 106%
    }

        .simple-slider .slider-wrapper {
            height: 100%;
            position: relative;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
            transition-timing-function: cubic-bezier(.7,0,.3,1)
        }

        .simple-slider .slider-slide {
            background-size: cover;
            background-position: center top;
            height: 100%;
            float: left
        }

        .simple-slider .slider-pagination {
            text-align: center;
            width: 100%;
            bottom: 0;
            position: absolute
        }

            .simple-slider .slider-pagination .pagination-bullet {
                display: inline-block;
                cursor: pointer;
                width: 16px;
                height: 5px;
                margin: 4px;
                background-color: #fff;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

                .simple-slider .slider-pagination .pagination-bullet.is-active {
                    background-color: #999
                }

        .simple-slider .slider-btn {
            width: 30px;
            height: 50px;
            top: 50%;
            cursor: pointer;
            background-repeat: no-repeat;
            position: absolute;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%)
        }

            .simple-slider .slider-btn.slider-btn-prev {
                left: 20px;
                background-image: url(../img/prev.svg);
                background-position: left
            }

            .simple-slider .slider-btn.slider-btn-next {
                right: 20px;
                background-image: url(../img/next.svg);
                background-position: right
            }
}