.custom-pagination-box{
	width:100%;
	font-family: 'klavika-light';
	text-align:center;
}

.custom-pagination span,
.custom-pagination a {
	display: inline-block;
}

.custom-pagination a {
	background-color:#003D71;
	color:#FFFFFF;
}

.custom-pagination span.page-num {
	padding: 0;
}
.custom-pagination span.dots {
	padding: 0;
	color:#003D71;
}
.custom-pagination span.current {
	border:1px solid #003D71;
	background-color:#FFFFFF;
	color:#003D71;
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
	.custom-pagination-box{
		padding:25px 0;
		font-size:0.8em;
	}
	
	.custom-pagination span,
	.custom-pagination a {
		padding: 2px 10px;
	}
	
	.custom-pagination span.page-num {
		margin-right: 10px;
	}
}

@media only screen and (min-width:400px) and (max-width: 640px) {
	.custom-pagination-box{
		padding:25px 0;
		font-size:0.8em;
	}
	
	.custom-pagination span,
	.custom-pagination a {
		padding: 2px 10px;
	}
	
	.custom-pagination span.page-num {
		margin-right: 10px;
	}	
}

@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens [TABLETS] */
	.custom-pagination-box{
		padding:25px 0;
		font-size:0.9em;
	}
	
	.custom-pagination span,
	.custom-pagination a {
		padding: 2px 10px;
	}
	
	.custom-pagination span.page-num {
		margin-right: 10px;
	}
}

@media only screen and (min-width: 59.375em) { /* min-width 950px, large screens [LAPTOP/PC] */
	.custom-pagination-box{
		padding:25px 0;
		font-size:1em;
	}
	
	.custom-pagination span,
	.custom-pagination a {
		padding: 2px 10px;
	}
	
	.custom-pagination span.page-num {
		margin-right: 10px;
	}
}