/* Progress Tracker */
.progress-tracker {
  position: fixed;
  top: 50%;
  right: 10px;
}
.progress-tracker.hide {
  width: 0px;
}
.progress-tracker.hide ul li .pt-description,
.progress-tracker.hide.active ul li .pt-description,
.progress-tracker.hide.constant ul li.active .pt-description {
  display: none;
}
.progress-tracker ul li {
  width: 12px;
  height: 12px;
  position: relative;
  background-color: #fff;
  border: 2px solid #233448 ;
  margin-bottom: 20px;
  list-style-type: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
     opacity: .8;
}
.progress-tracker ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.progress-tracker ul li .pt-description {
    font-size: 12px;
    font-family: 'Palanquin', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 200;
    letter-spacing: 1px;
    color: #233448;
  display: none;
  position: absolute;
  top: -6px;
  right: 15px;
  padding: 2px 5px;
  
  background-color: rgba(255, 255, 255, 0.3);;
  white-space:nowrap;
}
.progress-tracker ul li.active {
  background-color: #233448;
}
.progress-tracker.constant ul li.active .pt-description {
  display: none;
}
@media (min-width: 768px) {
.progress-tracker.constant ul li.active .pt-description {
    display:block;
    
  }
    
}