diff --git a/datacenterlight/templates/datacenterlight/order_detail.html b/datacenterlight/templates/datacenterlight/order_detail.html
index 3236ffe0..525a8a95 100644
--- a/datacenterlight/templates/datacenterlight/order_detail.html
+++ b/datacenterlight/templates/datacenterlight/order_detail.html
@@ -113,6 +113,15 @@
                          }
                     }
 
+                    @media screen and (max-width:367px){
+                         .cmf-ord-heading {
+                            font-size: 13px;
+                         }
+                         .order-detail-container .order-details {
+                            font-size: 12px;
+                         }
+                    }
+
                 </style>
                         <div class="row">
                             <div class="col-sm-8">