diff --git a/public/assets/css/checkout.css b/public/assets/css/checkout.css
index eb51c67..8af8b0b 100644
--- a/public/assets/css/checkout.css
+++ b/public/assets/css/checkout.css
@@ -116,6 +116,12 @@
   border-radius: 6px;
 }
 
+@media (max-width: 768px) {
+  .checkoutMainInsideSecBodyCardBottom {
+    flex-direction: column;
+  }
+}
+
 .checkoutMainInsideSecBodyCardBottom.checkoutMainInsideSecBodyCardBottomActive {
   padding: 10px;
   height: 100%;
@@ -189,6 +195,14 @@
   min-width: 200px;
 }
 
+@media (max-width: 768px) {
+  .checkoutMainInsideSecBodyCardBottomMedia {
+    width: 100%;
+    max-width: 100%;
+    min-width: 100%;
+  }
+}
+
 .checkoutMainInsideSecBodyCardBottomMediaInside {
   padding-top: 50%;
   background: rgba(0,0,0,0.1);