@media only screen and (min-width: 768px) {
.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.table { width: 100%; }
.table, .table thead, .table tbody, .table th, .table td, .table tr { display: block; }
.table thead tr { position: absolute;top: -9999px;left: -9999px;}
.table tr { border: 1px solid #ccc; margin-bottom:10px; }
.table td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
.table td:before {position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;content: attr(data-column);color: #000;font-weight: bold;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {width: 100%; float:none; padding-left:0;}
}

@media only screen and (max-width: 768px) {
.searchform {max-width: 100%;}
.searchform input[type="text"] {float: none;width:100%;}
.searchform button {float: none; clear:both; display:block; margin:15px auto 0 auto; width:200px;}
}