diff --git a/public/plugins/AttachmentCollections/assets/css/pages.css b/public/plugins/AttachmentCollections/assets/css/pages.css
index 055728f08f..939c608f47 100644
--- a/public/plugins/AttachmentCollections/assets/css/pages.css
+++ b/public/plugins/AttachmentCollections/assets/css/pages.css
@@ -29,6 +29,33 @@
 :root {
     --collections-list-quantity: 3;
 }
+@media only screen and (min:1281px) {
+  :root {
+      --collections-list-quantity: 3;
+  }
+}
+@media only screen and (max-width:1280px) {
+  :root {
+      --collections-list-quantity: 4;
+  }
+}
+@media only screen and (max-width:900px) {
+  :root {
+      --collections-list-quantity: 3;
+  }
+}
+@media only screen and (max-width:700px) {
+  :root {
+      --collections-list-quantity: 2;
+  }
+}
+@media only screen and (max-width:465px) {
+  :root {
+      --collections-list-quantity: 1;
+  }
+}
+
+
 .attachment-collections-list {
     display: grid !important;
     grid-gap: 12px;