updated mobile

components/Collection/Explore.js

@@ -78,7 +78,7 @@ const Explore = ({productData}) => {
           ))}
         </Swiper>
          {/* Swiper buttons outside container */}
-      <div className="position-absolute swiperbtn1 d-lg-flex justify-content-center justify-content-md-between align-items-center w-100">
+      <div className="position-absolute swiperbtn1 d-lg-flex justify-content-center justify-content-md-between align-items-center w-100 d-none">
         {/* Attach refs to buttons */}
         <button className="cust-swiper-button-prev">
                 <svg

pages/collections/[category]/[subCategory]/[productSlug].js

@@ -54,7 +54,7 @@ useEffect(() => {
         
         {productData?.isDoorAndPartitionsLayouts == true ? (
           <section className="details-tab-section">
-            <div className="custom_containers container">
+            <div className="custom_containers">
               <div className="details-tab">
                 <div className="head">Products:</div>
                 <Tabs

pages/collections/[category]/[subCategory]/index.js

@@ -63,7 +63,7 @@ const SubCategoryOrProductPage = ({
 
         {productData?.isDoorAndPartitionsLayouts == true ? (
           <section className="details-tab-section">
-            <div className="custom_containers container">
+            <div className="custom_containers">
               <div className="details-tab">
                 <div className="head">Products:</div>
                 <Tabs

styles/globals.css

@@ -1371,9 +1371,13 @@ footer a:hover {
   .tab-01.nav-tabs .nav-item {
     margin-bottom: 1rem;
   }
+  .accordion01 .accordion .image img{
+    max-height: 244px;
+  }
   .tab-01 {
-    margin-left: 3vw;
-    margin-right: 3vw;
+    margin-left: 10px;
+        margin-right: 10px;
+        padding: 0;
   }
   .details-tab .head {
     top: inherit;
@@ -1382,7 +1386,7 @@ footer a:hover {
     margin-bottom: 1rem;
   }
   .tab-01.nav-tabs .nav-link {
-    padding: 0.4rem 1.5rem;
+    padding: 4px 10px;
     font-size: 12px;
   }
   .explore-swiper {