/* 360px to 768px → Mobile */
@media (min-width: 360px) and (max-width: 767px) {
.Seach_by_order_stage{
.timeline-item {
    position: relative;
    width: 50%;
    padding: 0px 10px;
}
.timeline-icon {
    top: 5px;
    left: 75%;
}
}

.profile-div {
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ddd;
    display: block;
    position: relative;
    z-index: 999999;
    right: -81%;
}
}

/* 768px to 992px → Tablet */
@media (min-width: 768px) and (max-width: 991px) {
.Seach_by_order_stage{
  .timeline-item {
    position: relative;
    width: 50%;
    padding: 15px 10px;
}
.timeline-icon {
    top: 20px;
    left: 74%;
}
}

.profile-div {
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ddd;
    display: block;
    position: relative;
    z-index: 999999;
    right: -81%;
}

}

/* 992px to 1200px → Laptop */
@media (min-width: 992px) and (max-width: 1199px) {
  .profile-div {
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ddd;
    display: block;
    position: relative;
    z-index: 999999;
    right: -81%;
}
}

/* 1200px and above → Desktop */
@media (min-width: 1200px) {
  
}