.brands.carousel { position:relative; }

.brands.carousel .slick { display:none; padding:0 78px; }
.brands.carousel .slick.slick-initialized { display:block; }

.brands.carousel .slick-slide { display:inline-block; float:none; outline-width:0; padding:0 30px; text-align:center; vertical-align:middle; }

.brands.carousel .logo { margin:0 auto; max-width:240px; padding:15px; }
.brands.carousel .logo img { display:inline; max-height:90px; transition:transform 0.3s; vertical-align:bottom; }
.brands.carousel .logo a:hover img { transform:scale(1.05); }

.brands.carousel .slick-arrow { display:block; font-size:24px; letter-spacing:normal; line-height:48px; margin-top:-24px; padding:0; position:absolute; width:48px; height:48px; top:50%; }
.brands.carousel .slick-prev { left:0; }
.brands.carousel .slick-next { right:0; }

.brands.grid { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }

.brands.grid .brand { padding:45px; text-align:center; }
.brands.grid.columns-2 .brand { width:50%; }
.brands.grid.columns-3 .brand { width:33.33%; }
.brands.grid.columns-4 .brand { width:25%; }
.brands.grid.columns-5 .brand { width:20%; }

.brands.grid .logo { margin:0 auto; max-width:180px; }
.brands.grid .logo img {  max-height:90px; transition:transform 0.3s; vertical-align:bottom; }
.brands.grid .logo a:hover img { transform:scale(1.05); }

@media (max-width:1199px) {
	.brands.grid.columns-5 .brand { width:25%; }
}

@media (max-width:991px) {
	.brands.grid.columns-4 .brand, .brands.grid.columns-5 .brand { width:33.33%; }
}

@media (max-width:767px) {
	.brands.carousel .slick { padding:0; }

	.brands.carousel .slick-slide { padding:0; }

	.brands.carousel .arrows { margin-top:30px; text-align:center; }
	.brands.carousel .slick-arrow { display:inline-block; margin:0 6px; position:static; }

	.brands.grid.columns-3 .brand, .brands.grid.columns-4 .brand, .brands.grid.columns-5 .brand { width:50%; }
}