.historyPath {
/*   background-color: #007CB0; */
  background-color: #D4D700;
  width: 3px;
  height:100%;
  min-height:150px;
  max-height:200px;
  position: relative;
  display:inline-block;
  margin:0;
  transform:translateY(10px);
}
.historyPath:before, .historyPath:after {
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  content: '';
  height: 1em; width: 1em;
  border: 2px solid #D4D700;
  border-radius: 50%;
  background: #007CB0;
}

.historyPath:after {
  top: auto;
  bottom: 0;
  visibility:hidden;
}
.proconAdvantagePath {
/*   background-color: #007CB0; */
  background-color: #D4D700;
  width: 3px;
  position: relative;
  display:inline-block;
  margin:0;
  transform:translateY(10px);
  height:180px;
}
.proconAdvantagePath:before, .proconAdvantagePath:after {
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  content: '';
  height: 1em; width: 1em;
  border: 2px solid #D4D700;
  border-radius: 50%;
  background: #fff;
}

.proconAdvantagePath:after {
  top: auto;
  bottom: 0;
  visibility:hidden;
}

@media (max-width:1300px){
.historyPath{
	 min-height:120px;
 	 max-height:150px;
}
.proconAdvantagePath{
	 height:140px;
}
}
@media (max-width:1080px){
.historyPath{
	 min-height:90px;
 	 max-height:120px;
}
.proconAdvantagePath{
	 height:100px;
}
}
@media (max-width:700px){
.proconAdvantagePath{
	 height:150px;
}
}