.pages {
    cursor: default;
    font-size: 14px;
    font-family: Tahoma, Verdana;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.pages span {
    margin: 6px 3px;
    display: inline-block;
}

.pages span a {
    color: #005ea7;
    text-decoration: none;
    padding: 3px 8px;
    border: 1px #005ea7 solid;
    background: #fff;
}

@media only screen and (min-width: 996px) {}

@media only screen and (max-width: 996px) {
    .pages span a {
        color: #005ea7;
        text-decoration: none;
        padding: 3px 6px !important;
        border: 1px #005ea7 solid;
        background: #fff;
    }
}

.pages span a:hover {
    color: #FFF;
    border: 1px #005ea7 solid;
    background: #005ea7;
}

.number {
    color: #FFF;
    text-decoration: none;
    padding: 3px 8px;
    border: 1px #005ea7 solid;
    background: #005ea7;
}

.number a:hover {
    color: #FFF;
    border: 1px #005ea7 solid;
}