/* region Десктоп*/

.bx-pagination {
    margin-top: 25px;
}

.bx-pagination .bx-pagination-container {
    position: relative;
    text-align: center;
}

.bx-pagination .bx-pagination-container ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    margin: 0 2px 15px 2px;
}

.bx-pagination .bx-pagination-container ul li span {
    font-size: 16px;
    line-height: 32px;
    display: block;
    min-width: 32px;
    height: 32px;
    padding: 0;
    vertical-align: middle;
    color: #6C7073;
    border-bottom: 2px solid transparent;
}

.bx-pagination .bx-pagination-container ul li a {
    line-height: 32px;
    display: block;
    min-width: 32px;
    height: 32px;
    vertical-align: middle;
    text-decoration: none;
    color: #6C7073;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    line-height: 32px;
    width: 32px;
    height: 32px;
    padding: 0 18px;
    background-repeat: no-repeat;
    background-position: center 8px;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
    border: none;
    filter: invert(49%) sepia(94%) saturate(2829%) hue-rotate(166deg) brightness(97%) contrast(101%);
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    color: var(--link-color);
    border-bottom-color: var(--link-color);
}

.bx-pagination .bx-pagination-container ul li a:hover span {
    color: var(--link_hover-color);
}

.bx-pagination .bx-pagination-container ul li.bx-pag-prev span {
    background-image: url(images/prev.svg);
}

.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    background-image: url(images/next.svg);
}

/*endregion*/

/* region Планшет*/
@media all and (max-width: 1100px) {


}

/*endregion*/

/* region Мобильный*/
@media screen and (max-width: 450px) {
    .bx-pagination .bx-pagination-container ul li.navDot span {
        min-width: auto;
    }

    .bx-pagination .bx-pagination-container ul li {
        display: inline-block;
        margin: 0 1px 15px 1px;
    }

    .bx-pagination .bx-pagination-container ul li span {
        min-width: 28px;
    }
}

/*endregion*/