@media screen and (max-width: 640px) {
  .d3vl_grouped_bar {
    font: 10px Arial;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .d3vl_grouped_bar {
    font:10px Arial;
	height: 425 ;
	margin: 0 auto -32px;
  }
   
   .d3vl_grouped_bar . percent{
	   font-size: 40px;
	   position:absolute;
  }
}
@media screen and (min-width: 1025px) {
  .d3vl_grouped_bar {
    font: 15px Arial;
  }
}

.qv-object-d3-vis-library .d3vl_grouped_bar .axis path,
.qv-object-d3-vis-library .d3vl_grouped_bar .axis line {
  fill: none;
  stroke: #858181;
  shape-rendering: crispEdges;
}

.qv-object-d3-vis-library .d3vl_grouped_bar .bar {
  fill: steelblue;
}

.qv-object-d3-vis-library .d3vl_grouped_bar .x.axis path {
  display: inline;
    font: 15px Arial;
}