@media (max-width: 640px) {
.responsive-table-line td:before { content: attr(data-title); }
.responsive-table-line table, 
.responsive-table-line thead, 
.responsive-table-line tbody, 
.responsive-table-line th, 
.responsive-table-line td, 
.responsive-table-line tr { 
display: block; 
}
 
.responsive-table-line thead tr { 
display:none;
}
.responsive-table-line td { 
position: relative;
border: 0px solid transparent;
padding-left: 50% !important; 
white-space: normal;
text-align:right; 
}


.responsive-table-line td:before { 
position: absolute;
top: 0px;
left: 0px;
width: 45%; 
padding-right: 15px; 
height:100%;
white-space: nowrap;
text-overflow: ellipsis !important;
overflow:hidden !important;
text-align:left;
background-color:#f8f8f8;
padding:2px;
}
}
.th{
 background: #2BA6CB;
 color: white!important;
   	
}
.td2 {
 background: red;
    color: #222;
	border:2px;
}
table, th, td {
   border: 1px solid black;
}

.td1 {
 background: white;
    color: #222;
}