diff --git a/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue b/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
index 99d9778f..565cd7c7 100644
--- a/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
+++ b/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
@@ -4,7 +4,7 @@
             <div class="row">
                 <div class="col col-md-8">
                     <div class="row m-b-20">
-                        <div class="col-7">
+                        <div class="col-12 col-md-7">
                             <div class="row m-b-10 text-info">
                                 <div class="col">
                                     <h5 class="m-b-0 m-t-0 bold">Service Type</h5>
@@ -52,13 +52,13 @@
                             <div class="row">
                                 <div class="col">
                                     <div class="row">
-                                        <div class="col-4">
+                                        <div class="col-12 col-md-4">
                                             <validation-wrapper-component selectable class="m-b-15" :validator="$v.parameters.packing_list.type">
                                                 <label class="text-primary">Goods Type</label>
                                                 <select-component :options="[{'id': 0, 'text': 'Package'}, {'id': 3, 'text': 'Documents'}, {'id': 1, 'text': 'Pallet'}]" v-model="parameters.packing_list.type"></select-component>
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.description">
                                                 <label class="text-primary">Goods Name</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.description">
@@ -66,19 +66,19 @@
                                         </div>
                                     </div>
                                     <div class="row">
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.value">
                                                 <label class="text-primary">Goods Value</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.value" v-money="money">
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.weight">
                                                 <label class="text-primary">Weight (KG)</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.weight" v-money="weight">
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.quantity">
                                                 <label class="text-primary">Parcel Quantity</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.quantity" v-money="integer">
@@ -174,7 +174,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-4">
+                <div class="coll col-md-4">
                     <div class="row m-b-50">
                         <div class="col bg-master-lightest">
                             <div class="row b-b b-grey m-b-15">