.banner {
    height: 520px;      
    background-size: cover !important;
    background-position: center !important;
}


@media (max-width: 1200px) {
    .banner {
        height: 450px;
    }
}

@media (max-width: 992px) {
    .banner {
        height: 380px;
    }
}


@media (max-width: 768px) {
    .banner {
        height: 300px;
    }
    .carousel-caption h1 {
        font-size: 28px;
    }
    .carousel-caption h5 {
        font-size: 16px;
    }
    .carousel-caption p {
        font-size: 14px;
    }
}


@media (max-width: 576px) {
    .banner {
        height: 220px;
    }
    .carousel-caption h1 {
        font-size: 22px;
    }
    .carousel-caption h5 {
        font-size: 14px;
    }
    .carousel-caption p {
        font-size: 12px;
    }
}


@media (max-width: 360px) {
    .banner {
        height: 180px;
    }
    .carousel-caption h1 {
        font-size: 18px;
    }
    .carousel-caption h5 {
        font-size: 12px;
    }
    .carousel-caption p {
        font-size: 11px;
    }
}