.carousel-2 {
    position: relative
}

.carousel-2-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-2-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-2-inner > .item > img, .carousel-2-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.carousel-2-inner > .active, .carousel-2-inner > .next, .carousel-2-inner > .prev {
    display: block
}

.carousel-2-inner > .active {
    left: 0
}

.carousel-2-inner > .next, .carousel-2-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-2-inner > .next {
    left: 100%
}

.carousel-2-inner > .prev {
    left: -100%
}

.carousel-2-inner > .next.left, .carousel-2-inner > .prev.right {
    left: 0
}

.carousel-2-inner > .active.left {
    left: -100%
}

.carousel-2-inner > .active.right {
    left: 100%
}

.carousel-2-control.left, .carousel-2-control.right {
    background-image: none;
}

.img-responsive {
    width: 100%;
    height: auto;
}

@media (min-width: 992px ) {
    .carousel-2-inner .active.left {
        left: -25%;
    }

    .carousel-2-inner .next {
        left: 25%;
    }

    .carousel-2-inner .prev {
        left: -25%;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .carousel-2-inner .active.left {
        left: -33.3%;
    }

    .carousel-2-inner .next {
        left: 33.3%;
    }

    .carousel-2-inner .prev {
        left: -33.3%;
    }

    .active > div:first-child {
        display: block;
    }

    .active > div:first-child + div {
        display: block;
    }

    .active > div:last-child {
        display: none;
    }
}

@media (max-width: 767px) {
    .carousel-2-inner .active.left {
        left: -100%;
    }

    .carousel-2-inner .next {
        left: 100%;
    }

    .carousel-2-inner .prev {
        left: -100%;
    }

    .active > div {
        display: none;
    }

    .active > div:first-child {
        display: block;
    }
}

.carousel-2-inner a[href$=".jpg"]:before,
.carousel-2-inner a[href$=".png"]:before,
.carousel-2-inner a[href$=".gif"]:before,
.carousel-2-inner a[href$=".bmp"]:before,
.carousel-2-inner a[href$=".svg"]:before {
    display: none;
}