.search-box{ margin:0 10px;}
.search-box .title-search{ padding: 4px; text-align: left; margin: 10px 0; font-weight: normal; font-size: 18px; color: #000;}
.search-box .title-search i{ font-size: 18px; color: #343998;}
.search-box .button-brand { width: 100%; padding: 8px 0; border-radius: 12px; background: #e4f4fe;}
.search-box .button-brand ul{ text-align: left; padding:0 1%;}
.search-box .button-brand ul li{ width: 23%; display: inline-block; margin: 3px auto; text-align:left; padding-left:12px; vertical-align:top;}
.search-box .button-brand ul li a{ display: table; width: 100%; padding: 8px 0; color: #666666;}
.search-box .button-brand ul li a i{ display:table-cell; width:22px;}
.search-box .button-brand ul li a:hover{ color: #5ebafd; border-radius: 18px;}
.search-box .button-brand ul li a span{ font-size: 22px;}

@media( max-width:760px){
	.search-box .button-brand ul li{ width:30%;}
}

@media( max-width:480px){
	.search-box .button-brand ul li{ width:48%;}
}

@media( max-width:380px){
	.search-box .button-brand ul li{ width:100%;}
}