Why responsive panels are not one beside another by default?
This can be done CSS only:

Apply a width and float to all panels in the footer:

#footer .region {
  float:left;
  width:20%;
}


Or make them a little smaller so you can apply margins to 'm.