.content  .page-navigation{
	display: table;
	background-color: #ffffff;
	border: solid 1px #d5d7dc;
	margin:10px 0;
}
.content .page-navigation li:before{
	display: none;
}
.content .page-navigation li{
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d5d7dc;
	padding:0;
	margin:0;
}
.content .page-navigation li a, .content .page-navigation li .current-page {
    display: block;
    height: 36px;
    line-height: 38px;
    width: 35px;
    font-size: 15px;
    text-align: center;
    color: #189f2b;
    background-color: #fff;
}
.content .page-navigation li a:hover{
	color: #ffb400;
}
.content .page-navigation li .current-page{
	background-color: #189f2b;
	color: #b1b7c0;
}
.content .page-navigation li .current-page:hover{
	color: #b1b7c0;
}
.content .page-navigation li .dotts{
	color: #d5d7dc;
}
.content .page-navigation li .arrow-prev,
.content .page-navigation li .arrow-next {
    width: 18px;
}
.content .page-navigation li .arrow-prev:before,
.content .page-navigation li .arrow-next:before{
	content:'x';
	font-family: 'rs_font';
	display: block;
    font-size: 13px;
    line-height: 38px;
}
.content .page-navigation li .arrow-prev:before{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.content .page-navigation li .arrow-next:before{

}
.content .page-navigation li:last-of-type{
	border-right:0;
}
@media screen and (min-width: 768px){
	.content .page-navigation li a, .content .page-navigation li .current-page {
      font-size: 18px;
	}
	.content .page-navigation li .arrow-prev,
	.content .page-navigation li .arrow-next{
		width: 24px;
	}
	.content .page-navigation li a,
	.content .page-navigation li .current-page{
		height: 60px;
		line-height: 64px;
		width: 65px;
	}
	.content .page-navigation li .arrow-prev:before,
	.content .page-navigation li .arrow-next:before{
	    line-height: 64px;
	}
}