.grph-tbl{width: 70%; margin: 10px 15%; }
.grph-rw{background-color: #7b7b59; color: #fff; font-size: 16px;}
.grph-rw > td{padding: 4px 0px;}
.grph-rw-btm > td{padding: 6px 0px;}
.grph-rw-btm{background-color: #f3e7c3; color: #000; font-size: 16px;}
.grphh > li{padding-bottom: 44% !important;}

.db_data_value{left:0%;right:21%;}
.db_data_graph{width:100%;max-width:468px;}

@media screen and (max-width:1020px)
{
	
	.grphh > li{padding-bottom: 55% !important;}
	.grph-tbl{margin:46px 15% 10px;}
}

@media screen and (max-width:768px)
{.db_data_graph{padding-bottom: 132px !important;}
}


@media screen and (max-width:640px)
{
}


@media screen and (max-width:550px)
{
	
	.grphh > li{padding-bottom: 35% !important;}
}