@media (max-width: 992px) {
  .timeline-item:nth-child(odd) .KingImage::before {
    right: 58%;
    left: auto;
  }
  .userDeatils {
    padding-left: 10px;
  }
  .breadcrumb {
    overflow: auto;
  }
  .breadcrumbFixed .breadcrumb-item + .breadcrumb-item {
    padding: 0;
  }
  .navbar li a.dropdown-item {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .timeline-item:nth-child(odd) .KingImage::before {
    right: 57%;
    left: auto;
  }
  .step:after {
    width: 19px;
    left: 32px;
  }
  .step.active:not(:first-child)::before,
  .step.finish:not(:first-child)::before {
    right: 31px;
    left: unset;
    width: 23px;
  }
}
@media (max-width: 576px) {
  .timeline-item:nth-child(odd) .timeLine-Content {
    padding-right: 35px;
    padding-left: 0;
    align-items: end;
    justify-content: end;
  }
  .timeline-item:nth-child(odd) .KingImage::before,
  .timeline-item:nth-child(even) .KingImage::before {
    right: -30%;
    left: auto;
  }

  .timeline::before {
    right: 0;
    left: auto;
  }
}