cambiar orden de <li>

[roneada]

muy buenas necesito cambiar el orden de li, tengo que poner muchas listas ordenada para prestashop, e echo un diseño con

Código HTML:

<li>imagen</li><li>titulo</li> <li>mapa</li> 

y quiero que cuando se vea desde un dispositivo tipo tablet, o móvil cambie el orden de las listas así como pongo debajo , lo e probado con mediaqueries y relative a la ul, absolute al li y se me queda todo montado, hay alguna forma de hacerlo mediante scripts? gracias

Código HTML:

<ul><li>titulo</li>
    <li>imagen</li>
    <li>mapa</li></ul>

<ul><li>title</li>
    <li>image</li>
    <li>maps</li></ul>

<ul><li>title</li>
    <li>image</li>
    <li>maps</li></ul>