@media (min-width: 768px) and (max-width: 1024px) {
    #carousel-area .carousel-item .carousel-caption h2 {
        background: linear-gradient(to left, transparent, rgba(255,255,255,0.9));
    }
    #carousel-area .carousel-item .carousel-caption {
        top: 35%;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 36px;
    }
    #carousel-area .carousel-item .carousel-caption h2 p {
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    #carousel-area .carousel-item .carousel-caption {
        top: 40%;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 22px;
    }
    #carousel-area .carousel-item .carousel-caption h2 p {
        font-size: 14px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #carousel-area .carousel-item .carousel-caption {
        top: 40%;
    }
    #carousel-area .carousel-item .carousel-caption h2 {
        font-size: 18px;
    }
}