diff --git a/src/scss/modules/_zoom.scss b/src/scss/modules/_zoom.scss
index 9c24db8..d797170 100644
--- a/src/scss/modules/_zoom.scss
+++ b/src/scss/modules/_zoom.scss
@@ -41,12 +41,12 @@
     position: relative;
     width: 25%;
 
-    @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
-      width: 50%;
+    @media screen and (max-width: 567px) {
+      width: 100%;
     }
 
-    @media (max-aspect-ratio: 2 / 3) {
-      width: 100%;
+    @media screen and (min-width: 568px) and (max-width: 1023px) {
+      width: 50%;
     }
 
     > .wrap-zoom {
@@ -56,12 +56,12 @@
       position: relative;
       transition: .3s;
 
-      @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
+      @media screen and (max-width: 567px) {
         height: 50vh;
       }
 
-      @media (max-aspect-ratio: 2 / 3) {
-        height: 50vh;
+      @media screen and (min-width: 568px) and (max-width: 1023px) {
+        height: 33vh;
       }
 
       &:hover {
diff --git a/static/css/webslides.css b/static/css/webslides.css
index 5d7e841..4dcf35a 100644
--- a/static/css/webslides.css
+++ b/static/css/webslides.css
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-14
+ * Date: 2017-07-15
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -2911,12 +2911,12 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
             order: 0;
     position: relative;
     width: 25%; }
-    @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
-      #webslides-zoomed > .wrap > .grid > .column {
-        width: 50%; } }
-    @media (max-aspect-ratio: 2 / 3) {
+    @media screen and (max-width: 567px) {
       #webslides-zoomed > .wrap > .grid > .column {
         width: 100%; } }
+    @media screen and (min-width: 568px) and (max-width: 1023px) {
+      #webslides-zoomed > .wrap > .grid > .column {
+        width: 50%; } }
     #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
       display: inline-block;
       height: 25vh;
@@ -2924,12 +2924,12 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
       position: relative;
       -webkit-transition: .3s;
       transition: .3s; }
-      @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
+      @media screen and (max-width: 567px) {
         #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
           height: 50vh; } }
-      @media (max-aspect-ratio: 2 / 3) {
+      @media screen and (min-width: 568px) and (max-width: 1023px) {
         #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
-          height: 50vh; } }
+          height: 33vh; } }
       #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom:hover {
         -webkit-transform: scale(1.02);
                 transform: scale(1.02);
diff --git a/static/js/webslides.js b/static/js/webslides.js
index 6495386..a0dccbb 100644
--- a/static/js/webslides.js
+++ b/static/js/webslides.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-14
+ * Date: 2017-07-15
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js
index 9bd11b7..a6fb362 100644
--- a/static/js/webslides.min.js
+++ b/static/js/webslides.min.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-14
+ * Date: 2017-07-15
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros