/*===== Vertical Timeline =====*/
  #conference-timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #conference-timeline .timeline-start,
  #conference-timeline .timeline-end {
    display: table;
    margin: 0 auto;
  }
  #conference-timeline .conference-center-line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background: #9898986b;
    z-index: -1;
  }
  #conference-timeline .conference-timeline-content {
    padding-top: 67px;
    padding-bottom: 67px;
  }
  .timeline-article {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
  }
  .timeline-articlef {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
  }
  .timeline-article:nth-of-type(2),.timeline-article:nth-of-type(5){
      margin-top: 0;
    }
    /* .timeline-article:nth-of-type(3),.timeline-article:nth-of-type(4){
        margin-top: 100px;
      } */
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 50%;
    width: 100%;
    text-align:center;
    margin-bottom: 20px;
  }
  .timeline-article .content-left-containerf,
  .timeline-article .content-right-containerf {
    max-width: 50%;
    width: 100%;
    text-align:center;
    margin-bottom: 37px;
  }
  .timeline-articlef .content-left-containerf,
  .timeline-articlef .content-right-containerf {
    max-width: 50%;
    width: 100%;
    text-align:center;
    margin-bottom: 90px;
  }
  .timeline-articlef:last-child .content-left-containerf, .timeline-articlef:last-child .content-right-containerf{margin-bottom: 20px;}
  .timeline-article:nth-of-type(2) .content-left-container, .timeline-article:nth-of-type(2) .content-right-container{
    margin-bottom: 160px;
  }
  .timeline-article:nth-of-type(3) .content-left-container, .timeline-article:nth-of-type(3) .content-right-container{
    margin-bottom: 160px;
  }
  .timeline-article:nth-of-type(4) .content-left-container, .timeline-article:nth-of-type(4) .content-right-container{
    margin-bottom: 125px;
  }
  .timeline-article .content-left,
  .timeline-article .content-right {
    position: relative;
    width: auto;
    padding: 27px 75px;
  }
  .timeline-articlef .content-left,
  .timeline-articlef .content-right {
    position: relative;
    width: auto;
    padding: 27px 94px;
  }
  
  .timeline-article p {
    position: relative;
  }
  .timeline-articlef p {
    position: relative;
  }
  .timeline-article .content-left-container {
    float: left;
  }
  .timeline-article .content-right-container {
    float: right;
  }
  .timeline-articlef .content-left-containerf {
    float: left;
  }
  .timeline-articlef .content-right-containerf {
    float: right;
  }
  .timeline-article .content-left-containerf {
    float: left;
  }
  .timeline-article .content-right-containerf {
    float: right;
  }
  .timeline-article .meta-date {
    position: absolute;
    top: 86%;
    left: 50%;
    margin-left: -42px;
  }
  .timeline-articlef .meta-date {
    position: absolute;
    top: 81%;
    left: 50%;
    margin-left: -42px;
  }
  .timeline-article .meta-datef {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -42px;
  }
  .timeline-article:nth-of-type(4) .meta-date {
    position: absolute;
    top: 82%;
    left: 50%;
    margin-left: -42px;
  }
  /*===== // Vertical Timeline =====*/
  
  /*===== Resonsive Vertical Timeline =====*/
  @media only screen and (max-width: 830px) {
   
    .timeline-article .meta-date {
        position: absolute;
        top: 75%;
        left: 50%;
        margin-left: -42px;
    }
    .timeline-article .meta-datef {
      position: absolute;
      top: 0%;
      left: 50%;
      margin-left: -42px;
  }
  .timeline-articlef .meta-date {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -42px;
}
    #conference-timeline .conference-timeline-content{
        padding-bottom: 0;}
    .mb-100{
        margin-bottom: 100px!important;}
        .timeline-article .meta-date1{
            top: 69%;position: absolute;
            
            left: 50%;
            margin-left: -42px;}
            .timeline-article:nth-of-type(2) .content-left,.timeline-article:nth-of-type(2) .content-right, .timeline-article:nth-of-type(5) .content-left, .timeline-article:nth-of-type(5) .content-right{
                padding: 0 20px ;
            }
            .timeline-article .content-left, .timeline-article .content-right {
                position: relative;
                width: auto;
                padding: 0px 20px;
            }
            .timeline-articlef .content-left, .timeline-articlef .content-right {
              position: relative;
              width: auto;
              padding: 0px 20px;
          }
          .timeline-articlef .content-left-containerf, .timeline-articlef .content-right-containerf{margin-bottom:20px}
          .timeline-articlef:last-child .content-left-containerf, .timeline-articlef:last-child .content-right-containerf {
            margin-bottom: 96px;
        }
        .timeline-article .content-left-containerf, .timeline-article .content-right-containerf {
          max-width: 50%;
          width: 100%;
          text-align: center;
          margin-bottom: 90px;
      }
  }
  @media only screen and (max-width: 400px) {
    
    
  }
  @media (min-width: 830px) and (max-width: 1400px) {
  .timeline-article:nth-of-type(2) .content-left, .timeline-article:nth-of-type(5) .content-left, .timeline-article:nth-of-type(5) .content-right {
    padding: 27px 30px;
}
.timeline-article .content-left, .timeline-article .content-right {
    position: relative;
    width: auto;
    /* padding: 27px 35px; */
    padding: 0px 17px;
}
.timeline-articlef .content-left, .timeline-articlef .content-right {
  position: relative;
  width: auto;
  padding: 27px 30px;
}

}
@media (min-width: 1200px) and (max-width: 1400px) {


   .timeline-article:nth-of-type(4) .content-left-container, .timeline-article:nth-of-type(4) .content-right-container {
    margin-bottom: 200px;
}
.timeline-article .content-left-container, .timeline-article .content-right-container{margin-bottom: 100px;}
.timeline-article p{font-size: 16px;} 
.timeline-article .meta-date{top:83%}
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .timeline-article:nth-of-type(4) .content-left-container, .timeline-article:nth-of-type(4) .content-right-container {
    margin-bottom: 200px;
}
  .timeline-article:nth-of-type(2), .timeline-article:nth-of-type(5){
    margin-top:0px;
  }
  .timeline-article .meta-date{top:83%}
  #conference-timeline .conference-timeline-content {
    padding-top: 0px;
}
}
/* @media (min-width: 1300px) and (max-width: 1399px){
  .video1-height{height: 80vh;}
  .video2-height{height: 80vh;}
}*/
@media (min-width: 993px) and (max-width: 1199px){
  .video1-height{height: 95vh;}
  .video2-height{height: 92vh;}
  .timeline-article p{font-size: 15px;} 
} 

  /*===== // Resonsive Vertical Timeline =====*/