.navigation-pages {
  display: inline-block;
  position: relative;
  margin: 25px 0 25px 0;
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}

.bxr-top-pager .navigation-pages {
    margin-top: 0px;
}

.navigation-pages :first-child, .navigation-pages .first-current-page {
    border-radius: 4px 0px 0px 4px;
}

.navigation-pages :last-child, .navigation-pages .last-current-page {
    border-radius: 0px 4px 4px 0px;
}

.navigation-pages .nav-current-page {
  display: inline-block;
  font-size: 14px;
  padding: 15px 0;
  font-weight: 700;
  text-align: center;
  color: #666666;
  /* background-color: #FAFAFA; */
  background-color: #FFE921;
  text-decoration: none;
  border-right: 2px solid #f3f3f3;
  width: 50px;
  display: block;
  float: left;
}

.navigation-page-other, .navigation-pages a {
  display: block;
  float: left;
  font-size: 14px;
  padding: 15px 0;
  font-weight: 700;
  text-align: center;
  color: #666666;
  text-decoration: none;
  border-right: 2px solid #f3f3f3;
  width: 50px;
  transition: 0.2s linear;
  /* border: 1px solid #e0e0e0; */
}

.navigation-pages a:hover {
  transition: 0.2s linear;
  background-color: #FFE921;
}


.navigation-page-all:hover, .navigation-pages a:hover, .navigation-page-all:active, .navigation-pages a:active, .navigation-page-all:visited, .navigation-pages a:visited {
    text-decoration: none;
}

@media (max-width: 768px) {
    .navigation {
        text-align: center;
    }

    .navigation-page-other, .navigation-pages a, .navigation-pages .nav-current-page {
        width: 35px;
        font-size: 12px;
    }
}