.slider-navigation {
    display: flex;
    align-items: center;
    justify-content: end;
}

.slider-navigation .slick-dots {
    list-style: none;
    margin: 1.25em 1.25em 0;
    line-height: 0;
    text-align: right;
}

.slider-navigation .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin: 0 3px;
}

.slider-navigation .slick-dots li button {
    padding: 0;
    border: 0;
    height: 2em;
    width: 40em;
    background-color: #8BB8E8;
    font-size: 1px;
}

.slider-navigation .slick-dots li:hover button,
.slick-dots li.slick-active button {
    background-color: #002E5F;
}

.slick-counter .h4,
.slick-counter .h6 {
    font-size: 0.8125em;
    font-family: 'TheSansOffice-Bold', sans-serif;
}

.slick-counter .h6 {
    font-family: 'TheSansOffice-Plain', sans-serif;
}

@media only screen and (max-width: 1199px) {
    .slick-counter {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .slick-dots {
        padding: 0;
        text-align: left;
    }
}

@media only screen and (max-width: 575px) {
    .slider-navigation {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 479px) {
    .slider-navigation .slick-dots li button {
        width: 30em;
    } 
}