diff --git a/Importer/trackorder.html b/Importer/trackorder.html
index eb161d2..9ce608f 100644
--- a/Importer/trackorder.html
+++ b/Importer/trackorder.html
@@ -320,12 +320,12 @@ License: You must have a valid license purchased only from themeforest(the above
                                     <div class="portlet-title">
                                         <div class="caption">
                                             <i class="icon-directions font-green hide"></i>
-                                            <span class="caption-subject bold font-dark uppercase "> Milestone</span>
+                                            <span class="caption-subject bold font-dark uppercase "> Milestone (Order No : 014587) </span>
                                             <span class="caption-helper"></span>
                                         </div>
                                         </div>
                                          <div class="portlet-body">
-                                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="130">
+                                        <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="140">
                                             <div class="timeline">
                                                 <div class="events-wrapper">
                                                     <div class="events">
@@ -334,7 +334,7 @@ License: You must have a valid license purchased only from themeforest(the above
                                                                 <a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
                                                             </li>
                                                              <li>
-                                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b>WH Received</b></span></a>
+                                                                <a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">17 Jan </br> <span class="small"><b>WH Received</b></span></a>
                                                             </li>
                                                             <li>
                                                                 <a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
@@ -346,13 +346,13 @@ License: You must have a valid license purchased only from themeforest(the above
                                                                 <a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
                                                             </li>
                                                             <li>
-                                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
+                                                                <a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">10 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
                                                             </li>
                                                             <li>
-                                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
+                                                                <a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">17 Feb </br><span class="small"><b>Delivery Arrangement</b></span></a>
                                                             </li>
                                                             <li>
-                                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
+                                                                <a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Delivery</b></span></a>
                                                             </li>
                                                             
                                                         </ol>
@@ -393,12 +393,16 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
+                                                        <label><b>Order No</b></label>
+                                                        <p>00005</p>
+                                                        <label><b>Order Type</b></label>
+                                                        <p>PO & SO</p>
+                                                        <label><b>Date Created</b></label>
+                                                        <p>03-07-2017</p>
+                                                        <label><b>Purchase No</b></label>
+                                                        <p>123456</p>
+                                                        <label><b>Purchase Value</b></label>
+                                                        <p>12,000.00(RMB)</p>
                                                         </div>
                                                     </li>
                                                     <li data-date="10/01/2014">
@@ -418,18 +422,14 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
                                                         <div class="form-group">
-                                                        <label>Receive Date</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>Total Carton</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
+                                                        <label><b>Receive Date</b></label>
+                                                        <p>01-01-2017</p>
+                                                        <label><b>Total Carton</b></label>
+                                                        <p>20</p>
+                                                        <label><b>Remark</b></label>
+                                                        <p>Warehouse received xxx</p>
                                                         </div>
                                                         </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
                                                     </li>
                                                     <li data-date="19/01/2014">
                                                         <div class="mt-title">
@@ -448,18 +448,14 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
                                                         <div class="form-group">
-                                                        <label>Shipping No</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>ETD</label>
-                                                        <input type="text" class="form-control" placeholder=""> 
-                                                        <label>ETA</label>
-                                                        <input type="text" class="form-control" placeholder="">
+                                                        <label><b>Shipping No</b></label>
+                                                        <p>02-02-2017</p>
+                                                        <label><b>ETD</b></label>
+                                                        <p>05-02-2017</p> 
+                                                        <label><b>ETA</b></label>
+                                                        <p>07-02-2017</p>
                                                         </div>
                                                         </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
-                                                        </div>
                                                     </li>
                                                     <li data-date="29/01/2014">
                                                         <div class="mt-title">
@@ -477,14 +473,10 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
-                                                        <label>New Departure Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
+                                                        <label><b>New Departure Date</b></label>
+                                                        <p>01-02-2017</p>
+                                                        <label><b>Remark</b></label>
+                                                        <p>Estimated time delivery</p>
                                                         </div>
                                                     </li>
                                                     <li data-date="05/02/2014">
@@ -503,16 +495,18 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
-                                                        <label>New Arrival Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Customs Clearance Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
+                                                        <label><b>New Arrival Date</b></label>
+                                                        <p>02-02-2017</p>
+                                                        <label><b>Delivery Address</b></label>
+                                                        <p>Blok 3730, Persiaran Apec, 63000 Cyberjaya, Selangor</p>
+                                                        <label><b>Contact Person Name</b></label>
+                                                        <textarea  class="form-control" rows="1"></textarea>
+                                                        <label><b>Contact Person Name</b></label>
+                                                        <textarea  class="form-control" rows="1"></textarea>
                                                         </div>
                                                         <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
                                                         <button type="edit" class="btn blue">Edit</button>
+                                                        <button type="edit" class="btn blue">Change</button>
                                                         </div>
                                                     </li>
                                                      <li data-date="20/02/2014">
@@ -531,14 +525,10 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                                                         <div class="clearfix"></div>
                                                         <div class="form-group">
-                                                        <label>Customs Clearance Date</label>
-                                                        <input type="text" class="form-control" placeholder="">
-                                                        <label>Remark</label>
-                                                        <textarea class="form-control" rows="2"></textarea>
-                                                        </div>
-                                                        <div class="form-actions" align="right">
-                                                        <button type="submit" class="btn blue">Submit</button>
-                                                        <button type="edit" class="btn blue">Edit</button>
+                                                        <label><b>Customs Clearance Date</b></label>
+                                                        <p>06-02-2017</p>
+                                                        <label><b>Remark</b></label>
+                                                        <p>Customs cleareance finish</p>
                                                         </div>
                                                     </li>
                                                     <li data-date="05/03/2014">
@@ -607,25 +597,13 @@ License: You must have a valid license purchased only from themeforest(the above
                                                             </span>
                                                         </div>
                                                         <br>
-                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
                                                         <br>
-                                                        <b> Delivery Request Accepted by <a href="profilelinda.html">Linda Wong </a></b></div>
-                                                        <div class="todo-tasklist-controls pull-left">
-                                                            <span class="todo-tasklist-date">
-                                                                <i class="fa fa-calendar"></i>
-                                                                25 Mar 2017
-                                                            </span>
-                                                        </div>
-                                                        <br>
-                                                        <div class="todo-tasklist-itemtodo-tasklist-item-border-green">
-                                                        <br>
-                                                        <b> Delivery Arrangement Completed by <a href="profilelinda.html">Linda Wong </a></b></div>
-                                                        <div class="todo-tasklist-controls pull-left">
-                                                            <span class="todo-tasklist-date">
-                                                                <i class="fa fa-calendar"></i>
-                                                                31 Mar 2017
-                                                            </span>
-                                                        </div>
+                                                       <label><b>Comment</b></label>
+                                                       <textarea class="form-control" rows="1"></textarea>
+                                                       <div class="form-group last">
+                                                       <div class="form-actions" align="right">
+                                                        <button type="edit" class="btn blue">Save</button>
+                                                       </div>
 
                                                         </div>
                                                     </li>
diff --git a/assets/global/plugins/horizontal-timeline/horizontal-timeline.js b/assets/global/plugins/horizontal-timeline/horizontal-timeline.js
index 1955ff0..136faa5 100644
--- a/assets/global/plugins/horizontal-timeline/horizontal-timeline.js
+++ b/assets/global/plugins/horizontal-timeline/horizontal-timeline.js
@@ -6,7 +6,7 @@ jQuery(document).ready(function($){
 
 	function initTimeline(timelines) {
 		timelines.each(function(){
-			var qweqwe = $(this).data('spacing') - 65;
+			var qweqwe = $(this).data('spacing') - 69;
 			eventsMinDistance = qweqwe;
 			var timeline = $(this),
 				timelineComponents = {};
diff --git a/assets/pages/css/timeline-old.css b/assets/pages/css/timeline-old.css
index 4bc2745..d444a84 100644
--- a/assets/pages/css/timeline-old.css
+++ b/assets/pages/css/timeline-old.css
@@ -267,7 +267,7 @@ Timeline UI Base
   color: #555555;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 700px) {
   timeline > li .timeline-time span.time {
     font-size: 18px;
   }