@media screen and (max-width: 767px) {
    .page-container {
        text-align: center;
        margin: 15px auto;
    }

    .page-list {
        display: inline-flex;
        margin: auto;
    }

    .page-item {
        height: 30px;
    }

    .page-link {
        width: 55px;
        padding: 0;
        line-height: 30px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .page-container {
        margin: 20px auto;
    }

    .page-container a {
        display: inline !important;
    }

    .page-list {
        margin: 0 10px;
        text-align: center;
    }

    .page-item {
        display: inline-block;
    }

    .page-item a,
    .page-item a:hover {
        color: #167BAF;
    }

    .page-num {
        display: inline-block !important;
    }

    .page-num-current {
        color: #FFF !important;
        background-color: #167BAF;
        border-color: #167BAF;
    }
}