
/* Progress Tracker */

@media screen and (min-width: 1024px){

.progress-tracker {
  position: fixed;
  top: 50%;
  right: 0px;
  padding:15px 15px 0px 15px;
  background:rgba(0,0,0,0.7);
  border-radius:5px 0px 0px 5px;
  z-index:100;
}
.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: 7px;
  height: 7px;
  position: relative;
  background-color: #ccc;
  margin-bottom: 15px;
  list-style-type: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.progress-tracker ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.progress-tracker ul li .pt-description {
  display: none;
  position: absolute;
  top: -2px;
  right: 25px;
  padding: 3px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #eee;
  white-space:nowrap;
}
.progress-tracker ul li.active {
  background-color: #fff;
}
.progress-tracker.constant ul li.active .pt-description {
  display: block;
}


.container {

}

}



@media screen and (min-width: 400px) and (max-width: 1024px) {

.progress-tracker {
	display:none;
}


}
















