.carousel,
.item,
.active {
     width:100%
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height:568px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

 

@media screen and (min-width: 1367px) and (max-width: 2560px) {

.fill {
    height:668px;

}
}