.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel { height:680px; }
.carousel-indicators li { width:18px; height:18px; border-radius: 50px; background-color:rgba(255, 255, 255, 0.1); margin:4px; }
.carousel-indicators .active { width:18px; height:18px; background-color:#ffffff; margin:4px; }
.carousel-caption h1 { font-family: 'Lato', sans-serif; font-style:italic; font-weight:900; }
.carousel-caption h6 { font-family: 'Playfair Display', serif; font-weight:700; letter-spacing:3px; }
.carousel-caption { text-align:center; }

@media (max-width:767px) {
.carousel-caption h6 { font-size:13px; }
.carousel-caption h1 { font-size:28px; }
.carousel-caption { padding-bottom:18px; }
.carousel { height:180px; }
 }

@media(min-width:768px) and (max-width:991px) {
.carousel-caption h6 { font-size:16px; }
.carousel-caption h1 { font-size:60px; }
.carousel-caption { padding-bottom:38px;  }
.carousel-indicators li { width:15px; height:15px; }
.carousel-indicators .active { width:15px; height:15px;}
.carousel { height:278px; }
 }

@media(min-width:992px) {
.carousel-caption h6 { font-size:17px; }
.carousel-caption h1 { font-size:72px; }
.carousel-caption { padding-bottom:80px; }
.carousel { height:371px; }
 }

@media(min-width:1200px) {
.carousel-caption h6 { font-size:18px; }
.carousel-caption h1 { font-size:72px; }
.carousel-caption { padding-bottom:200px; }
.carousel { height:523px; }
.carousel.slide.watches {
    height: 400px !important;
}
 }