/*
-webkit-transform: translate(80px, 50px);
-moz-transform: translate(80px, 50px);
-ms-transform: translate(80px, 50px);
-o-transform: translate(80px, 50px);
transform: translate(80px, 50px);
 */

.service-slider #service-carousel div.prev {
    -webkit-transform: perspective(350px) translate3d(-200px, 139px, -150px);
    -moz-transform: perspective(350px) translate3d(-200px, 139px, -150px);
    -ms-transform: perspective(350px) translate3d(-200px, 139px, -150px);
    -o-transform: perspective(350px) translate3d(-200px, 139px, -150px);
    transform: perspective(350px) translate3d(-200px, 139px, -150px);
}
.service-slider #service-carousel div.selected {
    -webkit-transform: perspective(500px) translate3d(-240px, 0px, 0px);
    -moz-transform: perspective(500px) translate3d(-240px, 0px, 0px);
    -ms-transform: perspective(500px) translate3d(-240px, 0px, 0px);
    -o-transform: perspective(500px) translate3d(-240px, 0px, 0px);
    transform: perspective(500px) translate3d(-240px, 0px, 0px);
}
.service-slider #service-carousel div.next {
    -webkit-transform: perspective(500px) translate3d(-300px, 98px, -150px);
    -moz-transform: perspective(500px) translate3d(-300px, 98px, -150px);
    -ms-transform: perspective(500px) translate3d(-300px, 98px, -150px);
    -o-transform: perspective(500px) translate3d(-300px, 98px, -150px);
    transform: perspective(500px) translate3d(-300px, 98px, -150px);
}

@media(max-width: 1024px) {
    .service-slider #service-carousel div.prev {
        -webkit-transform: perspective(400px) translate3d(-380px, 120px, -150px);
        -moz-transform: perspective(400px) translate3d(-380px, 120px, -150px);
        -ms-transform: perspective(400px) translate3d(-380px, 120px, -150px);
        -o-transform: perspective(400px) translate3d(-380px, 120px, -150px);
        transform: perspective(400px) translate3d(-380px, 120px, -150px);
    }
}

@media(max-width: 420px) {
    .service-slider #service-carousel div.prev {
        -webkit-transform: perspective(400px) translate3d(-90px, 0px, -150px);
        -moz-transform: perspective(400px) translate3d(-90px, 0px, -150px);
        -ms-transform: perspective(400px) translate3d(-90px, 0px, -150px);
        -o-transform: perspective(400px) translate3d(-90px, 0px, -150px);
        transform: perspective(400px) translate3d(-90px, 0px, -150px);
    }
    .service-slider #service-carousel div.selected {
        -webkit-transform: perspective(500px) translate3d(0px, 0px, 0px);
        -moz-transform: perspective(500px) translate3d(0px, 0px, 0px);
        -ms-transform: perspective(500px) translate3d(0px, 0px, 0px);
        -o-transform: perspective(500px) translate3d(0px, 0px, 0px);
        transform: perspective(500px) translate3d(0px, 0px, 0px);
    }
    .service-slider #service-carousel div.next {
        -webkit-transform: perspective(400px) translate3d(90px, 0px, -150px);
        -moz-transform: perspective(400px) translate3d(90px, 0px, -150px);
        -ms-transform: perspective(400px) translate3d(90px, 0px, -150px);
        -o-transform: perspective(400px) translate3d(90px, 0px, -150px);
        transform: perspective(400px) translate3d(90px, 0px, -150px);
    }
}