.home .brands-section {
  padding: 0 16px 48px;
}

@media only screen and (max-width: 519px) {
  .home .brands-section {
    padding: 0 0 48px;
    display: none;
  }
}

.home .brands-section .panel {
  border: none;
}

.home .brands-section .panel-header {
  padding: 0;
}

.home .brands-section .panel-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home .brands-section .panel-body.brands-primary {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home .brands-section .brand {
  width: 10%;
  padding: 8px;
  text-align: center;
}

.home .brands-section .brand.big {
  width: 12.5%;
}

.home .brands-section .brand.big img {
  max-width: 120px;
}

@media only screen and (max-width: 999px) {
  .home .brands-section .brand {
    width: 12.5%;
  }

  .home .brands-section .brand.big {
    padding: 8px 2px;
  }
}

@media only screen and (max-width: 779px) {
  .home .brands-section .brand {
    width: 16.66666667%;
  }

  .home .brands-section .brand.big {
    width: 16.66666667%;
  }
}

@media only screen and (max-width: 549px) {
  .home .brands-section .brand {
    width: 25%;
  }

  .home .brands-section .brand.big {
    width: 25%;
  }
}

@media only screen and (max-width: 365px) {
  .home .brands-section .brand {
    width: 33.33333333%;
  }
}

.home .brands-section .brand img {
  width: 100%;
  max-width: 80px;
  height: auto;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.home .brands-section .brand img:hover {
  -webkit-filter: none;
          filter: none;
}