/* Make the image fully responsive */
.carousel.slide {

    min-width: 375px;
}

.carousel-inner img {
    min-width: 374px;
    width: 100%;
    height: 100%;
}
#carosuel-eye {
    margin-top:5px;
    margin-bottom: 5px;
    padding: 0;    
}
#carosuel-eye .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

/*Footer Slider Brand images*/
.carousel-showsixmoveone {
    .carousel-control {
        width: 4%;
        background-image: none;

        &.left {
            margin-left: 15px;
        }

        &.right {
            margin-right: 15px;
        }
    }

    .cloneditem-1,
    .cloneditem-2,
    .cloneditem-3,
    .cloneditem-4,
    .cloneditem-5 {
        display: none;
    }

    .carousel-inner {
        @media all and (min-width: 768px) {

            @media (transform-3d),
            (-webkit-transform-3d) {

                >.item.active.right,
                >.item.next {
                    transform: translate3d(33.333%, 0, 0);
                    left: 0;
                }

                >.item.active.left,
                >.item.prev {
                    transform: translate3d(-33.333%, 0, 0);
                    left: 0;
                }

                >.item.left,
                >.item.prev.right,
                >.item.active {
                    transform: translate3d(0, 0, 0);
                    left: 0;
                }
            }

            >.active.left,
            >.prev {
                left: -33.333%;
            }

            >.active.right,
            >.next {
                left: 33.333%;
            }

            >.left,
            >.prev.right,
            >.active {
                left: 0;
            }

            .cloneditem-1,
            .cloneditem-2 {
                display: block;
            }
        }

        @media all and (min-width: 992px) {

            @media (transform-3d),
            (-webkit-transform-3d) {

                >.item.active.right,
                >.item.next {
                    transform: translate3d(16.666%, 0, 0);
                    left: 0;
                }

                >.item.active.left,
                >.item.prev {
                    transform: translate3d(-16.666%, 0, 0);
                    left: 0;
                }

                >.item.left,
                >.item.prev.right,
                >.item.active {
                    transform: translate3d(0, 0, 0);
                    left: 0;
                }
            }

            >.active.left,
            >.prev {
                left: -16.666%;
            }

            >.active.right,
            >.next {
                left: 16.666%;
            }

            >.left,
            >.prev.right,
            >.active {
                left: 0;
            }

            .cloneditem-3,
            .cloneditem-4,
            .cloneditem-5 {
                display: block;
            }
        }
    }
}

/*ffffffffffffffffff*/
/*---------- Related Site ----------*/
.brand-slide-footer {position:relative;background:#fff;border-top:1px solid #d5d5d5}
.brand-slide-footer .slick-next, .brand-slide-footer .slick-prev {width:20px;height:100%}
.brand-slide-footer .slick-next {right:-15px}
.brand-slide-footer .slick-prev {left:-15px}
.brand-slide-footer .slick-next:before, .brand-slide-footer .slick-prev:before {font-family:FontAwesome;color:#959595;font-size:14px}
.brand-slide-footer .slick-next:before {content:"\f054"}
.brand-slide-footer .slick-prev:before {content:"\f053"}
.brand-slide-footer .bradn-slide-item {position:relative;margin:10px}