diff --git a/media/less/student/subject.less b/media/less/student/subject.less
index c3087459b9cf60f8b86bdb8805047ba71adc4aba..afb65318d3f88ced536ebc2dbebb70568b71ca1d 100644
--- a/media/less/student/subject.less
+++ b/media/less/student/subject.less
@@ -104,4 +104,77 @@ h3.blockTitle
   background: @ColorBlue;
   color: @ColorBaseGrey;
   text-align: center;
-}
\ No newline at end of file
+}
+
+
+@media all and (max-width: 599px) {
+    body {
+        min-width: initial;
+    }
+
+    #errButton {
+        display: none;
+    }
+
+    .main_layer {
+        max-width: initial;
+        min-width: initial;
+    }
+
+    .main .main_top {
+        display: inherit;
+        position: inherit;
+    }
+
+    .helpLink {
+        display: none;
+    }
+
+    .sidePadding {
+        padding: 0 5px !important;
+    }
+
+    .main .main_content {
+        border-radius: 0;
+        overflow: scroll;
+        padding-top: 8px !important;
+
+        .submoduleBlock {
+            text-align: center;
+            
+            .submoduleTitle {
+                width: 100%;
+                margin-bottom: 5px;
+            }
+            
+            .submoduleRate, .submodulePercent, .submoduleDate {
+                width: 20%;
+            }
+        }
+        
+        .moduleResult {
+            margin-bottom: 20px;
+        }
+        
+        .label {
+            width: 40%;
+        }
+    }
+
+    .header_wrapper {
+        padding: 9pt 10px;
+
+        .logotype span, #username {
+            display: none;
+        }
+    }
+
+    div.window {
+        min-width: initial !important;
+
+        .window-block {
+            width: initial !important;
+            border-radius: 0;
+        }
+    }
+}
diff --git a/~dev_rating/application/views/student/subject.twig b/~dev_rating/application/views/student/subject.twig
index ca507f3faeac43e8f974bbb0eb49629be78ef9e0..55b6815e0c5cbd755bfa62dc3475cf03f6bf5d8b 100644
--- a/~dev_rating/application/views/student/subject.twig
+++ b/~dev_rating/application/views/student/subject.twig
@@ -1,6 +1,7 @@
 {% extends 'base' %} 
  
 {% block media %} {# head -> css, js #}
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     {{ HTML.style('static/css/student/subject.css')|raw }}
 {% endblock %}