@media (max-width: 767px) {
    .desk_svg {
      display: none;
    }
  }
  @media (min-width: 767px) {
      #mobile_line {
        display: none;
      }
    }
    
  

.spinning-before{
    position: absolute;
    top: 0;
    left: 0;
}
.spinning-after{
    position: absolute;
    top: 8.38em;
    right: 0em;
}
.weaving_before{
    position: absolute;
    top: 7.2em;
    left: 0;
}
.process_before{
    position: absolute;
    top: 4.7em;
    right: 0em;
}
.cut_path{
    position: absolute;
    top: 4em;
    left: 0;
    display: none;
}
#mobile_line{
    position: absolute;
    left: 4.7rem;
    top: 4rem;
}

.solution-blk.solution1::after,.solution-blk.solution2::after,.solution-blk.solution3::after,.solution-blk.solution4::after {
    border-left: none !important
}
@media (max-width: 1440px) {
    .spinning-after {
        top: 9.3em;
    }
    .solution-blk.solution2 {
        padding-top: 12.6rem;
    }
    .weaving_before {
        top: 10.7em;
    }
    .solution-blk.solution3 {
        padding-top: 3.9em;
    }
    .process_before {
        top: 7.6em;
    }
    .solution-blk.solution4 {
        padding-top: 11.5rem;
    }
    .solution-right {
        margin-top: 4rem;
    }
}
@media (max-width: 1199px) {
    .weaving_before {
        top: 9rem;
    }
    .cut_path {
        top: 6rem;
    }
    .spinning-before, .spinning-after, .weaving_before, .process_before, .cut_path{
        display: none !important;
    }
}
@media (max-width: 991px){
    .spinning-before {
        top: -11rem;
    }
    .spinning-after {
        top: 11rem;
    }
    .weaving_before {
        top: 11rem;
    }
    .process_before {
        top: 4rem;
        height: 107rem;
    }
}