/*overlay*/
.request-overlay {
    z-index: 9999;
    position: fixed; /*Important to cover the screen in case of scolling content*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background: rgba(200,200,200,0.5) url('../img/sp_loader.gif') no-repeat center; /*.gif file or just div with message etc. however you like*/
}
 .progress { position:relative; width:27%; left:36.5%; top:73%; }
 .bar { background-color: #008000; width:0%;left:38%; height:20px; }
 .percent { position:absolute; display:inline-block; left:50%; top:73%; color: #7F98B2;}
 
/*timeline*/

.progresstimeline img{
    width:15%;
    margin-bottom: 5px;

}
.progresstimeline ul{
  text-align: center;
}
.progresstimeline ul li{
  display: inline-block;
  width: 15%;

  
}
.progresstimeline ul li img{
  border-radius: 20%;
   position: relative;
}

#line{
  content:'';
  background: #ccc;
  height: 1%;
  width: 80%;
  display: block;
  position: absolute;
  left:10%;
  top:53%;
  z-index:0;
  }
 

  @media all and (max-width: 1300px) {
    .prog-title {
        display: none;
    }
    #line{
      top:60%;
    }   
}