.brands.ref01 .wrapper-page{padding-top: 0;padding-bottom: 0;}
.brands.ref01 .container-letters{min-height: 32px;}
.brands.ref01 .letters-controller{background: white;z-index: 5;}
.brands.ref01 .wrapper-letters ul{display: table;width: 100%;padding: 0 15px;text-align: center;list-style-type: none;margin-left: 0;border-bottom-width: 1px;border-bottom-style: solid;line-height: 0;table-layout: fixed;}
.brands.ref01 .wrapper-letters ul li{display: table-cell;}
.brands.ref01 .wrapper-letters ul li span{cursor: pointer;padding: 6px 5px;display: inline-block;border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: transparent;}
.brands.ref01 .container-brands .wrapper-brands{padding-left: 4%;}
.brands.ref01 .container-brands .wrapper-brands ul{margin-left: 0;list-style-type: none;}
.brands.ref01 .container-brands .wrapper-brands > ul > li{display: block;width: 100%;margin-bottom: 5%;}
.brands.ref01 .container-brands .wrapper-brands > ul > li:last-child{margin-bottom: 0;}
.brands.ref01 .container-brands .wrapper-brands ul li .letter{width: 20px;float: left;}
.brands.ref01 .container-brands .wrapper-brands ul li .brands{width: calc(100% - 20px);padding-left: 8%;padding-top: 4px;float: left;}
.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li{float: left;width: 22.678%;}
.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li a{text-decoration: none;border-bottom: 1px solid transparent;}
.brands.ref01 .wrapper-letters ul li.disabled {opacity: 0.5}
.brands.ref01 .wrapper-letters ul li.disabled span {cursor: default;}
.brands.ref01 .wrapper-letters ul li.sel span,
.brands.ref01 .wrapper-letters ul li:not(.disabled) span:hover{border-bottom-color: currentColor;}

@media screen and (min-width: 768px){
	.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li:nth-child(4n+1){clear: left;}
	.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li:not(:nth-child(4n+1)){padding-left: 4.3%;}
}

@media screen and (max-width: 768px){
	.brands.ref01 .container-letters{display: none;}
	.brands.ref01 .container-brands .wrapper-brands{padding: 0;}
	.brands.ref01 .container-brands .wrapper-brands > ul > li{margin-bottom: 35px;}
	.brands.ref01 .container-brands .wrapper-brands ul li .brands{padding-left: 0;width: 100%;padding-top: 5px;}
	.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li{width: 50%;}
	.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li:nth-child(2n+1){clear: left;}
	.brands.ref01 .container-brands .wrapper-brands ul li .brands ul li:not(:nth-child(2n+1)){padding-left: 4.3%;}
}