#brands_a_z::after {
	content: "";
	display: table;
	clear: both;
}

#brands_a_z ul {
	list-style: none;
	margin: 0;
}

#brands_a_z .brands_index {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#brands_a_z .brands_index li {
	text-transform: uppercase;
	margin: 0 2.74px;
}

#brands_a_z .brands_index li a, #brands_a_z .brands_index li span {
	padding: 2px 10px;
	font-size: 20px;
}

#brands_a_z .brands_index li span {
	border: 1px solid #cdcdcd;
	color: #cdcdcd;
}

#brands_a_z .brands_index li.active a {
	border: 1px solid #414141;
	color: #414141;
}

#brands_a_z .brands_index li.active a:hover {
	background-color: #414141;
	color: #fff;
}

#brands_a_z #brands-t {
	text-transform: uppercase;
	font-weight: 700;
}

#brands_a_z .brands a {
	color: #313030;
}

#brands_a_z .top {
	margin: 24px 0;
	display: block;
	float: right;
	padding: 4px 16px;
	background-color: #414141;
	color: #fff;
}

#brands_a_z .top:hover {
	background-color: #000;
}

.brand-thumbnails .thumbnail > a {
	display: block;
}

.brand-thumbnails .brand-thumbnail {
	max-width: 100%;
	height: auto;
}

@media (min-width:550px) {
	.brand-thumbnails {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:550px) and (min-width:576px) {
	.brand-thumbnails {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:550px) and (min-width:768px) {
	.brand-thumbnails {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:550px) and (min-width:992px) {
	.brand-thumbnails {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:550px) and (min-width:1200px) {
	.brand-thumbnails {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:550px) {
	.brand-thumbnails .thumbnail {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:550px) and (min-width:576px) {
	.brand-thumbnails .thumbnail {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:550px) and (min-width:768px) {
	.brand-thumbnails .thumbnail {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:550px) and (min-width:992px) {
	.brand-thumbnails .thumbnail {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:550px) and (min-width:1200px) {
	.brand-thumbnails .thumbnail {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1200px) {
	.brand-thumbnails.columns-1 .thumbnail {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.brand-thumbnails.columns-2 .thumbnail {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.brand-thumbnails.columns-3 .thumbnail {
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	
	.brand-thumbnails.columns-4 .thumbnail {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.brand-thumbnails.columns-5 .thumbnail {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.brand-thumbnails.columns-6 .thumbnail {
		-ms-flex: 0 0 16.6666666667%;
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}
	
	.brand-thumbnails.columns-7 .thumbnail {
		-ms-flex: 0 0 14.2857142858%;
		flex: 0 0 14.2857142858%;
		max-width: 14.2857142858%;
	}
	
	.brand-thumbnails.columns-8 .thumbnail {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
}