.holder {
	margin: 15px 0;
}

.holder a {
	font-size: 16px;
	cursor: pointer;
	margin: 0 5px;
	color: #3e4347;
}

.holder a:hover {
	font-weight: bold;
}

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { 
	font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.holder span { margin: 0 5px; }


/* min-width & max-width */
@media screen and (min-width: 300px) and (max-width: 330px) {
    .holder a {
        font-size: 10px;
    }
}
  
@media screen and (min-width: 340px) and (max-width: 1024px) {
    .holder a {
        font-size: 12px;
    }
}