.brands .container-letters {min-height: 32px;}
.brands .letters-controller {background: white;z-index: 5;}
.brands .wrapper-letters ul {display: table;width: 100%;padding: 0 22px;text-align: center;list-style-type: none;margin-left: 0;border-bottom-width: 1px;border-bottom-style: solid;/*table-layout: fixed;*/}
.brands .wrapper-letters ul li {display: table-cell;}
.brands .wrapper-letters ul li.rdc-brands-all {width: 55px;text-align: left;}
.brands .wrapper-letters ul li span {cursor: pointer;padding: 7px 10px;display: inline-block;border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: transparent;}
.brands .container-brands .wrapper-brands .column .brands {border-bottom-width: 1px; border-bottom-style: solid;}
.brands .container-brands .wrapper-brands .column .brands ul {list-style-type: none;margin-left: 0;}
.brands .container-brands .wrapper-brands .column .brands ul li {width: 100%; padding-top: 5px;}
.brands .container-brands .wrapper-brands .column .brands ul li:first-child {padding-top: 0;}
.brands .container-brands .wrapper-brands .column .brands ul li a {text-decoration: none;}
.brands .wrapper-letter .letter span {line-height: 100%;display: block;}
.brands .wrapper-letters ul li.disabled {opacity: 0.5}
.brands .wrapper-letters ul li.disabled span {cursor: default;}
.brands .wrapper-letters ul li.sel span,
.brands .wrapper-letters ul li:not(.disabled) span:hover {border-bottom-color: currentColor;border-bottom-color: var(--color-theme)}
@media screen and (min-width: 768px) {
	.brands .container-brands .wrapper-brands {padding: 0 10px;}
	.brands .container-brands .wrapper-brands .row {margin: 0 4px;}
	.brands .container-brands .wrapper-brands .column {width: 25%;padding-left: 10px;padding-right: 10px;}
}
@media screen and (max-width: 767px) {
	.brands .container-brands .wrapper-brands .brands {padding-left: 0;width: 100%;}
	.brands .container-brands .wrapper-brands .column .brands ul li {width: 48%;float: left; padding-bottom: 0;padding-top: 10px;}
	.brands .container-brands .wrapper-brands .column .brands ul li:nth-child(-n+2) {padding-top: 0;}
	.brands .container-brands .wrapper-brands .column .brands ul li:nth-child(2n+1) {clear: left;}
	.brands .container-brands .wrapper-brands .column .brands ul li:not(:nth-child(2n+1)) {padding-left: 4%;}
}