.jqpaginator { position: relative; }
.jqpaginator .jqp-wrap {
    display: block; margin: 25px auto; 
    position: relative; text-align: center;
}
.jqpaginator .jqp-wrap .jqp-input {
    display: block; margin: 10px auto; width: 100px;
}
.jqpaginator .jqp-wrap .jqp-prev,
.jqpaginator .jqp-wrap .jqp-next,
.jqpaginator .jqp-wrap .jqp-pages { display: inline-block; }
.jqpaginator .jqp-wrap .jqp-pages { padding: 0; margin: 0; }
.jqpaginator .jqp-wrap .jqp-pages li {
    cursor: default; display: inline-block; padding: 5px 10px;
}
.jqpaginator .jqp-wrap .jqp-pages li.jqp-page,
.jqpaginator .jqp-wrap button { cursor: pointer; }
.jqpaginator .jqp-wrap .jqp-pages li.jqp-active {
    cursor: default; font-weight: bold;
}
.jqpaginator .jqp-wrap button .jqp-disable {
    color: #BBBBBB; cursor: default; pointer-events: none;
}
.jqpaginator .jqp-wrap .jqp-pages li.jqp-page, .jqpaginator .jqp-wrap button {
    cursor: pointer;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 10px;
    color: #999999;
    display: inline-block;
    font: 15px/25px Arial,Helvetica,sans-serif;
    margin: 5px 3px 0 0;
    padding: 0 15px;
    text-align: center;
}
.jqp-active, .jqp-page:hover {
    background: none repeat scroll 0 0 #0d92e1 !important;
    cursor: default !important;
    font-weight: bold !important;
    color: #ffffff !important;
}


@media screen and (width: 425px) {
    jqpaginator .jqp-wrap .jqp-pages li.jqp-page, .jqpaginator .jqp-wrap button {
        padding: 0px 3px !important;
    }
}
@media screen and (width: 320px) {
    jqpaginator .jqp-wrap .jqp-pages li.jqp-page, .jqpaginator .jqp-wrap button {
        padding: 0px 3px !important;
    }
}
@media screen and (width: 768px) {
    jqpaginator .jqp-wrap .jqp-pages li.jqp-page, .jqpaginator .jqp-wrap button {
        padding: 0px 3px !important;
    }
}