#wireless-keyboards-barchart .subheader {grid-row: 2;}
#wireless-keyboards-barchart .body-copy{grid-row: 1;}
.barchart-freehtml {display: inline-block;}
.barchart-line {text-align: left; padding: 10px 0;}
.barchart-line > div {display: inline-block; vertical-align: middle;}
.barchart-line .barchart-label {font-family: "Titillium Web", RazerF5, Arial, Helvetica, sans-serif; font-weight: 700;}
.barchart-line .barchart-label span {display: block;}
.barchart-line .barchart-label .text {text-transform: uppercase;}
.barchart-line .barchart-label.left {width: 150px; text-align: right; padding-right: 20px;}
.barchart-line .barchart-label.right span {color: #fff;}
.barchart-line .barchart-label.left .text {font-size: 11.8px; line-height: 14px;}
.barchart-line .barchart-label.left .number {font-size: 23.6px; line-height: 25px;}
.barchart-line .barchart-label.right .text {font-size: 9.18px; line-height: 12px;}
.barchart-line .barchart-label.right .number {font-size: 19.67px; line-height: 22px;}
.barchart-line .barchart-data {height: 50px; margin-right: 8px;}
.barchart-line.fill-green .barchart-label.left span {color: #44d62c;}
.barchart-line.fill-green .barchart-data {background: linear-gradient(90deg, rgba(25,75,16,1) 0%, rgba(68,214,44,1) 50%);}
.barchart-line.fill-blue .barchart-label.left span {color: #3396c4;}
.barchart-line.fill-blue .barchart-data {background: linear-gradient(90deg, rgba(15,45,58,1) 0%, rgba(51,150,196,1) 50%);}
.barchart-line.fill-red.barchart-label.left span {color: #ff0000;}
.barchart-line.fill-red .barchart-data {background: linear-gradient(90deg, rgba(94,0,0,1) 0%, rgba(255,0,0,1) 50%);}
#wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-4000hz .barchart-data {width: 360px;}
#wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-1000hz .barchart-data {width: 572px;}
#wireless-keyboards-barchart .barchart-line.nonrazer-wireless-keyboards .barchart-data {width: 699px;}
@media (max-width: 1024px) {
  #wireless-keyboards-barchart .barchart-freehtml {display: block!important;}	
  .barchart-line .barchart-label.left {width: 90px; padding-right: 10px;}
  .barchart-line .barchart-label.left .text {font-size: 8px; line-height: 10px;}
  .barchart-line .barchart-label.left .number {font-size: 17px; line-height: 20px;}
  .barchart-line .barchart-label.right .text {font-size: 8px; line-height: 10px;}
  .barchart-line .barchart-label.right .number {font-size: 17px; line-height: 20px;}
    #wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-4000hz .barchart-data {width: 26%;}
  #wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-1000hz .barchart-data {width: 49%;}
  #wireless-keyboards-barchart .barchart-line.nonrazer-wireless-keyboards .barchart-data {width: 60%;}
}
@media (max-width: 767px) {  
  #wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-4000hz .barchart-data {width: 17%;}
  #wireless-keyboards-barchart .barchart-line.hyperspeed-wireless-keyboards-1000hz .barchart-data {width: 33%;}
  #wireless-keyboards-barchart .barchart-line.nonrazer-wireless-keyboards .barchart-data {width: 40%;}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}