.hv-wrapper {
  display: flex; }
  .hv-wrapper .hv-item {
    display: flex;
    flex-direction: column;
    margin: auto; }
    .hv-wrapper .hv-item .hv-item-parent {
      margin-bottom: 50px;
      position: relative;
      display: flex;
      justify-content: center; }
      .hv-wrapper .hv-item .hv-item-parent:after {
        position: absolute;
        content: '';
        width: 2px;
        height: 25px;
        bottom: 16px;
        left: 50%;
        background-color: #000;
        transform: translateY(100%);
		border-left: 2px solid  #6537f6;
        background-color: transparent;
	}
    .hv-wrapper .hv-item .hv-item-children {
      display: flex;
      justify-content: center; }
      .hv-wrapper .hv-item .hv-item-children .hv-item-child {
        padding: 0 5px;
        position: relative; 
		margin-top: -15px;
		}
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:before{
          content: '';
          position: absolute;
          background-color: #000;
          left: 0; 
          border-left: 2px solid  #6537f6;
          background-color: transparent;
        }
		
		.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
          content: '';
          position: absolute;
          background-color: #000;
          left: 0; 
		  border-top: 2px solid  #6537f6;
          background-color: transparent;
		 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
          left: 50%;
          top: 0;
          transform: translateY(-100%);
          width: 2px;
          height: 27px; 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
          top: -25px;
          transform: translateY(-100%);
          height: 2px;
          width: 100%; 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
          left: 50%;
          width: 50%; }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
          width: calc(50% + 1px); }



@media only screen and (max-width: 768px) {



.hv-wrapper {
  display: flex; }
  .hv-wrapper .hv-item {
    display: flex;
    flex-direction: column;
    /*margin: auto; */}
    .hv-wrapper .hv-item .hv-item-parent {
      margin-bottom: 45px;
      position: relative;
      display: flex;
      justify-content: center; }
      .hv-wrapper .hv-item .hv-item-parent:after {
        position: absolute;
        content: '';
        width: 2px;
        height: 20px;
        bottom: 16px;
        left: 50%;
        background-color: #000;
        transform: translateY(100%);
		border-left: 2px solid  #6537f6;
        background-color: transparent;
	}
    .hv-wrapper .hv-item .hv-item-children {
      display: flex;
      justify-content: left; }
      .hv-wrapper .hv-item .hv-item-children .hv-item-child {
        padding: 0 5px;
        position: relative; 
		margin-top: -15px;
		}
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:before{
          content: '';
          position: absolute;
          background-color: #000;
          left: 0; 
          border-left: 2px solid  #6537f6;
          background-color: transparent;
        }
		
		.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
          content: '';
          position: absolute;
          background-color: #000;
          left: 0; 
		  border-top: 2px solid  #6537f6;
          background-color: transparent;
		 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
          left: 50%;
          top: 0;
          transform: translateY(-100%);
          width: 2px;
          height: 27px; 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
          top: -25px;
          transform: translateY(-100%);
          height: 2px;
          width: 100%; 
		  }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
          left: 50%;
          width: 50%; }
        .hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
          width: calc(50% + 1px); }












}