.owl-carousel .owl-dots, .owl-carousel .owl-nav {
    position: absolute;
    bottom: 0px;
    color: grey;
}

.owl-carousel .owl-nav {
    right: 0px;
}

.owl-carousel .owl-dots {
    width: 100%;
}

.owl-carousel .owl-dot, .owl-carousel .owl-prev, .owl-carousel .owl-next {
    cursor: hand;
    display: inline-block;
    height: 15px;
    margin: 20px 5px;
}

.owl-carousel .owl-dot[type="dot"] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #EEE;
    background: #EEE;
}

.owl-carousel .owl-dot[type="dot"].active {
    background: #CB231D;
}

.owl-carousel .owl-dot[type="text"] {
    background: #EEE;
    color: #7B7A7E;
    border: 1px solid #7B7A7E;
    padding: 5px;
    text-align: center;
    min-height: 30px;
    text-overflow: ellipsis;
}

.owl-carousel .owl-dot[type="text"].active {
    background: #CB231D;
    color: #EEE;
}

@media only screen and (max-width: 768px) {
    .owl-carousel .owl-dot[type="text"] {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        font-size: 0px;
        min-height: initial;
    }
}