.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators li { width:20px; height:20px; background-color:#ffffff; border:0px; }
.carousel-indicators .active { width:20px; height:20px; background-color:#3b3b3b; border:0px; }
.carousel-control.left { background-image:none; }
.carousel-control.right { background-image:none; }


@media (max-width:767px) {
.carousel { height:300px; }
.carousel2 { height:270px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 20px; height: 75px; margin-top: -35px; margin-left: 30px; background-image: url(/img/next.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 20px; height: 75px; margin-top: -35px; margin-left: 0px; background-image: url(/img/back.png); overflow: visible; font-size:0px; }
 }
 }

@media(min-width:768px) and (max-width:991px) {
.carousel { height:498px; }
.carousel2 { height:266px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 20px; height: 75px; margin-top: -35px; margin-left: 30px; background-image: url(/img/next.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 20px; height: 75px; margin-top: -35px; margin-left: 0px; background-image: url(/img/back.png); overflow: visible; font-size:0px; }
 }

@media(min-width:992px) {
.carousel { height:598px; }
.carousel2 { height:341px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 20px; height: 75px; margin-top: -35px; margin-left: 30px; background-image: url(/img/next.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 20px; height: 75px; margin-top: -35px; margin-left: 0px; background-image: url(/img/back.png); overflow: visible; font-size:0px; }
 }

@media(min-width:1200px) {
.carousel { height:698px; }
.carousel2 { height:416px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 20px; height: 75px; margin-top: -30px; margin-left: 30px; background-image: url(/img/next.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 20px; height: 75px; margin-top: -30px; margin-left: 0px; background-image: url(/img/back.png); overflow: visible; font-size:0px; }
}