.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  
  /* Mobile: offset column (col-2) visible only on xs screens */
  .col-offset-mobile {
    display: block;
    width: 16.6667%; /* col-2 = 2/12 */
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  /* brandwrapper: col-8 on mobile, col-sm-4 on sm+, col-lg-3 on lg+ */
  .brandwrapper {
    width: 66.6667%; /* col-8 = 8/12 */
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  /* sm breakpoint (≥576px): col-sm-4, hide offset column */
  @media (min-width: 576px) {
    .col-offset-mobile {
      display: none;
    }
  
    .brandwrapper {
      width: 33.3333%; /* col-sm-4 = 4/12 */
    }
  }
  
  /* lg breakpoint (≥992px): col-lg-3 */
  @media (min-width: 992px) {
    .brandwrapper {
      width: 25%; /* col-lg-3 = 3/12 */
    }
  }
  
  .brand {
    display: block;
  }
  
  .img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
  }