section#content div#brands-list {width: calc(100% - 60px); padding-top:15px; transition: height .3s linear; }
section#content div#brands-list nav {width: 100%; display:flex; justify-content: space-around; align-items:center; user-select:none; padding-bottom:15px;}
section#content div#brands-list nav ul {display:flex; justify-content: center; flex-wrap: wrap; margin-bottom:0;}
section#content div#brands-list nav ul li {display: inline; text-align: center;  transition: background .3s linear;
	 cursor:pointer; border: 1px solid var(--dark-blue2); border-top: 1px solid var(--dark-blue3); border-bottom: 1px solid var(--dark-blue3);}
section#content div#brands-list nav ul li.active {background: var(--dark-blue3); color: var(--white);}
section#content div#brands-list nav ul li:hover {background: var(--grey3); color: var(--dark-blue2);}
section#content div#brands-list div#brands-list-wrapper {width:100%;min-height:200px; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;}
section#content div#brands-list div#brands-list-wrapper div.brands-list-item { transition: all .1s linear; transform: scale(1);margin:7px; border-radius: 6px;width: 200px; min-height: 165px;padding:10px;height: 180px;border: 1px solid var(--white2);}
section#content div#brands-list div#brands-list-wrapper div.brands-list-item a {width: 100%; display:flex; flex-direction:column; align-items:center; justify-content: center; }
section#content div#brands-list div#brands-list-wrapper div.brands-list-item p {max-width:100%; font-size: 14px; text-align: center; margin: 5px 0;}
section#content div#brands-list div#brands-list-wrapper div.brands-list-item:hover {border: 1px solid var(--dark-blue2);}
section#content div#brands-list div#brands-list-wrapper div.brands-list-item.hidden {position: absolute; transform: scale(0); width: 0px; height: 0px; border: none; margin:0px;}
@media (min-width: 260px) and (max-width: 1023px) {
	section#content div#brands-list nav ul li {border-radius: 5px; padding: 5px 10px; margin:5px; font-size: 13px;  width: 75px; color: var(--dark-blue3);}}
@media (min-width: 1024px) {
	section#content div#brands-list nav ul li {padding: 7px 15px; margin:5px; border-radius: 7px;  width: 80px; font-size: 13px;}}