diff --git a/app/Views/cart.php b/app/Views/cart.php
index 8be1a1d..b98be0c 100644
--- a/app/Views/cart.php
+++ b/app/Views/cart.php
@@ -130,9 +130,9 @@
            </div> 
         <?php } ?>
            <!-- Product Sub total-->
-           <div class="row pt-4 pb-4">
+           <div class="row pt-3 pb-4 reverse-flexbtn">
            <?php if (!isset($msg)) { 
-                echo '<div class="col-12 col-lg-6 pb-4 text-lg-start text-center">';
+                echo '<div class="col-12 col-sm-6 pb-4 text-sm-start text-center">';
            } 
            else {
                 echo '<div class="col-12 col-lg-12 pb-4 text-center">';
@@ -153,7 +153,7 @@
                         </form>
                     </div> 
                     <?php if (!isset($msg)) { ?>
-                    <div class="col-12 col-lg-6 checkout-btn text-center text-lg-end">
+                    <div class="col-12 col-sm-6 checkout-btn text-center text-sm-end mb-4">
                         <button type="submit">Checkout</button>
                     </div>  
                     <?php } ?>             
diff --git a/app/Views/checkout.php b/app/Views/checkout.php
index 0aa5556..8528c82 100644
--- a/app/Views/checkout.php
+++ b/app/Views/checkout.php
@@ -248,7 +248,7 @@ $web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https
 
         <div class="row">
 
-            <div class="col-lg-8">
+            <div class="col-xl-8">
                  <div class="address-form mb-5" >
 
                 <form id="member_address" >
@@ -373,7 +373,7 @@ $web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https
                 
 </div>            
 
-            <div class="col-lg-4 order-summary-main mb-5">
+            <div class="col-xl-4 order-summary-main mb-5">
 
                 <div class="order-summary">                    
 
@@ -451,7 +451,7 @@ $web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https
 
             </div>
             
-            <div class="col-lg-8">
+            <div class="col-xl-8">
                 <div class="address-form remember-section mb-5">                    
                         <label class="rember-label" for="rememberMe">By placing your order, you agree to our company privacy policy and condition of use.
                             <input type="checkbox" id="rememberMe">
@@ -460,9 +460,9 @@ $web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https
                 </div>
             </div>
 
-            <h4 class="payment-title col-lg-8">Payment Method</h4>
+            <h4 class="payment-title col-xl-8">Payment Method</h4>
 
-<div class="wrapper col-lg-8 mb-4">          
+<div class="wrapper col-xl-8 mb-4">          
 
 <div class="credit-card">                  
 
diff --git a/app/Views/membership.php b/app/Views/membership.php
index e5d2c97..7310003 100644
--- a/app/Views/membership.php
+++ b/app/Views/membership.php
@@ -137,7 +137,7 @@
 
             <div class="row">
 
-                <div class="col-lg-6">
+                <div class="col-sm-6">
 
                     <div class="credit-offer-box">
 
@@ -165,7 +165,7 @@
 
                 </div>
 
-                <div class="col-lg-6 second-pack">
+                <div class="col-sm-6 second-pack">
 
                     <div class="credit-offer-box">
 
diff --git a/public/assets/member_css/front-style.css b/public/assets/member_css/front-style.css
index 23054d3..00dcb8d 100644
--- a/public/assets/member_css/front-style.css
+++ b/public/assets/member_css/front-style.css
@@ -352,6 +352,11 @@ body.cart .quantity{
         flex-wrap:wrap; 
     }
 }
+@media (max-width: 576px){
+.reverse-flexbtn{
+    flex-direction: column-reverse;
+}
+}
 
 @media (max-width: 992px){
     .heading-border{
@@ -640,7 +645,7 @@ body.checkout  .select2-container--default .select2-selection--single .select2-s
         margin-top:30px!important;
     }
 }
-@media (max-width: 768px){
+@media (max-width: 767px){
 .membership-img>div{
     border-right-width:0;
     border-bottom:1px solid #000;        
@@ -1000,7 +1005,7 @@ body.checkout  .select2-container--default .select2-selection--single .select2-s
 .checkout .product-price, .checkout .product-total{
     font-weight:500;    
 }
-@media (min-width: 992px){
+@media (min-width: 1200px){
 .checkout-inner .order-summary-main{
     position: sticky;
     top: 15px;