.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}   .wp-pagenavi {
display:  table;
width: 100%;
}
.wp-pagenavi { text-align: center; }
.wp-pagenavi a, .wp-pagenavi span {
padding: 6px 10px !important;
margin: 3px !important;
border: 1px solid #222 !important;
border-radius: 5px;
color: #000000;
text-shadow: 0px 0px 0px #000;
background: #ffffff;
}  
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border: 1px solid #000 !important;
font-weight: normal;
text-decoration: none;
background: #ffff00;
}
.wp-pagenavi a:hover { background: #00ff00; } @media screen and (max-width: 899px) { 
.wp-pagenavi  span.extend, a.page.larger, a.larger.page  { display: none; } } @media screen and (max-width: 480px) { 
.wp-pagenavi  span.extend, a.page.larger,  a.last { display: none; } } @media screen and (max-width: 320px) { 
.wp-pagenavi  a.first, span.extend, a.page.smaller, a.page.larger, a.larger.page, 
a.last { display: none; } } @media screen and (max-width: 240px) { 
.wp-pagenavi span.pages, a.first, span.extend, a.page.smaller, a.page.larger, a.larger.page,
a.last { display: none; } }