.p-top-brands{
  padding: 40px 0;
}
.p-top-brands .p-top-brands-inner {
  padding: 0 7vw;
}
.p-top-brands__heading{
  text-align: center;
  margin-bottom: 35px;
}
.p-top-brands__heading-large{
  font-family: ten-mincho,serif;
  font-size: 36px;
  line-height: 1.2em;
}

.p-top-brands__heading-small{
  color: var(--color-gray-500);
  display: block;
  padding-top: 10px;
}

.brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1090px;
}
.brands__item {
  flex-basis: calc(50% - 10px);
}
.brands__item img {
    display: block;
    /* Make sure max-width is added */
    max-width: 100%;
    height: 50px;
    object-fit: contain;
}
.brands__item:nth-last-child(1) {
  align-items: end;
}
.brands__item.large-height img {
  height: 100px;
}
.brands__item.middle-height img {
  height: 70px;
}
.brands__item.small-height img {
  height: 35px;
}
.brands__item.sm-padding{
  padding: 10px;
}
.brands__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width:600px) {
  .brands__item {
    flex-basis: calc(33.33% - 20px);
  }
}
@media screen and (min-width:768px) {
  .p-top-brands{
    padding: 70px 0 80px;
  }
}
@media screen and (min-width:1080px) {
  .brands__item {
    flex-basis: calc(25% - 38px);
  }
  .brands{
    gap: 50px;
  }
}