diff --git a/application/views/mobile_first/shanghai-daytrip-list.php b/application/views/mobile_first/shanghai-daytrip-list.php
index d9f02716..503492e9 100644
--- a/application/views/mobile_first/shanghai-daytrip-list.php
+++ b/application/views/mobile_first/shanghai-daytrip-list.php
@@ -1,7 +1,12 @@
 <div class="filter-box">
     <div class="filter-left">
         <div class="filter-item">
-            <div class="filter-nav">THEME</div>
+            <input type="radio" name="tab1" id="tab1a" class="tabs">
+            <label for="tab1a" class="open filter-nav">Theme</label>
+            <input type="radio" name="tab1" id="tab1ac" class="tabs close">
+            <label for="tab1ac" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1ad" class="tabs overlay">
+            <label for="tab1ad" class="modal-overlay"></label>
             <div class="filter-popup">                
                 <ul  id="theme-list">
                     <?php foreach ($allTypeList->extendType as $ltItem) { ?>
@@ -14,7 +19,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Hours</div>
+            <input type="radio" name="tab1" id="tab1b" class="tabs">
+            <label for="tab1b" class="open filter-nav">Hours</label>
+            <input type="radio" name="tab1" id="tab1bc" class="tabs close">
+            <label for="tab1bc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1bd" class="tabs overlay">
+            <label for="tab1bd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <ul id="hours-list">
                     <li><a href="javascript:;" data-day="1-3">1-3 Hours</a></li>
@@ -28,7 +38,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Price</div>
+            <input type="radio" name="tab1" id="tab1c" class="tabs">
+            <label for="tab1c" class="open filter-nav">Price</label>
+            <input type="radio" name="tab1" id="tab1cc" class="tabs close">
+            <label for="tab1cc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1cd" class="tabs overlay">
+            <label for="tab1cd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="price-list">
diff --git a/application/views/mobile_first/shanghai-tour-list.php b/application/views/mobile_first/shanghai-tour-list.php
index 6524b481..272128c4 100644
--- a/application/views/mobile_first/shanghai-tour-list.php
+++ b/application/views/mobile_first/shanghai-tour-list.php
@@ -1,7 +1,12 @@
 <div class="filter-box">
     <div class="filter-left">
-        <div class="filter-item">
-            <div class="filter-nav">Theme</div>
+        <div class="filter-item">            
+            <input type="radio" name="tab1" id="tab1a" class="tabs">
+            <label for="tab1a" class="open filter-nav">Theme</label>
+            <input type="radio" name="tab1" id="tab1ac" class="tabs close">
+            <label for="tab1ac" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1ad" class="tabs overlay">
+            <label for="tab1ad" class="modal-overlay"></label>
             <div class="filter-popup">                
                 <ul  id="category-list">
                     <?php foreach ($lineTypeList as $ltItem) { ?>
@@ -14,7 +19,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Days</div>
+            <input type="radio" name="tab1" id="tab1b" class="tabs">
+            <label for="tab1b" class="open filter-nav">Days</label>
+            <input type="radio" name="tab1" id="tab1bc" class="tabs close">
+            <label for="tab1bc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1bd" class="tabs overlay">
+            <label for="tab1bd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="days-list">
@@ -30,7 +40,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Price</div>
+            <input type="radio" name="tab1" id="tab1c" class="tabs">
+            <label for="tab1c" class="open filter-nav">Price</label>
+            <input type="radio" name="tab1" id="tab1cc" class="tabs close">
+            <label for="tab1cc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1cd" class="tabs overlay">
+            <label for="tab1cd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="price-list">