.pager{
	display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}
.pager .text{
    color: #003d51;
    font-family: "Roboto",sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 6px 0 11px;
}
.pager a{
    color: #00a7b5;
    display: inline-block;
    height: 20px;
    position: relative;
    text-align: center;
    width: 20px;
    font-family: "Roboto",sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
}
.pager a.disabled{
    cursor: default;
    color: #003d51;
}
.pager a.prv:before{
	font-family: fontAwesome;
	content: "\f104";
	font-size: 20px;
    position: absolute;
    top: 1px;
}
.pager a.prv-end:before{
	font-family: fontAwesome;
	content: "\f100";
	font-size: 20px;
    left: 20px;
    position: absolute;
    top: 1px;
}
.pager a.nxt:before{
	font-family: fontAwesome;
	content: "\f105";
	font-size: 20px;
    position: absolute;
    top: 1px;
}
.pager a.nxt-end:before{
	font-family: fontAwesome;
	content: "\f101";
	font-size: 20px;
    left: -5px;
    position: absolute;
    top: 1px;
}
/*
|---------------------------------------------------------------------------------------------
|  MEDIA QUERIES
|---------------------------------------------------------------------------------------------
*/
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
    
}
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){ 
    .pager a,
    .pager .text{
        font-size: 1.25rem;
    }
    .pager a.prv-end:before,
    .pager a.prv:before,
    .pager a.nxt:before,
    .pager a.nxt-end:before{
        font-size: 25px;
    }
    .pager .text{
        position: relative;
        top: 4px;
    }
}
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    
}
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) { 
    .pager{
        text-align: right;
    }
}