diff --git a/resources/views/components/grocery/special-products.blade.php b/resources/views/components/grocery/special-products.blade.php
index 6e2e00a..55bde0f 100644
--- a/resources/views/components/grocery/special-products.blade.php
+++ b/resources/views/components/grocery/special-products.blade.php
@@ -1,8 +1,8 @@
-<section class="container pt-xl-2 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
+<section class="container-fluid      pt-xl-2 pb-5 mb-2 mb-sm-3 mb-lg-4 mb-xl-5">
     <div class="row">
 
         <!-- Banner -->
-        <div class="col-sm-5 col-md-4 col-lg-3 mb-5 mb-sm-0">
+        <div class="col-sm-5 col-md-4 col-lg-3 col-xl-2 mb-5 mb-sm-0">
             <div class="pe-lg-2 pe-xl-4">
                 <div class="rounded-4 overflow-hidden" style="background-color: #000000" data-bs-theme="light">
                     <div class="pt-3 px-3 mt-3 mx-3">
@@ -22,7 +22,7 @@
         </div>
 
         <!-- Special products carousel -->
-        <div class="col-sm-7 col-md-8 col-lg-9">
+        <div class="col-sm-7 col-md-8 col-lg-9 col-xl-10">
             <div class="d-flex align-items-center justify-content-between border-bottom pb-3 pb-md-4 mb-3 mb-lg-4">
                 <h2 class="h3 mb-0">{{ __('special_product.title') }}</h2>
                 <div class="nav ms-3">
@@ -46,7 +46,15 @@
                 },
                 "992": {
                   "slidesPerView": 4
+                },
+                "1200": {
+                  "slidesPerView": 5
+                },
+                "1400": {
+                  "slidesPerView": 6
                 }
+
+
               }
             }'>
                 <div class="swiper-wrapper">