.owl-dots {
    text-align: center;
    position: relative;
    top: -50px;

}

.quotecarousel .owl-dots {
    text-align: center;
    position: relative;
    top: 0px;

}

.herocarousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.herocarousel .owl-dots .owl-dot.active span,
.herocarousel .owl-dots .owl-dot:hover span {
    background: #ffffff;
}

.quotecarousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.quotecarousel .owl-dots .owl-dot.active span,
.quotecarousel .owl-dots .owl-dot:hover span {
    background: #4b4b4c;
}

.owl-dots .owl-dot {
    outline: none;
}

.herocarousel h5.small {
    text-align: right;
}

.quotecarousel h5.small {
    text-align: right;
}

div.owl-carousel {
    height: 610px;
}

@media (max-width: 650px) {
    div.owl-carousel {
        height: 650px;
    }

    .owl-item div.marquee {
        background-position: 50% 30% !important;
        text-align: center !important;
        height: 550px;
    }

    div.marquee div.onecolumn div.column.fifty-five {
        width: 100%;
        text-align: center;

    }

    h5.small {
        text-align: center;
        font-size: 16px;

    }

    h1.white {
        text-align: center !important;
        font-size: 40px;
        line-height: 40px;
    }

    div.white {
        text-align: center !important;
        font-size: 40px !important;
        line-height: 40px !important;
    }
}