/* pagination */

.car-list .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 2.77778vw;
  padding-bottom: 8.33333vw;
  width: 100%;
}
.car-list .pagination ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.car-list .pagination ul li,
.car-list .pagination ul span {
  display: inline-block;
}
.car-list .pagination ul {
  display: inline-block;
}

.car-list .pagination ul li a,
.car-list .pagination ul a,
.car-list .pagination ul span
{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 0.34722vw;
        -webkit-border-radius: 1.45833vw;
           -moz-border-radius: 1.45833vw;
                border-radius: 1.45833vw;
        width: 2.91667vw;
        height: 2.91667vw;
        font-family: "GilroySemiBold", sans-serif;
        font-size: 1.11111vw;
        color: #838383;
        -webkit-transition: all 0.15s;
        -o-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
}

.car-list .pagination ul li a,
.car-list .pagination ul a:hover {
  background-color: #f7f5f5;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}

@media (min-width: 1441px) {

  .car-list .pagination ul li a,
  .car-list .pagination ul a,
  .car-list .pagination ul span{
    margin-left: 5px;
      -webkit-border-radius: 21px;
       -moz-border-radius: 21px;
                    border-radius: 21px;
            width: 42px;
            height: 42px;
            font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .car-list .pagination ul li a,
  .car-list .pagination ul a,
  .car-list .pagination ul span{
    -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
                    border-radius: 100%;
            width: 9.53125vmin;
            height: 9.53125vmin;
  font-size: 3.59375vmin;
}
}

.car-list .pagination ul li .active,
.car-list .pagination ul span.current{
  background-color: #f7f5f5;
}


@media (max-width: 1024px) {
  .car-list .pagination ul {
     -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
  }
}

@media (min-width: 1441px) {
  .car-list .pagination {
    margin-top: 40px;
    padding-bottom: 120px;
  }
}