Responsive player + sidebar; Touch-sensitive context menu

src/scss/components/_context-menu.scss

@@ -50,4 +50,24 @@
 			}
 		}
 	}
+
+	@include responsive( $bp_medium ){
+		bottom: 0 !important;
+		left: 0 !important;
+		right: 0 !important;
+		top: auto !important;
+		background: $blue;
+
+		.menu-item {
+			display: inline-block;
+			width: auto;
+			height: auto;
+			border: 0 !important;
+
+			.fa,
+			.submenu {
+				display: none !important;
+			}
+		}
+	}
 }

src/scss/components/_player.scss

@@ -52,12 +52,13 @@
 		}
 	}
 
-	aside & {
+	&.mini-player {
 		position: absolute;
 		bottom: 0;
 		left: 0;
-		right: 0;
-		z-index: 2;
+		width: 200px;
+		box-sizing: border-box;
+		z-index: 97;
 		padding: 14px;
 		color: #FFFFFF;
 
@@ -67,9 +68,12 @@
 			}
 		}
 
-		@include responsive( null, $bp_medium, $bp_shallow ){
+		@include responsive( $bp_medium, null, $bp_shallow ){
 			position: fixed;
+			right: 0;
+			width: auto;
 			background: $dark_grey;
+			z-index: 99;
 
 			.controls {
 				position: absolute;

src/scss/components/_sidebar.scss

@@ -104,4 +104,7 @@ aside{
 		}
 
 	}
+
+	@include responsive( $bp_medium ){
+	}
 }