/*
*  VARIABLES TABLE CONTENT
*
*  1.0 - General
*  2.0 - Font Family, Size and Text-Color
*  3.0 - Primary and Accent Color
*  4.0 - Non-Specify
*  5.0 - Transition
*  6.0 - Utilities
*       6.1 - Inputs, selects and text areas
*       6.2 - Buttons
*       6.3 - Links
*       6.4 - Icons
*       6.5 - Navbar
*       6.6 - Overlay
*  7.0 - Responsiveness
*/
/*** 1.0 - GENERAL ***/
/*** 2.0 - FONT FAMILY, SIZE AND TEXT-COLOR ***/
/*** 3.0 - PRIMARY AND ACCENT COLOR ***/
/*** 4.0 - NON-SPECIFY ***/
/*** 5.0 - TRANSITION ***/
/*** 6.0 - UTILITIES ***/
@media screen and (min-width: 1024px) {
  .brand-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .brand-container .lateral-column {
    grid-column: 1;
  }
  .brand-container .brand-list {
    grid-column: 2;
  }
}

.brand-list {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .brand-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.brand-list .item img {
  transform: scale(0.9, 0.9);
  transition: 0.3s ease all;
}
.brand-list .item:hover img {
  transform: scale(1, 1);
}
.brand-list .item .image-container {
  text-align: center;
  border: 2px solid #c7d1d6;
}

div.brand-logo p + p,
div.description-short p + p {
  margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  div.brand-logo p + p,
  div.description-short p + p {
    margin-top: 20px;
  }
}

body#brand .product-table.col .product-results.col,
body#brand .product-table.col .preloader {
  grid-column: 1/3;
}