Paginacion Responsive

[maire]

Estoy usando un plugin jquery (easyPaginate.JS)
https://st3ph.github.io/jquery.easyPaginate/


para hacer una paginacion, donde solo quiero que se muestren 3 imagenes por pagina en la version desktop, y una abajo de la otra segun adapto la pantalla....?, son como 20 imagenes con este codigo de muestra:

Código HTML:

<div id="easyPagination>
 
     <img class="imgpast" src="images/past_events/Kunsthanverkerne-  -Kongensgate.jpg"  alt="Kunsthanverkerne-i-Kongensgate" title="Kunsthanverkerne-i-Kongensgate">
<p class="detaile">Desember 2017. Kunsthåndverkerne i Kongens gate</p>
<hr>
 
</div>
 

El script es:

Código Javascript:

$("#easyPaginate").easyPaginate({
        paginateElement: "img",
        elementsPerPage: 3,
        effect: "climb"
    });
 

el CSS:

Código CSS:

#easyPaginate img {display:block;margin-bottom:10px;margin:auto;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
 

Estoy usando un plugin jquery (easyPaginate.JS)
https://st3ph.github.io/jquery.easyPaginate/


para hacer una paginacion, donde solo quiero que se muestren 3 imagenes por pagina, son como 20 imagenes con este codigo de muestra:

Código HTML:

<div id="easyPagination>
 
<img class="imgpast" src="images/past_events/Kunsthanverkerne- -Kongensgate.jpg" alt="Kunsthanverkerne-i-Kongensgate" title="Kunsthanverkerne-i-Kongensgate">
<p class="detaile">Desember 2017. Kunsthåndverkerne i Kongens gate</p>
<hr>
 
</div>
 

El script es:

Código Javascript:

$("#easyPaginate").easyPaginate({
paginateElement: "img",
elementsPerPage: 3
 
});
 

el CSS:

Código CSS:

#easyPaginate img {display:block;margin-bottom:10px;margin:auto;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
 

Como puedo hacer para que la paginacion sea responsiva??, de la forma que la hago y pruebo me funciona bien en desktop pero no en mobile...como podría arreglarlo..?

Gracias