@media screen and (min-width: 680px){   
  .pagerspace { display:none; }
}
@media screen and (max-width: 680px){   
  .pagerspace { display:block; height:20px; }
}

.wp-pagenavi {
	clear: both;
	text-align:center;
	margin-top: 50px;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #BFBFBF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}

.wp-pagenavi a:hover{
	color:#FFF; 
	background-color:#737373; 
	border-color:#737373;
}

.wp-pagenavi span.current{
	color: #FFF;
	background-color: #BFBFBF;
	border-color: #BFBFBF;
	font-weight: bold;
}