
.pagination {
    overflow: hidden;
    margin: 50px 0
}

.pagination .pag-n {
    margin: 0;
    padding: 0
}

.pagination .pag-n .prev,
.pagination .pag-n .next {
    display: block;
    width: 40px;
    height: 40px;
}

.pagination .pag-n .next {
    float: left;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination .pag-n li {
    list-style: none;
    float: left;
    margin-right: 10px
}

.pagination .pag-n li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    border: 1px solid #9e9e9e;
    font-size: 20px;
    font-weight: 600;
    color: #8b8a8a
}

.pagination .pag-n li a:hover,
.pagination .pag-n .active a {
    color: #91c749;
    border: 1px solid #91c749
}

.pagination .pag-n .prev {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAINJREFUeNpi+P//PwMOrAfEU4HYBsTHpcjuPypwJEYRCGxFV2T1HzvwIUZRIrIbjXEoSoAZBCLUsSj4A8RJyM4CEfOwKOxE9ySIsMai8BkQO6ArBOEIHG50QlcIwnH4FKOHYzgOxWbYYiYWi8ItuOI6Ck1hCAOe1BMAxPOBOBrEBwgwAH1VBSdbK9yUAAAAAElFTkSuQmCC") center no-repeat, #91c749
}

.pagination .pag-n .next {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAINJREFUeNpi+P//PwMOrAfEU4HYBsTHpcjuPypwJEYRCGxFV2T1HzvwIUZRIrIbjXEoSoAZBCLUsSj4A8RJyM4CEfOwKOxE9ySIsMai8BkQO6ArBOEIHG50QlcIwnH4FKOHYzgOxWbYYiYWi8ItuOI6Ck1hCAOe1BMAxPOBOBrEBwgwAH1VBSdbK9yUAAAAAElFTkSuQmCC") center no-repeat, #91c749
}

@media only screen and (max-width: 768px) {

    .pag-n li:nth-child(n+4) {
        display: none
    }

    .pag-n .prev,
    .pag-n .next,
    .pag-n li a {
        width: 60px !important;
        height: 60px !important
    }
}