.pageinfo {display: inline-block;

    

    padding: 2px 9px;

    margin: 0 3px;

    line-height: 20px;

    background: #fff;

    color: #999;}



.pageinfo a {float:left;border:1px solid #ccc;padding:2px 9px;margin:0 3px;line-height:20px; background:#fff; color: #000; display:inline-block; }



.pageinfo .thisclass { background: #046835; color: #fff;} 

@media screen and (max-width: 640px){

    .pageinfo {display: inline-block;

    

    padding: 2px 9px;

    margin: 0 3px;

    line-height: 20px;

    background: #fff;

    color: #999;}



    .pageinfo a {float:left;border:1px solid #ccc;padding:1px 5px;margin:0 1px;line-height:20px; background:#fff; color: #000; display:inline-block; }



    .pageinfo .thisclass { background: #046835; color: #fff;} 

}