diff --git a/app/views/ruling_timers/_timer_button.html.erb b/app/views/ruling_timers/_timer_button.html.erb
index d8217ae..d9b8747 100644
--- a/app/views/ruling_timers/_timer_button.html.erb
+++ b/app/views/ruling_timers/_timer_button.html.erb
@@ -50,10 +50,17 @@
 			color: <%=current_site.orbit_bar_text_color%>;
 			height: 100%;
 		}
+		@media screen and (max-width: 767px){
+			.timeman-container{
+				padding: 0 15px;
+				float: none;
+			}
+		}
 		.timeman-wrap{
 			height: 100%;
 		}
-		.current_time{
+		.current_time, .timeman-status{
+			line-height: 40px;
 			font-size: 1.3em;
 		}
 		.timeman-block {
@@ -285,6 +292,10 @@
 				if($("#timeman_main").hasClass("active_popup") && need_display !== true)
 					$("#timeman_main").removeClass("active_popup");
 				else{
+					var timeman_button = $('#timeman-container');
+					var timeman_button_offset = timeman_button.offset();
+					$("#timeman_main").css('top', timeman_button_offset.top + timeman_button.height() + 22);
+					$("#timeman_main .popup-window-angly-top").css('left', $('#timeman-right').offset().left);
 					$("#timeman_main").addClass("active_popup");
 					if($.fn.scrollingTabs)
 						$('#timeman_main .nav-pills').scrollingTabs('refresh');