/*body {*/
/*    font-family: sans-serif;*/
/*}*/

a {
    text-decoration: none;
}

.pagination-wrapper {
    text-align: center;
    margin: 0 20px;
}

.pagination {
    display: inline-table;
    height: 60px;
    margin-top: 0;
    padding: 0 25px;
    border-radius: 35px;
    background-color: #eee;
}

@media only screen and (max-width: 1199px) {
    .pagination {
        height: 50px;
        margin-top: 50px;
        padding: 0 10px;
        border-radius: 25px;
    }
}

.page-numbers {
    display: block;
    padding: 0 25px;
    float: left;
    transition: 400ms ease;
    color: #595959;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 60px;
}

.page-numbers:hover, .page-numbers.current {
    background-color: #007bff;
    color: #fff;
}

.page-numbers.prev:hover, .page-numbers.next:hover {
    background-color: transparent;
    color: #007bff;
}

@media only screen and (max-width: 1199px) {
    .page-numbers {
        padding: 0 15px;
        font-size: 16px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 120px) and (max-width: 1024px) {
    .page-numbers {
        padding: 0 14px;
    }

    /*.page-numbers:nth-of-type(2) {*/
    /*position: relative;*/
    /*padding-right: 50px;*/
    /*}*/
    /*!*.page-numbers:nth-of-type(2)::after {*!*/
    /*!*content: "...";*!*/
    /*!*position: absolute;*!*/
    /*!*font-size: 25px;*!*/
    /*!*top: 0;*!*/
    /*!*left: 45px;*!*/
    /*!*}*!*/
    /*.page-numbers:nth-child(-n + 3), .page-numbers:nth-last-child(-n + 3) {*/
    /*display: block;*/
    /*}*/
    /*.page-numbers:nth-last-child(-n + 4) {*/
    /*padding-right: 14px;*/
    /*}*/
    /*.page-numbers:nth-last-child(-n + 4)::after {*/
    /*content: none;*/
    /*}*/

}