.desktop-pagination{
    margin:10px 0 0 0;
    padding:7px 0 2px 0;
    text-align: center;
    background:#fff;
}

.mobile-pagination{
    display: none;
}

@media screen and (max-width:568px){
	
    .desktop-pagination{
        display: none;
    }
	
    .mobile-pagination{
        display: block;
        margin:10px 0 15px 0;
        padding:0 2%;
        width:96%;
    }	
}

/* ---------------------------------------------------------------------- */

a.page, .page-current {
	color:#000;
    background-color: #ffffff;
    border: 1px solid #c9cfdd;
	padding: 8px 16px !important;
    *padding: 4px !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
    -webkit-transition:background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
    -moz-transition:background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
    -o-transition:background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
    -ms-transition:background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
    transition:background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}

.page-current{
	cursor: default;
    color:#000 !important;
	font-weight:700;
    border: 1px solid #000 !important; /* black */
    background:#eee; /* slight grey */
}

a.page:hover{
	color:#000 !important;
	border: 1px solid #000 !important; /* black */
    background:#eee; /* slight grey */
	text-decoration : none;
}

/* ---------------------------------------------------------------------- */

a.mobile-pag{
    height:15px;
    float:left;
    width:16%;
    padding:8px 0;
    background: #fff;
    border: 1px solid #c9cfdd;
    margin:0 0 0 1%;
}

a.mobile-pag:first-child{
    margin:0 0 0 2%;
}

a.mobile-pag span{
    display:block;
    width:10px;
    height:15px;
    margin:0 auto !important;
    background: url(../icon/resume-sprite-highres.png) no-repeat center;
    background-size:758px 80px;
}

a.mobile-pag span.next{background-position:-15px -40px}
a.mobile-pag span.last{
    background-position:-17px -56px;
    width:18px;
}

a.mobile-pag span.prev{background-position:-25px -40px}
a.mobile-pag span.first{
    background-position:0 -56px;
    width:18px;
}

/* --- */

a.mobile-pag.current-page{
    width:26%;
    font-size: 14px;
    line-height: 15px;
    color:#000;
    text-align: center;
    text-decoration: none;
    background:0;
    border:0;
}

a.mobile-pag.current-page:hover{
    font-weight:normal;
}

/* --- */

a.mobile-pag-next,
a.mobile-pag-prev{
    float:right;
    width:35%;
    height:15px;
    font-size: 14px;
    line-height: 15px;
    color:#000 !important;
    text-align: center;
    border:1px solid #d8d8d8;
    border-radius:2px;
    text-decoration: none;
    background:#fff;
}

a.mobile-pag-next{padding:10px 3% 10px 0;}
a.mobile-pag-prev{padding:10px 0 10px 3%;}

a.mobile-pag-next:hover{text-decoration : none;}
a.mobile-pag-prev:hover{text-decoration : none;}

a.mobile-pag-next span,
a.mobile-pag-prev span{
    float:right;
    width:10px;
    height:15px;
    background: url(../icon/resume-sprite-highres.png) no-repeat center;
    background-size:758px 80px;
}

a.mobile-pag-next span{
    background-position: -15px -40px;
}
a.mobile-pag-prev span{
    float:left;
    background-position: -25px -40px;
}