/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.header-slide h2 {
    margin-bottom: 0.5em;
}

@media (min-width: 576px) {
    .mainbanners-list {
        display: block;
        overflow: hidden;
    }
    .top-banner {
        float: left;
        margin-bottom: .3rem !important;
    }
}
@media (min-width: 1200px) {
    .top-banner {
        margin-bottom: 0.8125rem !important;
    }
}
@media (max-width: 768.99px) {
    .home-banner .overlay-layer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
}
@media (max-width: 575.99px) {
    .header-slider .owl-dots  {
        display: none !important;
    }
    .header-slide h2 {
        font-size: 1.4rem;
        margin-bottom: 0.15em;
    }
}