ul.link-pager {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0;
    text-align: center;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
}

ul.link-pager li {
    display: inline-block;
    margin-right: 13px;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

ul.link-pager li:last-child {
    margin-right: 0;
}

ul.link-pager li:not(.active):active a,
ul.link-pager li:not(.active):focus a,
ul.link-pager li:not(.active):hover a {
    color: #496FF5;
}

ul.link-pager li.disabled {
    visibility: hidden;
}

ul.link-pager li.prev, ul.link-pager li.next {
    width: auto;
    height: auto;
}

ul.link-pager li a {
    margin: -5px;
    padding: 5px;
    font-size: 16px;
    color: #444;
    text-decoration: none
}

ul.link-pager li.active {
    background-color: #3671e6;
    -webkit-border-radius: 10em;
    border-radius: 10em;
}

ul.link-pager li.active a {
    color: #fff
}

@media (max-width: 767.98px) {
    ul.link-pager {
        margin-top: 15px
    }

    ul.link-pager li {
        margin-right: 5px;
    }

    ul.link-pager li a {
        font-size: 14px
    }
}

@media (max-width: 320px) {
    ul.link-pager li {
        margin-right: 1px;
    }
}