diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl b/src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl
index 77ce05b..e683f53 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl
@@ -4,6 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
     <link rel="stylesheet" type="text/css" href="/style.css">
+    <link rel="stylesheet" type="text/css" href="/media.css">
     <link rel="icon" type="image/svg+xml" href="/ks3logo.svg" >
 </head>
 <body>
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl b/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
index cd8f0bc..ae37c21 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
@@ -14,11 +14,13 @@
             <div class="media">
                 <div class="media-left media-top">
                     <img class="media-object" src="/poster/${cinema.fileName}">
+                    <a class="visible-xs-block btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
                 </div>
                 <div class="media-body">
                     ${cinema.description}
                 </div>
             </div>
+            <a class="hidden-xs btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
         </div>
     </div>
     [/#list]
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css b/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
index a132a2c..e7519e9 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
@@ -1,4 +1,4 @@
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 767px) {
     form#search .btn {
         height: 34px;
     }
@@ -6,13 +6,14 @@
     .searchResult .media-left {
         display: block;
         text-align: center;
+        padding-right: 0;
     }
 
     .searchResult .media-object {
         display: inline;
     }
 
-    .searchResult .media-body {
-        padding-top: 8px;
+    .searchResult .btn.view {
+        margin: 16px 0 8px 0;
     }
 }
\ No newline at end of file
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
index cb01943..df5295c 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
@@ -1,5 +1,3 @@
-@import url('/media.css');
-
 body {
     background: #f3f3f3 url('/noise-background.png');
     background-size: auto;
@@ -68,4 +66,12 @@ hr {
 
 .searchResult .panel-heading {
     font-weight: bold;
-}
\ No newline at end of file
+}
+
+.searchResult .btn-block.view {
+    width: inherit;
+}
+
+.searchResult .btn.view {
+    margin: 8px;
+}
