.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.inline-block {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.center-block {
  margin: 0 auto;
}
.product-offers.brands {
  margin: 40px 0 15px;
  overflow: hidden;
}
.brandsList {
  display: block;
  padding: 0;
  margin: 0 0 20px;
}
.brandsList li {
  display: block;
  float: left;
  width: 1170px;
  margin: 0;
}
.brandsList li .oneBrand {
  display: block;
  float: left;
  margin: 0 22px;
  width: 150px;
}
.brandsList li a {
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.brandsList li a:hover {
  color: #f2941f;
}
.brandsList li .brandImage {
  display: table-cell;
  width: 150px;
  height: 150px;
  vertical-align: middle;
}
.brandsList li .brandImage img {
  max-width: 150px;
  max-height: 150px;
  display: block;
  margin: 0 auto;
}
.brandsList li .brandName {
  display: block;
}
@media only screen and (max-width: 767px) {
  .product-offers.brands .headerName {
    font-size: 25px;
  }
  .brandsList li .oneBrand {
    width: 80px;
  }
  .brandsList li .oneBrand .brandImage {
    width: 80px;
    height: 80px;
  }
  .brandsList li .oneBrand .brandImage img {
    max-width: 80px;
    max-height: 80px;
  }
}
/*
.product-offers {
  &.brands {
    margin: 40px 0 15px;
  }
}

.brandsList {
  display: block;
  padding: 0;
  margin: 0 0 20px;

  li {
    display: block;
    float: left;
    margin: 0 22px;
    width: 150px;

    a {
      text-decoration: none;
      text-align: center;
      font-size: 14px;
      color: #000;
      &:hover{
        color: @link-color4;
      }
    }

    .brandImage {
      display: table-cell;
      width: 150px;
      height: 150px;
      vertical-align: middle;

      img {
        max-width: 150px;
        max-height: 150px;
        display: block;
        margin: 0 auto;
      }
    }

    .brandName {
      display: block;
    }
  }
}*/