﻿.banner-carousel {
    margin-top: -20px;
    margin-bottom: 30px;
    visibility: hidden;
}

.banner-carousel.slick-initialized {
    visibility: visible;
}

    .banner-carousel .banner-carousel-item {
        overflow: hidden;
        height: 375px;
    }

    .banner-carousel .banner-carousel-item:focus {
        outline: none;
    }

        .banner-carousel .banner-carousel-item > div {
            padding-top: 30px;
            padding-bottom: 30px;
            margin: 0;
            height: 375px;
            background-size: cover;
            background-position: center top;
        }

        .banner-carousel .banner-carousel-item .banner-title-content {}
        .banner-carousel .banner-carousel-item .banner-body-content {}
        .banner-carousel .banner-carousel-item .banner-footer-content {}
        
        .banner-carousel .banner-carousel-item .banner-button {
            cursor: pointer;
        }

    .banner-carousel .slick-dots {
        bottom: 10px;
        margin: 0;
        width: 100%;
    }

        .banner-carousel .slick-dots li,
        .banner-carousel .slick-dots li button,
        .banner-carousel .slick-dots button:before {
            height: 15px;
            width: 15px;
        }

        .banner-carousel .slick-dots li button:before {
            color: white;
            background-color: #111;
            content: '';
            border-radius: 100%;
            border: 2px solid #ccc;
        }

        .banner-carousel .slick-dots li.slick-active button:before {
            border: 2px solid #fff;
        }
    

@media (max-width: 1200px) {
    
}

@media (max-width: 992px) {
    
}

@media (max-width: 767px) {
    .banner-carousel .banner-carousel-item > div {
        height: 375px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .banner-carousel .banner-carousel-item .banner-body-content .text-dark-so-bg {
        line-height: 1.2;
    }

    .banner-carousel .banner-carousel-item .banner-title-content .font-size-large {
        font-size: 36px;
    }
}