.carousel { height: 250px; width:100%;}
.carousel .item {height: 250px;background-color: transparent;}
.carousel .item .itemImg{width: 100%;height:310px;overflow: hidden;}
.carousel .item .itemImg  img{  height:100%;}

.carousel-fade .carousel-inner .item {transition-property: opacity;}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left: 0; transition: .1s ease-in-out;}

.carousel-control{ background: none; background-image: none !important; opacity:1}
.carousel-control .fa{top:40%; background:rgba(144,153,158,0.7); width:36px; height:36px; border-radius:50%; position:absolute; text-align:center; 
line-height:36px; font-size:24px; }
.carousel-control .fa-angle-left{left:10px}
.carousel-control .fa-angle-right{right:10px;}

.carousel-detail { height: 500px; width:100%; overflow:hidden}
.carousel-detail .item {height: 550px; }
.carousel-detail .carousel-inner .item img{width:100%; height:100%; object-fit:cover}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(70px, 0, 0);
        transform: translate3d(100px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(70px, 0, 0);
        transform: translate3d(100px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideInRight {
    position: relative;
    -webkit-animation-name: slideInRight; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    animation-name: slideInRight;
    animation-duration: 0.3s;
    animation-delay: 0s;	
}
@media (min-width:1680px){}
@media (max-width:1199px) and (min-width:992px){}
@media (max-width:991px) and (min-width:768px){}
@media (max-width:767px) {	
	.carousel { height: 350px; }
	.carousel .item { height: 350px; }
	.carousel-inner > .item > img { height: 350px;}	
	.carousel-caption{bottom: 0; left: 0;right: auto;}
	.carousel-caption { width: 80%;}
}

@media (max-width:480px) {
	.carousel-caption{bottom: 0; left: 0;right: auto;}
	.carousel-caption { width:100%;}
	.arrowCtrl{position: absolute; right: 91px; left:inherit}
	.carousel .item .itemImg{width:100%; height:350px; overflow: hidden;}
	
}