div.ccm-page header .progressArea, div.ccm-page header .progress, div.ccm-page header .progress-bar {
  width: 100px;
  height: 12px;
  display: inline-block;
  margin-right: 15px;
  color: #333;
  text-align: center;
}
@media all and (max-width: 992px) {
  div.ccm-page header .progressArea, div.ccm-page header .progress, div.ccm-page header .progress-bar {
    width: 80px;
    margin-right: 10px;
	}
}
@media all and (max-width: 470px) {
  div.ccm-page header .progressArea, div.ccm-page header .progress, div.ccm-page header .progress-bar {
    width: 50px;
    margin-right: 5px;
	}
}
@media all and (max-width: 400px) {
  div.ccm-page header .progressArea, div.ccm-page header .progress, div.ccm-page header .progress-bar {
    display: none;
	}
}
div.ccm-page header .progressArea {
  margin-top:2px;
}
div.ccm-page header .progressArea .progress {
  position: relative;
  margin-bottom: 0px;
}
div.ccm-page header .progressArea .progress-bar {
  background-color: #c00000;
}
div.ccm-page header .progressArea .progress-bar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  line-height: 10px;
}