diff --git a/application/views/mobile_first/ah-info-page-form.php b/application/views/mobile_first/ah-info-page-form.php
index 217ecf92..2cabcd84 100644
--- a/application/views/mobile_first/ah-info-page-form.php
+++ b/application/views/mobile_first/ah-info-page-form.php
@@ -6,9 +6,9 @@
     <h3 style="text-align: center;    font-size: 20px;    line-height: 22px;">Start planning your tailor-made tour now. Your 1:1 travel consultant will reply within 1 working day.</h3>
     
     <form action="/orders/quick_inquiry_save" method="post" novalidate="" id="info_page_form">
-        <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g.: 
-This is a big trip for: birthday, anniversary, honeymoon, retirement, kid's graduation, bucket list..." style="height:70px;"></textarea>
-    <!--
+        <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g. This is a big trip for my birthday, anniversary, honeymoon, retirement, kid's graduation, bucket list…
+Our must-dos/must-sees are…" style="height:80px;"></textarea>
+
 		<div class="selectionBlock">
 			<h4>
 				Number in your group
@@ -139,7 +139,43 @@ This is a big trip for: birthday, anniversary, honeymoon, retirement, kid's grad
 			</div>
 
 		</div>
-	-->
+
+        <div class="selectionBlock">
+            <h4>
+                When would you travel?
+            </h4>
+            <div id="date_error_msg" style="display: none">
+                <div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
+            </div>
+            <div class="travel_group date_select">
+                <input type="radio" value="exact travel dates" id="exact" name="trip_date">
+                <label for="exact" class="family">
+                    I have exact travel dates.
+                </label>
+            </div>
+            <div class="travel_group date_select">
+                <input type="radio" value="approximate travel dates" id="approximate" name="trip_date">
+                <label for="approximate" class="couple">
+                    I have approximate travel dates.
+                </label>
+            </div>
+            <div class="travel_group date_select">
+                <input type="radio" value="haven't decided travel dates" id="yet" name="trip_date">
+                <label for="yet" class="solo">
+                    I haven't decided my travel dates.
+                </label>
+            </div>
+            <div class="trip_date_length" id="tripDateBlock" style="display: none">
+                <p style="clear: both;margin-bottom: 10px;" id="trip_date_tip">Select your travel date.</p>
+                <div id="dateSelectionBlock">
+                  <div id='flatpickrBlock'>
+                    <input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Starting date *" readonly="readonly" type="text" value="" />
+                  </div>
+                    <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
+                </div>
+            </div>
+        </div>
+
 		<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
     <div id="realname_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please enter your name</div>
@@ -152,12 +188,7 @@ This is a big trip for: birthday, anniversary, honeymoon, retirement, kid's grad
     <div id="email_verify_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please verify your email</div>
     </div>
-<!--
-    <input class="InquiryCalendar" id="starting_date" name="date_start" placeholder="Starting date *" readonly="readonly" />
-    <div id="starting_date_errmsg" style="display: none">
-    <div class="requiredArea" style="margin-top:-10px;">Please enter your starting date</div>
-    </div>
--->
+
     <select name="country_code" class="country_code">
 	<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
     <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@@ -456,180 +487,231 @@ This is a big trip for: birthday, anniversary, honeymoon, retirement, kid's grad
 -->
     </div>
 
-<script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
-<script>
-document.addEventListener('DOMContentLoaded', () => {
-    flatpickr("#starting_date", {
-        dateFormat: "Y-m-d",
-        altInput: true,
-        altFormat: "F j, Y",
-        disableMobile: true,
-        minDate: "today"
+    <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
+    <script>
+      
+      var selectedExpectedDate = '';
+    document.addEventListener('DOMContentLoaded', () => {
+        flatpickr("#starting_date", {
+            dateFormat: "Y-m-d",
+            altInput: true,
+            altFormat: "F j, Y",
+            disableMobile: true,
+            minDate: "today"
+        });
+    
+        var quick_inquiry_button = document.getElementById("quick_inquiry_button");
+        var quick_inquiry_form = document.getElementById("quick_inquiry_form");
+        
+        quick_inquiry_button.addEventListener('click', function(event) {
+            var validateResult = validateQuickInquiryForm();
+            if (validateResult) {
+              if (typeof(grecaptcha) === "undefined") {
+                console.warn('grecaptcha is disabled.');
+                quick_inquiry_form.submit();
+              } else {
+                grecaptcha.enterprise.ready(async () => {
+                  const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
+                  var el = document.createElement("input");
+                  el.type = "hidden";
+                  el.name = "__grecaptcha_token__";
+                  el.value = token;
+                  quick_inquiry_form.appendChild(el);
+                  quick_inquiry_form.submit();
+                  quick_inquiry_button.innerText = "Submitted successfully";
+                });
+              }
+            }  
+        });
     });
-
-    var info_page_button = document.getElementById("info_page_button");
-    var info_page_form = document.getElementById("info_page_form");
     
-    info_page_button.addEventListener('click', function(event) {
-        var validateResult = validateQuickInquiryForm();
-        if (validateResult) {
-          if (typeof(grecaptcha) === "undefined") {
-            console.warn('grecaptcha is disabled.');
-            info_page_form.submit();
-          } else {
-            grecaptcha.enterprise.ready(async () => {
-              const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
-              var el = document.createElement("input");
-              el.type = "hidden";
-              el.name = "__grecaptcha_token__";
-              el.value = token;
-              info_page_form.appendChild(el);
-              info_page_form.submit();
-              info_page_button.innerText = "Submitted successfully";
-            });
+    function validateQuickInquiryForm() {
+        var result = true;
+        var realnameVal = document.getElementById("realname").value;
+        var emailVal = document.getElementById("email").value;
+        var expectedDateVal = document.getElementById("starting_date").value;
+        var expectedMonthVal = document.getElementById("expectedMonth").value;
+        var contactVal = document.getElementById("PhoneNo").value;
+    
+        var realnameErrEl = document.getElementById("realname_errmsg");
+        var emailErrEl = document.getElementById("email_errmsg");
+        var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
+        var startingDateErrEl = document.getElementById("date_error_msg");
+        var contactErrEl = document.getElementById("contact_errmsg");
+        var groupErrEl = document.getElementById("group_error_msg");
+    
+        realnameErrEl.style.display = 'none';
+        emailErrEl.style.display = 'none';
+        emailVerifyErrEl.style.display = 'none';
+        startingDateErrEl.style.display = 'none';
+        contactErrEl.style.display = 'none';
+        groupErrEl.style.display = 'none';
+    
+        var travel_group_is_checked = false;
+        document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
+          if (groupNode.checked) {
+            travel_group_is_checked = true;
           }
+        });
+    
+        if (travel_group_is_checked === false) {
+          groupErrEl.style.display = '';
+          result = false;
         }
-    });
-
-});
-
-function validateQuickInquiryForm() {
-    var result = true;
-    var realnameVal = document.getElementById("realname").value;
-    var emailVal = document.getElementById("email").value;
-    // var startingDateVal = document.getElementById("starting_date").value;
-    var contactVal = document.getElementById("PhoneNo").value;
-
-    var realnameErrEl = document.getElementById("realname_errmsg");
-    var emailErrEl = document.getElementById("email_errmsg");
-    var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
-    // var startingDateErrEl = document.getElementById("starting_date_errmsg");
-    var contactErrEl = document.getElementById("contact_errmsg");
-    // var groupErrEl = document.getElementById("group_error_msg");
-
-    realnameErrEl.style.display = 'none';
-    emailErrEl.style.display = 'none';
-    emailVerifyErrEl.style.display = 'none';
-    // startingDateErrEl.style.display = 'none';
-    contactErrEl.style.display = 'none';
-    // groupErrEl.style.display = 'none';
-
-    // var travel_group_is_checked = false;
-    // document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
-    //   if (groupNode.checked) {
-    //     travel_group_is_checked = true;
-    //   }
-    // });
-
-    // if (travel_group_is_checked === false) {
-    //   groupErrEl.style.display = '';
-    //   result = false;
-    // }
-
-    if (realnameVal === '') {
-        realnameErrEl.style.display = '';
-        result = false;
-    }
-    if (emailVal === '') {
-        emailErrEl.style.display = '';
-        result = false;
-    } else {
-        var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
-        if (!emailPattern.test(emailVal)) {
-            emailVerifyErrEl.style.display = '';
+    
+        var tripDate_is_checked = false;
+          if (selectedExpectedDate === 'exact') {
+            tripDate_is_checked = expectedDateVal !== '';
+          } else if (selectedExpectedDate === 'approximate') {
+            tripDate_is_checked = expectedMonthVal !== '';
+          } else if (selectedExpectedDate === 'yet') {
+            tripDate_is_checked = true;
+          }
+    
+                //时间选择
+                if (!tripDate_is_checked) {
+            startingDateErrEl.style.display = '';
+            result = false;
+                }
+    
+        if (realnameVal === '') {
+            realnameErrEl.style.display = '';
             result = false;
         }
+        if (emailVal === '') {
+            emailErrEl.style.display = '';
+            result = false;
+        } else {
+            var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+            if (!emailPattern.test(emailVal)) {
+                emailVerifyErrEl.style.display = '';
+                result = false;
+            }
+        }
+        if (contactVal === '') {
+            contactErrEl.style.display = '';
+            result = false;
+        }
+        return result;
     }
-    // if (startingDateVal === '') {
-    //     startingDateErrEl.style.display = '';
-    //     result = false;
-    // }
-    if (contactVal === '') {
-        contactErrEl.style.display = '';
-        result = false;
-    }
-    return result;
-}
-</script>
-
- 
-<script>
-//     var $adultBlock = $('#adultBlock');
-//     var $childrenBlock = $('#childrenBlock');
-//     var $adultNumberInput = $('#adultNumber');
-//     var adultNumber = $adultNumberInput.val();
-//     var $teenagerNumberInput = $('#teenagerNumber');
-//     var teenagerNumber = $teenagerNumberInput.val();
-//     var $childrenNumberInput = $('#childrenNumber');
-//     var childrenNumber = $childrenNumberInput.val();
-//     var $infantNumberInput = $('#infantNumber');
-//     var infantNumber = $infantNumberInput.val();
-//     $('input[name="travel_group"]').each((i, groupEle) => {
-// 			$(groupEle).click(function (e) {
+    </script>
+    <script>
+      
+        $(function () {
+                var $adultBlock = $('#adultBlock');
+        var $childrenBlock = $('#childrenBlock');
+        var $adultNumberInput = $('#adultNumber');
+        var adultNumber = $adultNumberInput.val();
+        var $teenagerNumberInput = $('#teenagerNumber');
+        var teenagerNumber = $teenagerNumberInput.val();
+        var $childrenNumberInput = $('#childrenNumber');
+        var childrenNumber = $childrenNumberInput.val();
+        var $infantNumberInput = $('#infantNumber');
+        var infantNumber = $infantNumberInput.val();
+        $('input[name="travel_group"]').each((i, groupEle) => {
+                $(groupEle).click(function (e) {
+            
+            $teenagerNumberInput.val(0);
+            $childrenNumberInput.val(0);
+            $infantNumberInput.val(0);
+    
+                    var currentTarget = e.currentTarget;
+            if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
+              $adultBlock.show();
+              $childrenBlock.show();
+            } else {
+              $adultBlock.show();
+              $childrenBlock.hide();
+            }
+            if (currentTarget.id === 'Couple') {
+              $adultNumberInput.val(2);
+            } else if (currentTarget.id === 'Solo') {
+              $adultNumberInput.val(1);
+            }
+                })
+            });
+    
+        var $tripDateBlock = $('#tripDateBlock');
+        var $expectedDate = $('#flatpickrBlock');
+        var $expectedMonth = $('#expectedMonth');
+        var $dateSelectionBlock = $('#dateSelectionBlock');
+        var $tripDateTip = $('#trip_date_tip');
         
-//         $teenagerNumberInput.val(0);
-//         $childrenNumberInput.val(0);
-//         $infantNumberInput.val(0);
-
-// 				var currentTarget = e.currentTarget;
-//         if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
-//           $adultBlock.show();
-//           $childrenBlock.show();
-//         } else {
-//           $adultBlock.show();
-//           $childrenBlock.hide();
-//         }
-//         if (currentTarget.id === 'Couple') {
-//           $adultNumberInput.val(2);
-//         } else if (currentTarget.id === 'Solo') {
-//           $adultNumberInput.val(1);
-//         }
-// 			})
-// 		});
-
-
-// //成人
-//     $('#plusAdult').click(function () {
-// 			adultNumber++;
-// 			$adultNumberInput.val(adultNumber);
-// 		});
-// 		$('#minusAdult').click(function () {
-// 			if (adultNumber > 1) {
-// 				adultNumber--;
-// 				$adultNumberInput.val(adultNumber);
-// 			}
-// 		});    
-//     // 青少年
-//     $('#plusTeenager').click(function () {
-// 			teenagerNumber++;
-// 			$teenagerNumberInput.val(teenagerNumber);
-// 		});
-// 		$('#minusTeenager').click(function () {
-// 			if (teenagerNumber > 0) {
-// 				teenagerNumber--;
-// 				$teenagerNumberInput.val(teenagerNumber);
-// 			}
-// 		});
-//     // 儿童
-//     $('#plusChildren').click(function () {
-// 			childrenNumber++;
-// 			$childrenNumberInput.val(childrenNumber);
-// 		});
-// 		$('#minusChildren').click(function () {
-// 			if (childrenNumber > 0) {
-// 				childrenNumber--;
-// 				$childrenNumberInput.val(childrenNumber);
-// 			}
-// 		});
-//     // 婴儿
-//     $('#plusInfant').click(function () {
-// 			infantNumber++;
-// 			$infantNumberInput.val(infantNumber);
-// 		});
-// 		$('#minusInfant').click(function () {
-// 			if (infantNumber > 0) {
-// 				infantNumber--;
-// 				$infantNumberInput.val(infantNumber);
-// 			}
-// 		});
-    </script>
\ No newline at end of file
+        $('input[name="trip_date"]').each((i, tripDateEle) => {
+                $(tripDateEle).click(function (e) {
+            $expectedDate.val('');
+            $expectedMonth.val('');
+            $tripDateBlock.show();
+            var selectedTripDate = e.currentTarget;
+            selectedExpectedDate = selectedTripDate.id;
+            if (selectedTripDate.id === 'exact') {
+              $dateSelectionBlock.show();
+              $expectedMonth.hide();
+              $expectedDate.show();
+              $tripDateTip.show();
+            } else if (selectedTripDate.id === 'approximate') {
+              $dateSelectionBlock.show();
+              $expectedDate.hide();
+              $expectedMonth.show();
+              $tripDateTip.show();
+            } else if (selectedTripDate.id === 'yet') {
+              $dateSelectionBlock.hide();
+              $tripDateTip.hide();
+            }
+          })
+        });
+    
+    //成人
+        $('#plusAdult').click(function () {
+                adultNumber++;
+                $adultNumberInput.val(adultNumber);
+            });
+            $('#minusAdult').click(function () {
+                if (adultNumber > 1) {
+                    adultNumber--;
+                    $adultNumberInput.val(adultNumber);
+                }
+            });    
+        // 青少年
+        $('#plusTeenager').click(function () {
+                teenagerNumber++;
+                $teenagerNumberInput.val(teenagerNumber);
+            });
+            $('#minusTeenager').click(function () {
+                if (teenagerNumber > 0) {
+                    teenagerNumber--;
+                    $teenagerNumberInput.val(teenagerNumber);
+                }
+            });
+        // 儿童
+        $('#plusChildren').click(function () {
+                childrenNumber++;
+                $childrenNumberInput.val(childrenNumber);
+            });
+            $('#minusChildren').click(function () {
+                if (childrenNumber > 0) {
+                    childrenNumber--;
+                    $childrenNumberInput.val(childrenNumber);
+                }
+            });
+        // 婴儿
+        $('#plusInfant').click(function () {
+                infantNumber++;
+                $infantNumberInput.val(infantNumber);
+            });
+            $('#minusInfant').click(function () {
+                if (infantNumber > 0) {
+                    infantNumber--;
+                    $infantNumberInput.val(infantNumber);
+                }
+            });
+      })
+        </script>
+        <style>
+    .date_select {width: 27.5% !important;}
+    @media (max-width: 750px){
+    .date_select {
+        width: 93% !important;
+    }
+    }
+            </style>
\ No newline at end of file