ul { list-style-type: none; }
.ulCol { float: left; padding: 0; text-align: center; width: 16.6%; margin: 0; }
.ulCol li { padding: 12px 0; color: #4a4a4a; }
li.table-heading { background: #f2892d; width:100%; padding: 28px 13px !important; font-size: 13px; min-height: 145px; float:left; color: #fff; }
div.table-heading { background: #f2892d; padding: 28px 13px !important; font-size: 13px; min-height: 145px; color: #fff; float: left; width: 49.9%; text-align: center; }
.secondRow {
  float: left;
  width: 100%;
}
li.odd { background: #fff; }
li.even { background: #ffffdf; }
.contentArea { float: left; width: 349.5px; }
.contentArea p { background: none repeat scroll 0 0 #ffffdf; color: #4a4a4a; float: left; line-height: 22px; margin: 0; min-height: 172px; padding: 41px 15px; text-align: center; }

@media only screen and (min-width: 1024px) and (max-width:1200px) {
li.table-heading { min-height: 188px; }
div.table-heading { min-height: 188px; width: 49.9%; }
.contentArea { width: 33%; }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.ulCol { width: 33.33%; }
.contentArea { width: 100%; }
.secondRow ul { width: 50%; }
div.table-heading { min-height:100px; width: 50%; }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
.ulCol { width: 50%; }
.contentArea { width: 100%; }
div.table-heading { width: 50%; }
}

@media only screen and (min-width: 320px) and (max-width:479px) {
.ulCol { width: 50%; }
.contentArea { width: 100%; }
div.table-heading { width: 50%; }
}