#demo-table,.css-Top_table{
	width: 45%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
}

#demo-table td, #demo-table th,
.css-Top_table .td, .css-Top_table .th{
	padding: 5px;
}

#demo-table td,
.css-Top_table .td{
	color: #000000;
	border: #ddd 1px solid;
}

#demo-table th,
.css-Top_table .th{
	background-color: #1a1a1a;
	color:#FFFFFF;
	border: #1a1a1a 1px solid;
	text-align: center;
}

.css-Top_table{
	display: table;
}
.css-Top_table .thead{
	display:table-header-group;
}
.css-Top_table .tbody{
	display:table-row-group;
}
.css-Top_table .tr{
	display:table-row;
}
.css-Top_table .th,
.css-Top_table .td{
	display:table-cell;
}

@media only screen and (max-width: 1024px) 
{
    #demo-table,.css-Top_table{
	width: 60%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
}

@media only screen and (max-width: 960px) 
{
    #demo-table,.css-Top_table{
	width: 70%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
}
@media only screen and (max-width: 720px) 
{
    #demo-table,.css-Top_table{
	width: 80%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
}
@media only screen and (max-width: 480px) 
{
    #demo-table,.css-Top_table{
	width: 100%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
}


#demo-table,.css-table{
	width: auto;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin-bottom: 20px;
}

#demo-table td, #demo-table th,
.css-table .td, .css-table .th{
	padding: 5px;
}

#demo-table td,
.css-table .td{
	color: #000000;
	border: #ddd 1px solid;
}

#demo-table th,
.css-table .th{
	background-color: #1a1a1a;
	color:#FFFFFF;
	border: #1a1a1a 1px solid;
	text-align: center;
}

.css-table{
	display: table;
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
}
.css-table .th,
.css-table .td{
	display:table-cell;
}