@media only screen and (max-width: 876px) {
    .w3-carousel-topfull, .w3-carousel-bottomfull {
       width: 98.3%;
    }
}

@media only screen and (max-width: 780px) {
    .w3-carousel-topfull, .w3-carousel-bottomfull {
       width: 98%;
    }
}

@media only screen and (max-width: 640px) {
   #home-page #carousel1 {
       margin-bottom: 20px !important;
   }
}

@media only screen and (max-width: 485px) {
    .w3-carousel-topfull, .w3-carousel-bottomfull {
       width: 97.5%;
    }
}

@media only screen and (max-width: 360px) {
    .w3-carousel-topfull, .w3-carousel-bottomfull {
       width: 96.5%;
    }
}