diff --git a/application/views/mobile_first/gh-next.php b/application/views/mobile_first/gh-next.php
index 7074e39c..b51af46a 100644
--- a/application/views/mobile_first/gh-next.php
+++ b/application/views/mobile_first/gh-next.php
@@ -2,7 +2,7 @@
 
     <h2 style="text-align: center;">Recommended Articles</h2>
 
-    <div class="swiper" id='recommendedArticles'>
+    <div class="swiper" id='articleSwiper'>
         <div class="swiper-wrapper">
 
             <?php if (!empty($recommands['Article A'])) { ?>
@@ -198,9 +198,9 @@
             <?php } ?>
 
         </div>
-        <div class="swiper-button-next"></div>
-        <div class="swiper-button-prev"></div>
-        <div class="swiper-pagination"></div>
+        <div class="swiper-button-next" id='article-swiper-button-next'></div>
+        <div class="swiper-button-prev" id='article-swiper-button-prev'></div>
+        <div class="swiper-pagination" id='article-swiper-pagination'></div>
     </div>
 <?php } ?>
 
@@ -210,7 +210,7 @@
 
     <h2 style="text-align: center;">Recommended Tours</h2>
 
-    <div class="swiper" id='recommendedArticles'>
+    <div class="swiper" id='tourSwiper'>
         <div class="swiper-wrapper">
 
             <?php if (!empty($recommands['Tour A'])) { ?>
@@ -345,9 +345,9 @@
 
 
         </div>
-        <div class="swiper-button-next"></div>
-        <div class="swiper-button-prev"></div>
-        <div class="swiper-pagination"></div>
+        <div class="swiper-button-next" id='tour-swiper-pagination'></div>
+        <div class="swiper-button-prev" id='tour-swiper-pagination'></div>
+        <div class="swiper-pagination" id='tour-swiper-pagination'></div>
     </div>
 
 
@@ -357,17 +357,31 @@
 <script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js"></script>
 <!-- Initialize Swiper -->
 <script>
-    var swiper = new Swiper("#recommendedArticles", {
-        cssMode: true,
-        keyboard: true,
-        slidesPerView: 4,
-        navigation: {
-            nextEl: ".swiper-button-next",
-            prevEl: ".swiper-button-prev"
-        },
-        pagination: {
-            el: ".swiper-pagination",
-            clickable: true
-        }
-    });
+var slidesPerView = window.gh_template_name === 'mobile' ? 1 : 4;
+var articleSwiper = new Swiper("#articleSwiper", {
+    cssMode: true,
+    keyboard: true,
+    slidesPerView: slidesPerView,
+    navigation: {
+        nextEl: "#article-swiper-button-next",
+        prevEl: "#article-swiper-button-prev"
+    },
+    pagination: {
+        el: "#article-swiper-pagination",
+        clickable: true
+    }
+});
+var tourSwiper = new Swiper("#tourSwiper", {
+    cssMode: true,
+    keyboard: true,
+    slidesPerView: slidesPerView,
+    navigation: {
+        nextEl: "#tour-swiper-button-next",
+        prevEl: "#tour-swiper-button-prev"
+    },
+    pagination: {
+        el: "#tour-swiper-pagination",
+        clickable: true
+    }
+});
 </script>
\ No newline at end of file
diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index cf2d2b79..55d7fbed 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -29,6 +29,11 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-MNKHRM5');</script>
 <!-- End Google Tag Manager -->
+<script>
+(function(w){
+  w.gh_template_name = w.gh_template_name || 'desktop';
+})(window);
+</script>
 </head>
 
 <body>
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 6ff600aa..61c9f8fa 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -23,7 +23,11 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-MNKHRM5');</script>
     <!-- End Google Tag Manager -->
-
+<script>
+(function(w){
+  w.gh_template_name = w.gh_template_name || 'mobile';
+})(window);
+</script>
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->
