/*!
 * Componente Nombre:  .logos-brands
 * Base: Bootstrap v4.6.2
 * Autor: DEX360
 * Copyright: DEX360

    1.  logos-brands

    10. responsive
*/

/* 1. logos-brands */
.logos-brands {
  /* position: relative; */
  /* margin-top: -250px; */
  z-index: 900;
}
.logos-brands .item img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 158px;
}
.logos-brands .item img:hover {
  -webkit-transform: scale(1.28);
  transform: scale(1.28);
}

/* 10. responsive */

@media screen and (min-width: 820px) and (max-width: 1180px) {
  .logos-brands .item img {
    width: 134px;
  }
}

@media (max-width: 1000px) {
  .logos-brands {
    background-color: var(--primary);
  }
}

@media (max-width: 600px) {
  .logos-brands .item img {
    width: auto;
  }
  /* logos-brands */
  .header-content .logos-brands {
    background-color: var(--primary);
    padding: 25px 0px 40px !important;
  }
  .logos-brands .item {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 5px;
  }
  .logos-brands .item a {
    align-content: center;
    background: #20313f;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 70px;
    width: 32%;
  }
  .logos-brands .item a img {
    height: 70%;
  }
  /*
    .logos-brands .item .brand-link-3 img {
        height:75%;
    }
    .logos-brands .item .brand-link-4 img,
    .logos-brands .item .brand-link-5 img {
        height: auto;
    }
    */
}