.brand-sec { width: 100%; display: inline-block; vertical-align: top; padding: 60px 0; }
.brand-sec .brand-wrap { width: 100%; display: inline-block; vertical-align: top; padding: 0 20px; }
.brand-sec .brand-wrap h2 { width: 100%; display: block; font-weight: 500; text-align: center; margin: 0 auto 20px; }
.brand-sec .brand-wrap .logo-wrap { width: calc(100% + 40px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 -20px; }
.brand-sec .brand-wrap .logo-wrap .logo-col { width: calc(100% / 7 - 40px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 20px; }
.brand-sec .brand-wrap .logo-wrap .logo-col img { width: auto; height: 60px !important; object-fit: contain; object-position: center; display: flex; align-items: center; justify-content: center; }


@media(max-width:1199px){ 
  .brand-sec { padding: 60px 0 40px; }
  .brand-sec .brand-wrap h2 { margin: 0 auto; }
  .brand-sec .brand-wrap .logo-wrap { justify-content: center; }
  .brand-sec .brand-wrap .logo-wrap .logo-col { width: calc(100% / 5 - 40px); margin: 20px; }
}

@media(max-width:991px){ 
  .brand-sec { padding: 40px 0 20px; }
  .brand-sec .brand-wrap { padding: 0 15px; }
  .brand-sec .brand-wrap h2 { font-size: 28px margin: 0 auto 10px; }
  .brand-sec .brand-wrap .logo-wrap { width: calc(100% + 30px); margin: 0 -15px; }
  .brand-sec .brand-wrap .logo-wrap .logo-col { width: calc(100% / 4 - 30px);  margin: 10px 15px; }
}

@media(max-width:600px){ 
  .brand-sec { padding: 40px 0 30px; }
  .brand-sec .brand-wrap h2 { margin: 0 auto 10px; }
  .brand-sec .brand-wrap .logo-wrap .logo-col { width: calc(100% / 3 - 30px); margin: 10px 15px; }
}

@media(max-width:481px){ 
  .brand-sec .brand-wrap .logo-wrap .logo-col { width: calc(100% / 2 - 30px); margin: 10px 15px; }
}

@media(min-width:2500px){ 
  .brand-sec .brand-wrap { padding: 0 20px; max-width: 1170px; margin: 0 auto; text-align: center; width: 100%; display: block; }
}