.banner-title {
    color: white;
    font-size: 57px;
    line-height: 1.2;
}

.banner-subtitle {
    color: white;
    font-size: 28px;
}

@media (min-width: 280px) and (max-width: 576px) {
    .banner-title {
        font-size: 20px;
    }

    .banner-subtitle {
        color: white;
        font-size: 17px;
    }

    .banner-subtitle {
        color: white;
        font-size: 28px;
    }

    .banner-section .banner-slider-rtl .banner-slide > img, .banner-section .banner-slider .banner-slide > img {
        object-fit: contain;
        height: -webkit-fill-available;
    }

    .banner-section .banner-slider-rtl .banner-slide .outer-box, .banner-section .banner-slider .banner-slide .outer-box {

    }

    .slick-slide {
        height: 38%;
    }

}

@media (min-width: 577px) and (max-width:767px) {
    .banner-title {
        font-size: 38px;
    }

    .banner-subtitle {
        color: white;
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .banner-title {
        font-size: 40px;
    }
}