.page-box03 {
    width: 100%;
}

    .page-box03 .page-link {
        padding: 0 4px;
        float: right;
        border: none;
        display: flex;
        list-style: none;
        border-radius: 0.25rem;
        white-space: nowrap;
        justify-content: flex-end;
    }

        .page-box03 .page-link:hover {
            background: none;
        }

        .page-box03 .page-link > * {
            padding: 0 0.75rem;
            margin-right: 0.5rem;
            color: #595d6e;
            outline: none !important;
            border-radius: 3px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 2.25rem;
            min-width: 2.25rem;
            vertical-align: middle;
            text-align: center;
            position: relative;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 400;
        }

        .page-box03 .page-link a.prev,
        .page-box03 .page-link a.next {
            background: #ebe9f2;
        }

        .page-box03 .page-link span.active,
        .page-box03 .page-link a:hover {
            background: #00a550;
            color: #fff;
        }

    .page-box03 .page-text {
        float: left;
        padding: 0 0.75rem;
        line-height: 34px;
        color: #999;
    }

@media (max-width: 767px) {
    .page-box03 .page-link {
        float: none;
        justify-content: center;
    }

    .page-box03 .page-text {
        float: none;
        text-align: center;
    }
}