.addons-pagination {
    margin: 20px 0 0;
    font-size: 0;
    text-align: center;
}

.addons-pagination-anchore {
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: black;
    ;
    display: inline-block;
    background: transparent;
    border: 2px solid #012F6B;
    ;
    border-radius: 100%;
    padding: 5px;
    font-size: 14px;

    cursor: pointer;
}

.addons-pagination-anchore:hover {
    background-color: #012f6bbe;
    border-color: #012F6B;
    transition: 0.3s;
    color: white;
}

.addons-pagination-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.addons-pagination-list-item {
    display: inline-block;
    margin: 0 2.5px;
}

.addons-pagination-list-item.addons-pagination-active .addons-pagination-anchore {
    background: #FFD800;
    border-color: #FFD800;
    color: black;
    font-weight: bold;
}

.addons-pagination-list-item.addons-pagination-active .addons-pagination-anchore:hover {
    text-decoration: none;
    cursor: default;
}

.addons-pagination-prev,
.addons-pagination-next {
    text-decoration: none;
    color: black;
    display: inline-block;
    background: transparent;
    border: 2px solid #012F6B;
    border-radius: 15px;
    padding: 5px 10px;
    font-size: 14px;

}

.addons-pagination-prev:hover,
.addons-pagination-next:hover {
    background-color: #012f6bbe;
    border-color: #012f6bbe;
    transition: 0.3s;
    color: white;
    cursor: pointer;
}


.addons-pagination-prev.addons-pagination-disabled,
.addons-pagination-next.addons-pagination-disabled {
    cursor: default;
    background: transparent;
    color: #888;
    border-color: #888;
}

.addons-pagination-prev.addons-pagination-disabled:hover,
.addons-pagination-next.addons-pagination-disabled:hover {
    cursor: default;
    text-decoration: none;
}

.addons-pagination-prev {
    margin-right: 2.5px;
}

.addons-pagination-next {
    margin-left: 2.5px;
}

@media (max-width: 767px) {

    .addons-pagination-list-item:first-child,
    .addons-pagination-list-item.addons-pagination-active,
    .addons-pagination-list-item.addons-pagination-active-sibling:nth-last-child(2),
    .addons-pagination-list-item:last-child {
        display: inline-block !important;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item:nth-last-child(-n+3) {
        display: inline-block;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item:nth-last-child(3):before {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:before,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:before {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:after {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:nth-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:nth-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:nth-last-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:nth-last-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:nth-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:nth-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active:nth-last-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active:nth-last-child(-n+2):after {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+3),
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+3) {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active~.addons-pagination-list-item:nth-child(-n+3),
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(-n+3) {
        display: inline-block;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active~.addons-pagination-list-item:nth-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(-n+2):after {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+6).addons-pagination-active~.addons-pagination-list-item:nth-child(3):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+6)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(3):after {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px;
        color: black;
    }
}

@media (min-width: 768px) {

    .addons-pagination-list-item:first-child,
    .addons-pagination-list-item.addons-pagination-active-sibling,
    .addons-pagination-list-item.addons-pagination-active,
    .addons-pagination-list-item.addons-pagination-active+.addons-pagination-list-item,
    .addons-pagination-list-item:last-child {
        display: inline-block !important;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active-sibling:before {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active+.addons-pagination-list-item:after {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-last-child(-n+5) {
        display: inline-block;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-last-child(5):before {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-last-child(-n+2):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active-sibling:nth-last-child(-n+4):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item:nth-last-child(-n+2):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active-sibling:nth-last-child(-n+4):after {
        display: none !important;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+5),
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+5) {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+5):before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-last-child(-n+5):before {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active~.addons-pagination-list-item:nth-child(-n+5),
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(-n+5) {
        display: inline-block;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active~.addons-pagination-list-item:nth-child(-n+4):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(-n+4):after {
        display: none;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active~.addons-pagination-list-item:nth-child(5):after,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active~.addons-pagination-list-item:nth-child(5):after {
        content: "\2026";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px;
        color: black;
    }

    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active:before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active:before,
    .addons-pagination-list-item:first-child:nth-last-child(n+8).addons-pagination-active:after,
    .addons-pagination-list-item:first-child:nth-last-child(n+8)~.addons-pagination-list-item.addons-pagination-active:after {
        display: none;
    }
}