diff --git a/styles/prosilver/template/event/overall_header_head_append.html b/styles/prosilver/template/event/overall_header_head_append.html
index 86922c9a..5d1e7fe1 100755
--- a/styles/prosilver/template/event/overall_header_head_append.html
+++ b/styles/prosilver/template/event/overall_header_head_append.html
@@ -1 +1,4 @@
-<!-- IF T_EXT_THEME_PATH --><link href="{T_EXT_THEME_PATH}portal.css" rel="stylesheet" type="text/css" /><!-- ENDIF -->
+<!-- IF T_EXT_THEME_PATH -->
+<link href="{T_EXT_THEME_PATH}portal.css" rel="stylesheet" type="text/css" />
+<link href="{T_EXT_THEME_PATH}responsive.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1500px), only screen and (max-device-width: 1500px)" />
+<!-- ENDIF -->
diff --git a/styles/prosilver/template/portal/modules/news_compact_center.html b/styles/prosilver/template/portal/modules/news_compact_center.html
index 752e259c..a6f85bb0 100644
--- a/styles/prosilver/template/portal/modules/news_compact_center.html
+++ b/styles/prosilver/template/portal/modules/news_compact_center.html
@@ -12,12 +12,12 @@
 {$CC_BLOCK_H_L}
 	<dt id="n">{$TITLE}</dt>
 	<!-- IF S_DISPLAY_NEWS_RVS -->
-		<dd class="posts">{L_REPLIES}</dd>
-		<dd class="views">{L_VIEWS}</dd>
+		<dd class="posts responsive-portal-news" data-skip-responsive="true">{L_REPLIES}</dd>
+		<dd class="views responsive-portal-news" data-skip-responsive="true">{L_VIEWS}</dd>
 	<!-- ENDIF -->
 	<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
 {$CC_BLOCK_H_R}
-<ul class="topiclist topics">
+<ul class="topiclist topics responsive-portal-news">
 <!-- ENDIF -->
 	<li class="row<!-- IF news_row.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
 		<dl class="icon {news_row.TOPIC_IMG_STYLE}">
@@ -49,8 +49,8 @@
 				</div> <!-- \END <div class="list-inner"> -->
 			</dt>
 			<!-- IF S_DISPLAY_NEWS_RVS -->
-				<dd class="posts">{news_row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
-				<dd class="views">{news_row.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd>
+				<dd class="posts" data-skip-responsive="true">{news_row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
+				<dd class="views" data-skip-responsive="true">{news_row.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd>
 			<!-- ENDIF -->
 			<dd class="lastpost"><span><dfn>{L_LAST_POST}</dfn>{L_POST_BY_AUTHOR} {news_row.USERNAME_FULL_LAST} <!-- IF news_row.S_UNREAD_INFO --><a href="{news_row.U_VIEW_UNREAD}">{NEWEST_POST_IMG}</a><!-- ELSE --><a href="{news_row.U_LAST_COMMENTS}">{READ_POST_IMG}</a><!-- ENDIF --><br />
 				{news_row.LAST_POST_TIME}</span>
diff --git a/styles/prosilver/template/portal/portal_body.html b/styles/prosilver/template/portal/portal_body.html
index c22e3d96..688386e6 100644
--- a/styles/prosilver/template/portal/portal_body.html
+++ b/styles/prosilver/template/portal/portal_body.html
@@ -12,7 +12,7 @@
 
 <table id="portal-body">
 	<!-- IF S_TOP_COLUMN -->	
-	<tr>
+	<tr id="portal-top">
 	<!-- [+] top module area -->
 		<td colspan="3">
 			<!-- BEGIN modules_top -->
@@ -32,7 +32,7 @@
 	<tr>
 	<!-- [+] left module area -->
 		<!-- IF S_LEFT_COLUMN -->
-		<td style="width: {S_PORTAL_LEFT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->left<!-- ELSE -->right<!-- ENDIF -->: {$BLOCK_DISTANCE};">
+		<td id="portal-left" style="width: {S_PORTAL_LEFT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->left<!-- ELSE -->right<!-- ENDIF -->: {$BLOCK_DISTANCE};">
 			<!-- BEGIN modules_left -->
 				<!-- DEFINE $TEMPLATE_FILE = '{modules_left.TEMPLATE_FILE}' -->
 				<!-- DEFINE $IMAGE_SRC = '{modules_left.IMAGE_SRC}' -->
@@ -49,7 +49,7 @@
 
 	<!-- [+] center module area -->
 		<!-- IF S_CENTER_COLUMN -->
-		<td>
+		<td id="portal-center">
 			<!-- BEGIN modules_center -->
 				<!-- DEFINE $TEMPLATE_FILE = '{modules_center.TEMPLATE_FILE}' -->
 				<!-- DEFINE $IMAGE_SRC = '{modules_center.IMAGE_SRC}' -->
@@ -70,7 +70,7 @@
 
 	<!-- [+] right module area -->
 		<!-- IF S_RIGHT_COLUMN -->
-		<td style="width: {S_PORTAL_RIGHT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->right<!-- ELSE -->left<!-- ENDIF -->: {$BLOCK_DISTANCE};">
+		<td id="portal-right" style="width: {S_PORTAL_RIGHT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->right<!-- ELSE -->left<!-- ENDIF -->: {$BLOCK_DISTANCE};">
 			<!-- BEGIN modules_right -->
 				<!-- DEFINE $TEMPLATE_FILE = '{modules_right.TEMPLATE_FILE}' -->
 				<!-- DEFINE $IMAGE_SRC = '{modules_right.IMAGE_SRC}' -->
@@ -86,7 +86,7 @@
 	<!-- [-] right module area -->
 	</tr>
 	<!-- IF S_BOTTOM_COLUMN -->
-	<tr>
+	<tr id="portal-bottom">
 	<!-- [+] bottom module area -->
 			<td colspan="3">
 			<!-- BEGIN modules_bottom -->
diff --git a/styles/prosilver/theme/responsive.css b/styles/prosilver/theme/responsive.css
new file mode 100644
index 00000000..9e7a00a4
--- /dev/null
+++ b/styles/prosilver/theme/responsive.css
@@ -0,0 +1,12 @@
+@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
+{
+	#portal-body #portal-right { display: none !important; }
+}
+
+@media only screen and (max-width: 950px), only screen and (max-device-width: 950px)
+{
+	dd.responsive-portal-news { display: none !important; }
+	.responsive-portal-news dd.posts, .responsive-portal-news dd.views { display: none !important; }
+	.responsive-portal-news dt { width: 125% !important; }
+	dt#n { width: 125% !important; }
+}