.brands-list .section-title{ margin-bottom: 15px}
.catalog-sections-list{ }
.catalog-sections-list{ margin: 0 -10px; padding: 0; list-style: none; display: flex; flex-wrap: wrap}
.catalog-sections-list li{ margin: 0;   position: relative; width: 50%; padding: 10px }
.catalog-sections-list a{ display: block; position: relative   }

.brand-image{ display: flex; align-items: center; justify-content: center; border:  1px solid #EDEEEC; border-radius: 4px; height: 80px;}
.brand-image img{ display: block;  max-width: 90%; height: auto; max-height: 80%; object-fit: contain;}
.brand-image span {  font-size: 16px;  opacity: .8;  font-weight: 600; text-align: center    }



@media only screen and (min-width: 768px) {
	.catalog-sections-list li{ width: 33.333%;}

}

@media only screen and (min-width: 1024px) {
	.catalog-section {padding: 0 20px }
	.catalog-sections-list {}


	.catalog-sections-list li{ width: 25%;}

}