#layers-heroes-assemble ul.lhea-heroes.lhea-6col > li { width: calc(100%/7); }
@media only screen and (max-width: 730px) {
  #layers-heroes-assemble ul.lhea-heroes.lhea-6col > li { width: calc(100%/3); } 
}

@media only screen and (max-width: 630px) {
  #layers-heroes-assemble ul.lhea-heroes.lhea-6col > li { width: calc(100%/2); }
}

@media only screen and (max-width: 480px) {
  #layers-heroes-assemble ul.lhea-heroes.lhea-6col > li { width: 100%; }
}
.lhea-modal-container { max-width: 350px !important; }