.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width: 630px;
    margin: 0 auto;
}
#pagination-mobile{
    overflow: hidden;
    width: 160px;
    margin: 0 auto;
    display: none;
}
#pagination-mobile a{
    line-height:40px;
    cursor:pointer;
    margin: 2px 8px;
    float:left;
    width: 60px;
    height: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    border-radius:         8px;
    text-align: center;
    white-space: nowrap;
    color: #D6D6D6;
    border: 1px solid #BABABA;
    background-color: #FFFFFF;
    display: inline-block;
}
#pagination-mobile a:before{
    font-family: 'FontAwesome';
    content: "\f053";
    display: block;
    position: absolute;
    width: 58px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;

}
#pagination-mobile a:hover{
    color: #0068B5;
    border-color: #0068B5;
}
#pagination-mobile a.next-page:before{
    content: "\f054";
    width: 60px;
}
 
.jPaginate a{
    line-height:40px;
    cursor:pointer;
    margin: 2px 8px;
    float:left;
    width: 60px;
    height: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    border-radius:         8px;
    text-align: center;
    white-space: nowrap;
}

 
.jPaginate a:hover{
    text-decoration: none;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    width: 60px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    border-radius:         8px;
    text-align: center;
    white-space: nowrap;
    margin:2px 8px;
    float:left;
}
 
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    width: 60px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    border-radius:         8px;
    text-align: center;
    white-space: nowrap;
    margin:2px 8px;
    color: #D6D6D6;
    border: 1px solid #BABABA;
    background-color: #FFFFFF;
    float: left;
}

 
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{

}

span.jPag-sprevious:hover,
span.jPag-sprevious-img:hover{
    color: #0068B5;
    border-color: #0068B5;

}
span.jPag-sprevious:before,
span.jPag-sprevious-img:before
{
    font-family: 'FontAwesome';
    content: "\f053";
    display: block;
    position: absolute;
    width: 58px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}
 
span.jPag-snext,
span.jPag-snext-img{
     
}
span.jPag-snext:hover,
span.jPag-snext-img:hover{
    color: #0068B5;
    border-color: #0068B5;
}
span.jPag-snext:before,
span.jPag-snext-img:before
{
    font-family: 'FontAwesome';
    content: "\f054";
    display: block;
    position: absolute;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}
 
ul.jPag-pages li span.jPag-previous-img{
    /*background:transparent url(../images/previous.png) no-repeat center right;*/
            }
ul.jPag-pages li span.jPag-next-img{
    /*background:transparent url(../images/next.png) no-repeat center left;*/
            }
span.jPag-sprevious-img{
    /*background:transparent url(../images/sprevious.png) no-repeat center right;*/
            }
span.jPag-snext-img{
    /*background:transparent url(../images/snext.png) no-repeat center left;*/
            }


.jPag-last, .jPag-first{
    display: none;
}


@media (max-width: 680px){
    #pagination{
        display: none;
    }
    #pagination-mobile{
        display: block;
    }
}