.pages{
    width: 100%;
    color: #4e4e4e;
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
}
.pages a{
    color: #4e4e4e;
    margin: 0 4px;
}
.pages a:hover{
    color: #be0000;
}
.pages span{
    display: none;
    margin: 0 4px;
}
.pages .on{
    color: #be0000;
}
.pages .page-btn{
    background-color: #19479e;
    color: #fefefe;
    padding: 2px 15px;
    border-radius: 6px;
}
.pages .page-btn:hover{
    opacity: .9;
    color: #fefefe;
}
.pages input{
    width: 30px;
    height: 30px;
    border: 1px solid #8e8e8e;
    text-align: center;
}
@media screen and (max-width:767px){
    .pages .page-btn{
        display: none;
    }
    .pages input{
        display: none;
    }
     .pages{
         margin-top: 20px;
     }
}