/*=== Page navigation ===*/
    #page-navigation .page-navigation-link {display:block; color:#393434; line-height:1; padding-top:6px; padding-bottom:5px;
        background:transparent; background-size:20px 20px; background-repeat:no-repeat;}
    #page-navigation .page-navigation-link.page-previous {padding-left:25px;background-image: url("/img/svg/arrow-left.svg");background-position:center left;}
    #page-navigation .page-navigation-link.page-next {text-align:right;padding-right:25px;background-image: url("/img/svg/arrow-right.svg");background-position:center right;}


/*========== Mobile devices only (No inheritance to larger devices) ==========*/ 
@media (max-width: 480px) {
    #page-navigation .col-xs-6 {width: 50%; padding-top:0;}
}


/*========== Small Tablet devices and up ==========*/
@media (min-width: 480px) { 
    #page-navigation .page-navigation-link {padding-top: 7px;background-size: 22px 22px;}
    #page-navigation .page-navigation-link.page-previous {padding-left:30px;}
    #page-navigation .page-navigation-link.page-next {padding-right:30px;}
}


/*========== Large Tablet devices and up ==========*/
@media (min-width: 768px) {
    #page-navigation .page-navigation-link {background-size: 24px 24px;}
    #page-navigation .page-navigation-link.page-previous {padding-left: 35px;}
    #page-navigation .page-navigation-link.page-next {padding-right: 34px;}
}


/*========== Small Laptop devices and up ==========*/
@media (min-width: 992px) {
    #page-navigation .page-navigation-link {
        background-size: 16px 16px;
        -webkit-transition: background 0.65s ease;
        -moz-transition: background 0.65s ease;
        -o-transition: background 0.65s ease;
        transition: background 0.65s ease;
        }
    #page-navigation .page-navigation-link.page-previous {padding-left: 40px; background-position-x: 5px;}
    #page-navigation .page-navigation-link.page-next {padding-right: 40px;background-position-x: calc(100% - 5px);}

        /* Hover */
        #page-navigation .page-navigation-link:hover {opacity:1;}
        #page-navigation .page-navigation-link.page-previous:hover {background-position-x: 0;}
        #page-navigation .page-navigation-link.page-next:hover {background-position-x: 100%;}
}


/*========== Desktop devices and up ==========*/
@media (min-width: 1200px) { 

}