checkout btn fix

all-product.html

@@ -6825,7 +6825,7 @@
             <!-- checkout sidebar navigation button -->
             <div id="checkout-button"  >
                 <!-- checkout navigation button for desktop -->
-                <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-xl-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
+                <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-lg-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
                     <img class="checkout-icon" src="./images/icon/shoping bag.svg" alt="">
                     <!-- items count -->
                     <p class="count mt-2 text-black small">

css/style.css

@@ -976,7 +976,7 @@ border-image:url(../images/home_page/border-image.png) 0 0 30 0 repeat ;
     bottom: 0;
     right: 0;
     width: 480px;
-    height: 80vh;
+    height: 77vh;
     box-shadow: var(--shadow-black);
     border-radius: 5px 0 0 0;
     display: none;

index.html

@@ -7716,7 +7716,7 @@
             <!-- checkout sidebar navigation button -->
             <div id="checkout-button"  >
                 <!-- checkout navigation button for desktop -->
-                <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-xl-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
+                <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-lg-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
                     <img class="checkout-icon" src="./images/icon/shoping bag.svg" alt="">
                     <!-- items count -->
                     <p class="count mt-2 text-black small">

product-details.html

@@ -6744,7 +6744,7 @@
                 <!-- checkout sidebar navigation button -->
                 <div id="checkout-button"  >
                     <!-- checkout navigation button for desktop -->
-                    <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-xl-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
+                    <button id="checkout-btn-desktop" class="checkout-product-btn-desktop position-fixed d-none d-lg-flex flex-lg-column justify-content-lg-center align-items-lg-center bg-white border-0 text-white p-2">
                         <img class="checkout-icon" src="./images/icon/shoping bag.svg" alt="">
                         <!-- items count -->
                         <p class="count mt-2 text-black small">