diff --git a/application/views/mobile_first/ch-info-page-form.php b/application/views/mobile_first/ch-info-page-form.php
index b234f4b6..59d41556 100644
--- a/application/views/mobile_first/ch-info-page-form.php
+++ b/application/views/mobile_first/ch-info-page-form.php
@@ -146,7 +146,55 @@ margin-bottom: -25px;
                             </div>
 
                         </div>
+
+                        <div class="selectionBlock" style="margin-bottom: 10px;">
+                            <p style="    margin-top: 10px;
+                            margin-bottom: 0;"><strong>
+                        When would you travel?
+                                </strong></p>
+                                <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="updatedestination" style="font-size: 18px;">
+                                    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="updatedestination" style="font-size: 18px;">
+                                    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="updatedestination" style="font-size: 18px;">
+                                    Not decided travel dates
+                                </label>
+                            </div>
+                            
+                <div class="trip_date_length" id="tripDateBlock" style="display: none">
+                              <p style="margin-bottom: 10px;">Select your travel date and trip length (days).</p>
+                  <div id='dateSelectionBlock'>
+                  <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
+                  margin-top: 5px;">            
+                  <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto; float: left; margin-right: 15px;height: 30px;
+                  margin-top: 5px;">
+                  </div>
+                  <div class="peopleSelect">
+                    <div class="numberBtn">
+                      <input class="minaddBtn" id="tripLengthMinus" type="button" value="-">
+                      <input class="number" type="text" value="14" id="tripLengthNumber" name="trip_length">
+                      <input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
+                    </div>
+                            </div>
+              </div>
+    
+                        </div>
+
             <p>
+                
             <span class="inquiry_form_tag"><img src="https://data.chinahighlights.com/pic/input-name.png">
                 <span class="form_required">*</span>
             </span>    
@@ -446,184 +494,243 @@ margin-bottom: -25px;
         -->
 </div>
 </div>
-<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
-<script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
-<script>
-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 phoneVal = document.getElementById("PhoneNo").value;
-
-    var startingDateErrEl = document.getElementById("starting_date_errmsg");
-    var realnameErrEl = document.getElementById("realname_errmsg");
-    var emailErrEl = document.getElementById("email_errmsg");
-    var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
-    var phoneErrEl = document.getElementById("phone_errmsg");
-    var travelGroupErrEl = document.getElementById("group_error_msg");
-
-    if (realnameErrEl) realnameErrEl.style.display = 'none';
-    if (emailErrEl) emailErrEl.style.display = 'none';
-    if (emailVerifyErrEl) emailVerifyErrEl.style.display = 'none';
-    if (startingDateErrEl) startingDateErrEl.style.display = 'none';
-    if (phoneErrEl) phoneErrEl.style.display = 'none';
-    if (travelGroupErrEl) travelGroupErrEl.style.display = 'none';
-
-    var travelGroupList = document.querySelectorAll('input[name="travel_group"]');
-    var travelGroupChecked = false;
-    travelGroupList.forEach(function(groupNode) {
-      if (groupNode.checked) {
-        travelGroupChecked = true;
-      }
+ <script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
+    <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("info_page_button");
+        var quick_inquiry_form = document.getElementById("info_page_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";
+                });
+              }
+            }  
+        });
     });
-
-    if (!travelGroupChecked) {
-      travelGroupErrEl.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) {
-            emailVerifyErrEl.style.display = '';
+    
+    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;
+        }
+    
+        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 (phoneVal === '') {
-        phoneErrEl.style.display = '';
-        result = false;
-    }
-    return result;
-}
-document.addEventListener('DOMContentLoaded', () => {
-  flatpickr("#starting_date", {
-    dateFormat: "Y-m-d",
-    altInput: true,
-    altFormat: "F j, Y",
-    disableMobile: true,
-    minDate: "today"
-  });
-
-  var quick_inquiry_form = document.getElementById('quick_inquiry_form');
-  var quick_inquiry_button = document.getElementById('quick_inquiry_button');
-  
-  quick_inquiry_button.addEventListener('click', function(evt) {
-    if (validateQuickInquiryForm()) {
-      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_form.innerText = "Submitted successfully";
-        });
-      }
-    }
-  });
-});
-
-</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) {
+    </script>
+    <script>
       
-      $teenagerNumberInput.val(0);
-      $childrenNumberInput.val(0);
-      $infantNumberInput.val(0);
+        $(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 = $('#starting_date');
+    var $expectedMonth = $('#expectedMonth');
+    var $dateSelectionBlock = $('#dateSelectionBlock');
+    var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
+    $('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();
+          $expectedTravelDateBlock.hide();
+          $expectedMonth.hide();
+          $expectedDate.show();
+        } else if (selectedTripDate.id === 'approximate') {
+          $dateSelectionBlock.show();
+          $expectedTravelDateBlock.hide();
+          $expectedDate.hide();
+          $expectedMonth.show();
+        } else if (selectedTripDate.id === 'yet') {
+          $dateSelectionBlock.hide();
+          $expectedTravelDateBlock.show();
+        }
+      })
+    });
 
-              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 tripLength = $('#tripLengthNumber').val();
+    
+    //成人
+        $('#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);
+                }
+            });
 
+            
 
-//成人
-  $('#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>
+      	// Trip Length
+		$('#tripLengthPlus').click(function () {
+			tripLength++;
+			$('#tripLengthNumber').val(tripLength);
+		});
+
+		$('#tripLengthMinus').click(function () {
+			if (tripLength > 1) {
+				tripLength--;
+				$('#tripLengthNumber').val(tripLength);
+			}
+		});
+      })
+        </script>
         <script>
             // 折叠展开
             
@@ -734,4 +841,12 @@ document.addEventListener('DOMContentLoaded', () => {
                   target.style.removeProperty('transition-property');
                 }, duration);
               }
-            </script>
\ No newline at end of file
+            </script>
+        <style>
+    .date_select {width: 27.5% !important; margin-bottom: 10px;}
+    .age_range { margin-top: 45px;}
+    @media (max-width: 750px){
+    .date_select {width: 93% !important; margin-bottom: 0 !important;}
+    .age_range { margin-top: 0;}
+    }
+            </style>
\ No newline at end of file