Update _item.vue

pages/brands/_item.vue

@@ -10,9 +10,9 @@
             <p>{{ brand?.description }}</p>
           </div>
 
-          <div class="col-lg-12 col-sm-12 p-3" style="display: flex; justify-content: center;">
-            <CButton size="md" color="success" :href="brand.link" class="mr-auto"
-        >بازدید در آسان مارکت</CButton>
+          <div class="col-lg-12 col-sm-12 p-3 resp-ali" >
+            <CButton size="sm" color="success" :href="brand.link" class="mr-auto" style="font-size: small;"
+        >مشاهده محصولات و توضیحات بیشتر ...</CButton>
           </div>
 
         </div>
@@ -81,10 +81,19 @@
   }
   </style>
   <style>
+  .resp-ali{
+      display: flex; justify-content: left;
+    }
+  @media(max-width: 977px){
+    .resp-ali{
+      display: flex; justify-content: center;
+    }
+  }
      .panel-title p{
       color: rgb(148, 148, 148) !important;
       text-shadow: 0.5px 0.5px 1px #dadada;
       padding-right: 2px;
+      
      }
     .panel{
       min-height: max-content !important;