.hide-web {
      @media (min-width: ....px) {
      display: none;
     }
    }

    .hide-desktop {
      @media (min-width: ....px) {
      display: none;
     }
    }

<div class="hide-web>
 Displaying Element1 and Element2
 <element1>/element1>
 <element2>/element2>
</div>

<div class="hide-desktop>
 Displaying Element1 and Element2 but in different positions
 <element2>/element2>
 table or whatever here....
 <element1>/element1>
</div>