<div> </div> unterdrücken

[Jutta]

Hallo,
wie kann ich im folgenden Beispiel die Zeilen
<div class="dir"> und
</div> <!-- dir -->
unterdrücken?

@media only screen and (max-width: 36rem)
{

????

}

<div class="links">
<div class="dir">
  <ul>
    <li>  
      .........
    </li>  
      ........
    </li>  
  </ul>
</div>      <!-- links -->
</div>       <!-- dir -->