@media handheld, only screen and (max-width: 900px) { 

/* Force table to not be like tables anymore */ 
table, thead, tbody, th, td, tr { 
display: block; 
text-align:left; 
} 

/* Hide table headers (but not display: none;, for accessibility) */ 
thead tr { 
position: absolute; 
top: -9999px; 
left: -9999px; 
} 

tr { border: 1px solid #ccc; } 

td { 
/* Behave like a "row" */ 
border: none; 
border-bottom: 1px solid #eee; 
position: relative; 
padding-left: 10px; 
} 

td:before { 
/* Now like a table header */ 
position: absolute; 
/* Top/left values mimic padding */ 
top: 6px; 
left: 6px; 
width: 45%; 
padding-right: 10px; 
white-space: nowrap; 
}}

.row.as-table {
    height: 100%;
    display: table-row;
}

.col-md-6.as-table {
    display: table-cell;
    float: none;
}