.pagination {
display: flow-root;
width: 90%;
margin: 30px auto;
}

.pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;

}

.pagination a.active {
        background-color: #0112FF;
        color: white;
        border-radius: 20px;
}

.pagination a:hover:not(.active) {
        background-color: #ddd;
        border-radius: 20px;
}
.btn_prv{
 background:#00bd70;
color: white !important;
 padding: 7px 15px;
 border-radius: 20px;
 float: left;
}
.btn_next{
padding: 7px 15px;
border-radius: 20px;
float: right !important;
color: #00bd70 !important;
border: 1px solid;
}
.pgnt{
    float: left;
    margin: 0px 10%;
    font-size: 16px;
 }
@media screen and (min-width: 0px) and (max-width: 690px) {
.pgnt{
float: left !important;
margin: 0px 0%;
font-size: 10px;
}
.blockpagn{
margin: auto;width: 152px !important;
}
}

@media screen and (min-width: 691px) and (max-width: 1210px) {
.pgnt{
float: left !important;
margin: 0px 0%;
font-size: 11px;
}
.blockpagn{
margin: auto;width: 190px !important;
}
}