diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 35a121d..d605649 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -7,7 +7,7 @@
 %= stylesheet '/table.css'
 %= stylesheet '/kwic-4.0.css'
 %= stylesheet '/fontawesome/font-awesome.min.css'
-%= stylesheet '/responsive.css', media => '(max-width: 640px)'
+%= stylesheet '/responsive.css', media => '(orientation: portrait) and (max-device-width: 800px)'
 %= javascript '/jquery-2.0.0.min.js'
 %= javascript '/translateTable.js'
 %= javascript '/hint.js'
diff --git a/templates/layouts/snippet.html.ep b/templates/layouts/snippet.html.ep
index 77c50ba..bfe0017 100644
--- a/templates/layouts/snippet.html.ep
+++ b/templates/layouts/snippet.html.ep
@@ -4,7 +4,7 @@
     <title><%= title %></title>
 %= stylesheet '/style.css'
 %= stylesheet '/kwic-4.0.css'
-%= stylesheet '/responsive.css'
+%= stylesheet '/responsive.css', media => '(orientation: portrait) and (max-device-width: 800px)'
 %= stylesheet '/fontawesome/font-awesome.min.css'
 %= javascript '/jquery-2.0.0.min.js'
 <meta charset="utf-8" />