/*
 * @version 1.0.0.1
 * @since 2012
 * @author Eng. Wassim Saasouh
 * @Copyright © JogSys.com
*/

.carousel-inner > .item {
    -webkit-transition: 0.4s ease-in-out left;
    transition: 0.4s ease-in-out left;
    -webkit-transition: 0.4s, ease-in-out, left;
    -moz-transition: .4s, ease-in-out, left;
    -o-transition: .4s, ease-in-out, left;
    transition: .4s, ease-in-out, left;
}

.carousel-caption {
    bottom: 0;
    top: auto;
    margin: 0;
}

@media screen and (min-width: 76.1em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 65%;
        margin: auto;
    }
}

@media screen and (min-width: 1025px) and (max-width : 76em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 65%;
        margin: auto;
    }
}

@media screen and (min-width: 769px) and (max-width : 64em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 65%;
        margin: auto;
    }
}

@media screen and (min-width: 481px) and (max-width : 48em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 100%;
        margin: auto;
    }
}

@media screen and (min-width: 321px) and (max-width : 30em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 100%;
        margin: auto;
    }
}

@media screen and (min-width: 0px) and (max-width : 20em) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 100%;
        margin: auto;
    }
}