.time-div{position:relative;width:100%;}
.time-div-list li{  width: 100%!important;}
.time-div-date{  width: 48%!important;}
.time-div-date p{text-align: right !important;padding-right:20px; }
.time h5{ font-size:18px ;color:#d8a21e;margin-bottom:-20px; font-weight: 700;}
.para{text-align:center;}
.time {
    position: absolute;
    top: 2px;
    right: -55%;
    margin: 0;
    padding: 0px;
    color: #000;
    border-radius: 0px;
    width: 100%;
}
.ps-timeline h4{text-align:center;}
.ps-timeline-sec h2{font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;}
.ps-timeline-sec {
  position: relative;
  background: #fff;
  padding:50px 0px;
}
.ps-timeline-sec .container-fluid {
  position: relative;
}
.img-handler-top ul li{width:100% !Important;list-style-type:none;font-size:13px;padding:0px 0px !important; }
 .img-handler-bot ul li{width:100% !Important;list-style-type:none;font-size:13px;padding:0px 0px !important; }
 .top1{background: #fad76e!Important;color: #000!Important;border: 2px solid #d8a21e!important;}
  .top1:before{background: #fad76e!Important;}
  .top1:after{background: #fad76e!Important;}
  .bot1{background: #fb9a83!Important;color: #000!Important;border: 2px solid #e86d53!important;}
  .bot1:before{background: #fb9a83!Important;}
  .bot1:after{background: #fb9a83!Important;}
   .top2{background: #41d886!Important;color: #000!Important;border: 2px solid #25c16d!important;}
  .top2:before{background: #41d886!Important;}
  .top2:after{background: #41d886!Important;}
  .bot2{background: #6fc7ec!Important;color: #000!Important;border: 2px solid #299cbc!important;}
  .bot2:before{background: #6fc7ec!Important;}
  .bot2:after{background: #6fc7ec!Important;}
  .top3{background: #a779fc!Important;color: #000!Important;border: 2px solid #6b3ece!important;}
  .top3:before{background: #a779fc!Important;}
  .top3:after{background: #a779fc!Important;}
  .time1{ width: 145%;right: -100%;}
   .time2{ width: 155%;right: -110%;}
   .img-handler-top{display:block;}
	.mobile-time-div-date{display:none;}
	.img-handler-bot{display:block;}
@media screen and (max-width:1024px) {
	.ps-timeline-sec .container-fluid ol.ps-timeline li{padding-top:0px!important}
	.img-handler-top{display:none;}
	.img-handler-bot{display:none;}
	.mobile-time-div-date{display:block;padding-left:50px}
	.mobile-time-div-date h4{margin-top:10px}
	.ps-bot{display:none;}
	.ps-top{display:none;}
	.mobile-time-div-date  h5{font-size:18px ;margin-bottom:20px;font-weight: 600;}
	.ps-timeline-sec .container-fluid ol.ps-timeline li span{ margin-left: -27px!important;}
	.time-div-list li{  height: auto!important;}
	.ps-timeline h4{ text-align: left; color: #000;}
	.mobile-time-div-date table tr td{font-family: 'Roboto', sans-serif;font-size:14px;vertical-align:top;}
	.mobile-time-div-date table tr td:first-child{width:80px}
  .ps-timeline-sec .container-fluid ol:before {
    
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }
  .ps-timeline-sec .container-fluid ol:after {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline {
    margin: 30px 0 !important;
    border-left: 2px solid #348e80;
    padding-left: 0 !important;
    padding-top: 25px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  .d-1{height: 295px !important;}
  .d-2{height: 295px !important;}
  .ps-timeline-sec .container-fluid ol.ps-timeline li {
    height: 230px;
    float: none !important;
    width: inherit !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li:nth-child(2) .img-handler-bot img {
    width: 70px;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li:last-child .img-handler-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li:last-child .img-handler-bot img {
    width: 100%;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li span {
    left: 0 !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 115px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li .ps-top {
    width: 100% !important;
    float: right !important;
    right: 0;
   bottom: 100px;
  }
  .ps-timeline-sec .container-fluid ol.ps-timeline li .ps-bot {
    width: 100% !important;
    float: right !important;
    right: 0;
    bottom: 100px;
	left:50px;
  }
}
/* .ps-timeline-sec .container-fluid ol:before {
  background: #348e80;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 49.5%;
} */
/* .ps-timeline-sec .container-fluid ol:after {
  background: #348e80;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 49.5%;
} */
.ps-timeline-sec .container-fluid ol.ps-timeline {
  margin: 350px 0;
  padding: 0;
  border-top: 2px solid #000;
  list-style: none;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li {
  float: left;
  width: 18%;
  padding-top: 30px;
  position: relative;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li span {
  width: 50px;
  height: 50px;
  margin-left: -45px;
  background: #fff;
  border: 4px solid #348e80;
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #df8625;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 57%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  color: #348e80;
  width: 2px;
  height: 280px;
  background: #348e80;
  position: absolute;
  top: -264px;
  left: 50%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  bottom: 303px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #348e80;
  width: 2px;
  height: 300px;
  background: #348e80;
  position: absolute;
  bottom: -301px;
  left: 50%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  top: 343px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 95px;
  width: 100%;
  left:2%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-bot {
  position: absolute;
  margin-top: 30px;
  width: 100%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li p {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  font-size:14px;
  font-family: 'Roboto', sans-serif;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 65px;
  width: 100%;
}
.ps-timeline-sec .container-fluid ol.ps-timeline li .ps-bot {
  position: absolute;
  /* margin-top: 35px; */
  width:100%;
}
.ps-timeline-sec{margin-bottom: 35px;}

@media(max-width: 425px){
	.ps-timeline-sec .container-fluid ol.ps-timeline li {
		height: 270px;
	   
	}
	.d-1{height:350px !Important;}
	.d-2{height:359px !Important;}
	.mobile-time-div-date {
		display: block;
		padding-left: 35px;
		margin-top: -28px;

	}
	.ps-timeline-sec .container-fluid ol.ps-timeline li span{
		top: -6px !important;
	}
	

}
	@media(max-width: 414px){
		.d-1{height:359px !Important;}
		.ps-timeline-sec .container-fluid ol.ps-timeline li {
    height: 300px;
}
.d-2{height:371px !Important;}
	}
@media (max-width: 360px){
.ps-timeline-sec .container-fluid ol.ps-timeline li {
    height: 300px;
}
}
@media (max-width: 320px){
.ps-timeline-sec .container-fluid ol.ps-timeline li {
    height: 350px;
}
.d-1{height:432px !Important;}
.d-2{height:440px !Important;}
}