ul.sub_list{
  display:table;
  width:100%;
  margin:0 0 20px 0;
  padding:20px 0 0 0; 
  font-size:14px;
  border-bottom:1px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
}

ul.sub_list li{
  display:block;
  float:left;
  width:18%;
  text-align:center;
  padding:0 1% 20px 1%;
}
ul.sub_list li:hover{
  opacity:0.7;
}

ul.sub_list li:nth-child(5n+6){
  clear:both;
}

ul.sub_list li a.sub_img{
  display:table-cell;
  width:18%;
}
ul.sub_list li a.sub_img img{
  max-height:160px;
}

ul.sub_list li a.label{
  display:block;
}


@media (max-width: 768px) {
  ul.sub_list li{
    width:31%;
    padding:1.1%;
  }
  ul.sub_list li a.sub_img{
    width:31%;
  }
  ul.sub_list li:nth-child(5n+6){
    clear:none;
  }
  ul.sub_list li:nth-child(3n+4){
    clear:both;
  }
  
}

@media (max-width: 480px) {
  ul.sub_list li{
    width:48%;
    padding:1%;
  }
  ul.sub_list li a.sub_img{
    width:48%;
  }
  ul.sub_list li:nth-child(5n+6){
    clear:none;
  }
  ul.sub_list li:nth-child(3n+4){
    clear:none;
  }
  ul.sub_list li:nth-child(2n+3){
    clear:both;
  }  
}