.pages {
    margin: 20px auto;
    clear: both;
    /* width: 890px; */
    text-align: center;
    padding: 10px 0px;
    text-align: center;
    font-size: 12px;
}

    .pages ul {
        display: inline;
        margin: 0 auto;
        width: 890px;
    }

    .pages li {
        display: inline;
        margin: 0 auto !important;
        width: auto !important;
        float: none !important;
        border-radius: initial !important;
    }

    .pages a {
        padding: 7px 11px;
        border-radius: 100%;
        margin: 4px;
        background-color: #d9d9d7;
        border: #d9d9d7 1px solid;
        color: #fff;
        text-decoration: none;
        width: auto !important;
        display: initial !important;
    }

        .pages a:hover, li.current a {
            background-color: #336eaf;
            color: #FFFFFF;
            border: #336eaf 1px solid;
            text-decoration: none;
        }