.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%;}
}