@media only screen and (max-width: 940px) {

	html, body {
		min-width: 0px;
	}

	.mgr-left, .leftbarsize-wide .mgr-left {
		width: 250px;
	}

	.mgr-wrapper-content-inner, .leftbarsize-wide .mgr-wrapper-content-inner {
		margin-left: 250px;
	}

	.mgr-right.visible {
		display: none;
	}


	.mgr-player.visible {
		height: 160px;
		display: block;
	}

	.mgr-player-spacer.visible {
		flex: 0 0 165px;
		display: block;
	}

	.mgr-player.expanded .mgr-player-info, .mgr-player-info {
		position: absolute;
		left: 0;
		top: 10px;
		width: calc(100% - 150px);
		flex-direction: row;
	}

	.mgr-player-artwork.expanded {
		width: 80px;
	}

	.mgr-player-artwork-large {
		width: 80px;
		max-height: inherit;
		padding: 0 10px 0 0;
	}

	.mgr-player-title {
		margin: 0;
	}

	.mgr-player-controls {
		position: absolute;
		left: 0;
		right: 0;
		top: 90px;
		z-index: 10;
		width: auto;
		max-width: inherit;
	}

	.mgr-player-controls > div {
		min-width: 0px;
		max-width: 100%;
	}

	.mgr-player-right {
		position: absolute;
		top: 0;
		right: 0;
		width: 150px;
		justify-content: end;
	}

	.mgr-player-thumbs {
		position: static;
	}

	.mgr-player-thumbs .mgr-context-menu-rating {
		text-align: left;
	}

	.mgr-player-icon-dockright, .mgr-player-icon-speaker {
		display: none;
	}

	.mgr-fullscreen-player .mgr-player-artwork {
		width: 500px;
	}

	.mgr-fullscreen-player .mgr-player-info, .mgr-fullscreen-player .mgr-player-controls {
		position: relative;
		top: 0px
	}

	.mgr-fullscreen-player .mgr-player-title {
		margin: 10px 0 5px 0;
	}

	.mgr-button-clear-queue {
		padding-right: 30px;
	}

	.mgr-button-clear-queue span {
		display: inline-block;
		width: 0px;
		visibility: hidden;
	}

	.mgr-button-clear-queue .icon {
		right: 7px;
	}

	.mgr-player-icon-fullscreen {
		display: none;
	}

	.mgr-list-playqueue-container {
		left: 15px;
		top: 180px;
	}


	.mgr-list-playqueue-controls .mgr-button {
		display: block;
		text-align: center;
		margin: 0 0 15px;
	}

	.mgr-player .mgr-list-playqueue {
		top: 115px
	}

	.mgr-setting > * {
		width: auto;
		padding: 0;
		position: static;
		margin-bottom: 15px;
	}

	.mgr-setting-columns {
		display: block;
	}

	.mgr-setting-slider-container {
		display: block;
	}

	.mgr-setting-switch .mgr-setting-input {
		width: 100%;
	}

	.mgr-setting-columns-opt {
		display: inline-block;
	}

	.mgr-apps-official, .mgr-apps-myapps {
		display: block;
	}

	.mgr-app {
		display: block;
		margin-bottom: 15px;
	}

	.mgr-search > div {
		display: none;
	}

	.mgr-play-search-results.visible {
		display: none;
	}

	.mgr-trash {
		display: none;
	}

	.mgr-notification {
		width: 90%;
		left: 5%;
	}

	.mgr-achievements {
		display: block;
	}

	.mgr-achievement {
		display: block;
		width: 100%;
		margin: 15px 0;
	}

	.mgr-list-tracks-content {
		flex-direction: column;
	}

	.mgr-list-tracks-left {
		position: relative;
		width: 100%;
		flex: 1 1 0%;
		margin-bottom: 40px;
		overflow-y: visible;
		min-height: min-content;
	}

	.mgr-list-tracks-left .mgr-container-artwork-collage, .mgr-list-tracks-left .mgr-container-artwork-single {
		width: auto;
		height: 120px;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.mgr-list-tracks-left .mgr-button {
		display: block;
		clear: both;
		text-align: center;
		margin: 0 0 15px;
	}

	.mgr-list-tracks-left .mgr-container-artwork-collage {

		width: 120px;
	}

	.mgr-list-tracks-left .mgr-context-menu-rating {
		clear: none;
		position: absolute;
		float: none;
		bottom: -30px;
		left: -5px;
	}

	.mgr-list-tracks-right {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		flex-basis: 100%;
		flex-shrink: 1;
	}

	.mgr-manage-account-premium-content .mgr-button-area .mgr-button {
		margin-bottom: 15px;
	}
}


@media only screen and (max-width: 805px) {
	
	.mgr-left, .leftbarsize-wide .mgr-left {
		display: none;
		width: 0px;
	}

	.mgr-wrapper-content-inner, .leftbarsize-wide .mgr-wrapper-content-inner {
		margin-left: 0;
	}

	.mgr-left-collapse {
		display: block;
		top: 70px;
		padding-top: 5px;
		box-sizing: border-box;
	}

	.mgr-logo {
		left: 50%;
		margin: 0 0 0 -100px;
		top: 10px;
	}

	.mgr-top {
		margin-top: 70px;
		padding-left: 30px;
	}

	.left-expanded .mgr-left, .left-expanded.leftbarsize-wide .mgr-left {
		display: flex;
		width: 250px;
		z-index: 10;
	}

	.left-expanded .mgr-left-collapse {
		left: 250px;
	}

	.left-expanded .mgr-left-collapse-bg {
		display: block;
	}

	.mgr-player.visible.expanded, .mgr-player.expanded {
		height: 100%;
	}

	.mgr-button-editmode {
		display: none;
	}

}

@media only screen and (max-height: 800px) {

	.mgr-list-tracks-content {
		padding: 10px;
	}
	
	.mgr-list-tracks-left .mgr-context-menu-rating {
		bottom: -50px;
	}

	.mgr-list-tracks-left .mgr-button {
		clear: none;
		float: none;
		display: inline-block;
	}

}