diff --git a/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html b/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
index 0cbcdac..66ecfdd 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
@@ -2,7 +2,7 @@
 <div class="bodyWrap row container-fluid" >
     <div class="col-sm-12 col-md-12 pageHeading">
         <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
-        <div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar" style="padding-left: 15px; "> <i class="fa fa-bars"></i> </div>
+        <div class=" pull-left toggleBar toggleHeadingButton tooltip-sidebar" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar" style="padding-left: 15px; "> <i class="fa fa-bars"></i> </div>
         <h4 class="pull-left" data-ng-bind="currentActiveModuleTitle"><!--{{currentActiveModuleTitle}}--></h4>
         <div class="pull-right paddTop4 ">
             <!--<div class="pull-right paddTop4 ">-->
@@ -39,8 +39,21 @@
     $(function () {
        
         $(function () {
-            $('[data-toggle="tooltip"]').tooltip();
-        })
+
+            var $ua = navigator.userAgent;
+            if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
+                $(".tooltip-sidebar").tooltip({
+                    tooltipClass: 'tooltipsidebar'
+                });
+            }
+            else {
+                $(".tooltip-sidebar").tooltip({
+                    tooltipClass: 'customTooltip'
+                });
+            }
+
+
+        });
         
     });
 </script>
diff --git a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
index 4202515..8243214 100644
--- a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
+++ b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -166,6 +166,14 @@ footer.dark {
         color: #fff !important;
         /*opacity: 0.9 !important;*/
     }
+.tooltipsidebar
+ {
+        background: #333 !important;
+        color: #fff !important;
+         top : 82px !important;
+         padding:2px !important;
+         left:50px !important;
+}
 
 /*.tools {
     background: #eeeeee none repeat scroll 0 0;