/* default */
.panel-fourcol .panel-panel {
  width: 100%;
  float: none;
  clear: both;
}

@media only screen and (min-width: 768px) { /* tablet */ 
  .panel-fourcol .panel-panel {
    width: 24.9%;
    float: left;
    min-height: 200px;
    clear: none;
  }
  #footer .panel-fourcol .col-1.panel-panel {
    width: 49.9%;
    float: left;
    min-height: 200px;
    clear: none;
  }
  
  #footer .panel-fourcol .col-3.panel-panel {
    width: 24.9%;
    float: left;
    min-height: 200px;
    clear: none;
  }  
    
  #footer .panel-fourcol .col-4.panel-panel {
    width: 24.9%;
    float: left;
    min-height: 200px;
    clear: none;
  }  
  
  
  #footer .col2 {
   	display: none;
  }
}