.pagination-block {
    position: relative;
    padding: 25px 0;
    /* padding-top: 60px; */
}

.pagination-label {
    font-size: var(--typo-s);
    color: var(--color-default);
    font-weight: bold;
    min-width: 185px;
}

.pagination {
    float: right;
    margin: 0;
}

.pagination .search {
    display: inline-block;
    vertical-align: middle;
}

.pagination .search>* {
    display: inline-block;
    vertical-align: middle;
}

.pagination .search label {
    font-size: var(--typo-s);
    color: var(--color-default);
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 0;
}

.pagination .search .form-control {
    width: 52px;
    height: 34px;
    padding: 0;
    text-align: center;
    font-size: var(--typo-s);
    font-weight: bold;
    /* color: #999999;
    border: 1px solid #e1e1e1; */
    color: var(--color-gray);
    background-color: #F7F8FA;
    border: 1.5px solid #eceff5;
}

.pagination .search button {border: none; min-width: 34px; height: 34px; padding: 0 5px; text-align: center;
    font-weight: var(--fw-bold); font-size: var(--typo-s);line-height: 34px; color: #fff;
    background: linear-gradient(139.21deg, #F7C52A -19.62%, #05AFAE 87.2%);
    margin: 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.pagination li {}

.pagination a {
    display: block;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    text-align: center;
    font-size: var(--typo-s);
    font-weight: bold;
    line-height: 34px;
    color: var(--color-default);
    background-color: #F7F8FA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination li.active a,
.pagination li a:hover {
    color: #fff;
    background-color: #05AFAE;
    text-decoration: none;
}

.pagination li a:hover span {color: #fff;}
.pagination li a span {color: var(--color-default); font-size: var(--typo-s);}
.pagination li { display: inline-block; vertical-align: middle;}
.pagination li+li {margin-left: 3px;}
/* .pagination-nav a {
    color: #cccccc;
} */
 .pagination-nav a span {position: relative; top: 2px;}



@media (max-width: 1440px) {

    .pagination-block .col-md-6 {flex: 0 0 66.666667%;max-width: 66.666667%;}

}

@media (max-width: 991px) {

     .pagination-label {min-width: 160px;}
     .pagination-block .col-md-6 {flex: 0 0 75%;max-width: 75%;}

}

@media (max-width: 575px) {
    .pagination-label {text-align: center; margin-bottom: 10px;}
    .pagination-block .col-md-6 {flex: 0 0 100%;max-width: 100%;}
    .pagination{float: none; display: block;}
    .pagination .search {display: block;text-align: center;margin-bottom: 10px;}
    .pagination ul {display: block;text-align: center;}
}