diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index 4dc7d5aa93..bac713baaa 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -216,7 +216,7 @@ mat-toolbar.app-toolbar {
         color: $mediumgray;
       }
 
-      @include bp(big) {
+      @media (min-width: 1000px) {
         transition: width 0.4s ease-in-out;
 
         &:focus {
diff --git a/aio/src/styles/_mixins.scss b/aio/src/styles/_mixins.scss
index ce54c63846..b1a516a1a4 100644
--- a/aio/src/styles/_mixins.scss
+++ b/aio/src/styles/_mixins.scss
@@ -1,45 +1,3 @@
-/************************************
-
-             Media queries
-
- To use these, put this snippet in the appropriate selector:
-
-     @include bp(tiny) {
-         background-color: purple;
-     }
-
-     Replace "tiny" with "medium" or "big" as necessary.
-*************************************/
-
-@mixin bp($point) {
-
-  $bp-xsmall: "(min-width: 320px)";
-  $bp-teeny: "(min-width: 480px)";
-  $bp-tiny: "(min-width: 600px)";
-  $bp-small: "(min-width: 650px)";
-  $bp-medium: "(min-width: 800px)";
-  $bp-big: "(min-width: 1000px)";
-
-  @if $point == big {
-    @media #{$bp-big} { @content; }
-  }
-  @else if $point == medium {
-    @media #{$bp-medium} { @content; }
-  }
-  @else if $point == small {
-    @media #{$bp-small}  { @content; }
-  }
-  @else if $point == tiny {
-    @media #{$bp-tiny}  { @content; }
-  }
-  @else if $point == teeny {
-    @media #{$bp-teeny}  { @content; }
-  }
-  @else if $point == xsmall {
-    @media #{$bp-xsmall}  { @content; }
-  }
-}
-
 // REM Font Adjustments
 @mixin font-size($sizeValue) {
   font-size: ($sizeValue) + px;