.paging {
    text-align: center;
}

@media only screen and (max-width: 659px) {
    .paging {
        margin-bottom: 20px;
    }
}

    .paging > a {
        display: inline-block;
        vertical-align: top;
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        background-color: #fff;
        border: solid 2px #c8c8c8;
        /*border-radius: 4px;*/
        margin-right: 2px;
        color: #717171;
        box-shadow:
            0px 1px 0px 0px rgba(223, 223, 223, 1),
            0px 1px 0px 0px rgba(187, 187, 187, 1);
    }

    .paging > a:last-of-type {
        margin-right: 0;
    }

    .paging > a:hover {
        color: #666;
        background-color: #dadada;
    }

        .paging > a.is-current {
            color: #fff;
            background-color: #762b90;
            border: solid 2px #762b90;
            cursor: default;
        }

        .paging > a.is-current:hover {
            text-decoration: none;
        }

        .paging > a.is-prev > span {
            display: inline-block;
            margin: 0 auto;
            text-align: center;
            width: 28px;
            height: 8px;
        }

        .paging > a.is-next > span {
            display: inline-block;
            margin: 0 auto;
            text-align: center;
            width: 28px;
            height: 8px;
        }