//pagination
.common-pagination {
  .pagination-item{
    @include flexbox();
    @include align-items(center);
  }
  .pagination {
    margin-bottom: 0;
    li {
      &:not(:last-child) {margin-right: 10px;}
      a {
        line-height: 42px;color:color(200); height:42px;width:42px;padding:0px;font-size:15px;
        border-radius: 3px;@include flexbox();@include justify-content(center);
        @include align-items(center);@include transition(.3s);
        &:focus {-webkit-box-shadow: none;box-shadow: none;outline: none;}
        &:hover {background-color: color(500);color: color(50);}
      }
      &.active {
        a {background-color: color(500);color: color(50);border-color: color(500);}
      }
      &:last-child, &:first-child{
        a{
          background-color: color(50);color:rgba(color(200), .5);
          &:hover{background-color: color(500);color: color(50);}
        }
      }
    }
  }

  @media (max-width:1599px) {
    .pagination {
      li {
        a {
          padding: .4rem .60rem;
          width: 36px;
          height: 36px;
          font-size: 14px;
        }
      }
    }
  }

  @include media-breakpoint-down(lg) {
    .sort-entry{
      .bootstrap-select{
        .dropdown-toggle{
          &:after{top: -1px;}
        }
      }
    }
  }

  @include media-breakpoint-down(md) {
    .pagination {
       li{
        &:not(:last-child) {margin-right: 5px;}
      }
    }
  }

  @include media-breakpoint-down(xs) {
    display: block !important;
    .sort-entry{position: absolute; left: 140px; top:7px;}
    .count-wrap >.count{margin:0 auto;}
    .pagination-item{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  }
}