diff --git a/src/layouts/partials/package-grid.html b/src/layouts/partials/package-grid.html
index 94457e4..bac5d81 100644
--- a/src/layouts/partials/package-grid.html
+++ b/src/layouts/partials/package-grid.html
@@ -13,25 +13,25 @@
     <!-- Start Package Grid -->
 
     <div class="row package-row black-bg g-0">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+      <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+      <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+      <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+      <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}
         {{- partial "package-thumbnail.html" . -}}