.brand_ul{ list-style: none; display: flex; justify-content: space-between; margin: 0 0 30px 0;}
.brand_ul li { width: 31%; text-align: center; }
.brand_ul li a { background: #ccc; border-radius: 15px; display: block; padding: 8px; }
.brand_ul li a,
.brand_ul li a:hover,
.brand_ul li a:active,
.brand_ul li a:visited{color: #fff;}
.brand_ul li a:hover{ background: #333;}

@media (max-width: 767px){
	
.brand_ul{ display: block; margin: 0 5% 30px 5%;}
.brand_ul li { width: 100%; margin-bottom: 8px; }

}