diff --git a/app/styles/dependencies/responsive.scss b/app/styles/dependencies/responsive.scss
index 4c82382f..69c4ecc7 100644
--- a/app/styles/dependencies/responsive.scss
+++ b/app/styles/dependencies/responsive.scss
@@ -9,10 +9,10 @@ $break-large: 1024px;
     @if $media == handhelds {
         @media only screen and (max-width: $break-small) { @content; }
     }
-    @else if $media == medium-screens {
+    @if $media == medium-screens {
         @media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1) { @content; }
     }
-    @else if $media == wide-screens {
+    @if $media == wide-screens {
         @media only screen and (min-width: $break-large) { @content; }
     }
 }