.paging {
    margin: 20px 0;
    /*background-color: #fff; ???*/
   text-align: center;
}

.paging span
{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}

/*.paging span,*/
.paging strong,
.paging a {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 5px;
    min-width: 8px;
}

.paging strong {
    color: #FFF;
    border: 1px solid #457600;
    background-color: #1CC664;
}

.paging a {
    color: #4B4B4B;
    border: 1px solid #E3E3E3;
    background-color: #F7F7F7;
}

.paging a:hover {
    color: #FFF;
    background-color: #1CC664;
}

/* mobile */
@media (max-width: 979.999px) {
    .paging span,
    .paging strong,
    .paging a:not(.arrow):not(.first):not(.last) { display: none; }

    .paging select,
    .paging a.arrow { vertical-align: top; }

    .paging select {
        padding: 4px 24px 4px 6px;
        margin: 0 5px;
        line-height: 18px;
    }

    .paging select option { text-align: center; }
}

/* desktop */
@media (min-width: 980px) {
    .paging select { display: none; }
}

/* retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .paging span,
    .paging strong,
    .paging a {
        font-size: 18px;
        line-height: 26px;
        min-width: 18px;
    }
}