/* responsive css code file */

@media (max-width: 768px) {
  .roadmap_dasktop {
    display: none;
  }
  .roadmap_phone {
    display: block !important;
    background: #f0f0f0;
    width: 100%;
    padding: 0 0 39px 0;
  }
  #timeline-svg2 {
    width: 59%;
    height: auto;
    margin: 69px 0 0 54px;
  }
  .timeline-container2 {
    position: relative;
  }
  .phone_right {
    left: 54%;
    right: 0;
  }
  .content-block_phone {
    position: absolute;
    width: 140px;
  }
  .content-block_phone > .h34 {
    font-size: 12px;
    padding: 1px 0 0 0px;
    line-height: 18px;
    font-weight: 600;
  }
  .start_content_red_left {
    font-size: 13px;
    padding: 19px 0 0 0px;
  }
  img.timeline_left_img_phone {
    width: 105px;
  }
  .phone_top1 {
    top: 20px;
    left: 5px;
  }
  .phone_top2 {
    top: 13.1%;
    left: 63%;
  }
  .phone_top3 {
    top: 24.1%;
    left: 9px;
    width: 159px;
  }
  .phone_top4 {
    top: 39.6%;
    width: 138px;
    left: 60%;
  }
  .phone_top5 {
    top: 52%;
    left: 9px;
  }
  .phone_top6 {
    top: 73.8%;
    left: 58%;
  }
  .phone_top7 {
    top: 89.6%;
    left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .timeline-container {
    height: 1922px;
  }
  #timeline-svg {
    width: 340px;
    height: 1996px;
  }
  .top2 {
    top: 296px;
  }
  .top3 {
    top: 516px;
  }
  .top4 {
    top: 769px;
  }
  .top5 {
    top: 1073px;
  }
  .top6 {
    top: 1417px;
  }
  .top7 {
    top: 1606px;
  }
  .left1 {
    right: 44%;
  }
  .left2 {
    width: 48%;
    right: 42%;
  }
  .right-side {
    left: 76%;
    width: 36%;
  }
  .h34 {
    font-size: 15px;
    line-height: 19px;
  }
  .p4 {
    font-size: 14px;
    line-height: 19px;
  }
  img.timeline_left_img {
    width: 66%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .timeline-container {
    height: 1928px;
  }
  #timeline-svg {
    width: 357px;
    height: 1928px;
  }
  .top1 {
    top: 0px;
  }
  .top2 {
    top: 193px;
  }
  .top3 {
    top: 523px;
  }
  .top4 {
    top: 686px;
  }
  .top5 {
    top: 1124px;
  }
  .top6 {
    top: 1368px;
  }
  .top7 {
    top: 1663px;
  }
  .left2 {
    width: 48%;
    right: 42%;
  }
  .right-side {
    left: 70%;
  }
  .h34 {
    font-size: 15px;
    line-height: 21px;
  }
  .p4 {
    font-size: 14px;
    line-height: 21px;
  }
}