@media only screen and (max-width: 1400px) {
	.inner {
		padding: 0;
	}
}
@media only screen and (max-width: 1200px) {
	.templatePreviewBox.small,
	#showSongPreview .previewSlide {
		width: 31.33%;
	}
}
@media only screen and (max-width: 800px) {
	header,
	header.shrink,
	header.fix,
	header.scroll {
		position: relative;
		line-height: 28px;
		text-align: center;
		padding: 25px 12px 0 12px;
	}
	header .inner,
	header.shrink .inner,
	header.fix .inner,
	header.scroll .inner {
		padding: 0;
		height: 100px !important;
	}
	header .headerSlogan,
	header.shrink .headerSlogan,
	header.fix .headerSlogan,
	header.scroll .headerSlogan {
		display: none;
	}
	#mobile-header,
	#mobile-logout,
	#mobile-switch {
		font-size: 2em;
		display: block;
		position: absolute;
		top: 0;
	}
	#mobile-header {
		left: 10px;
	}
	#mobile-logout {
		right: 10px;
	}
	#mobile-switch {
		top: 40px;
		right: 10px;
	}
	#languages {
		display: none;
	}
	.sidr .mobile-profile {
		display: inline-block;
	}
	.sidr .mobile-languages,
	.sidr .mobile-links {
		display: inline-block;
		width: 50%;
		line-height: 48px;
		font-size: 120%;
		text-align: center;
		color: var(--color-anthrazite);
	}
	.sidr .mobile-languages a:hover,
	.sidr .mobile-links a:hover {
		color: var(--color-anthrazite-dark);
	}
	.sidr .mobile-links {
		width: 33.3%;
	}
	.badge {
		display: none;
	}
	.sidr {
		padding-top: 20px;
	}
	.sidr ul ul ul {
		display: none;
	}

	section.content,
	section.loggedIn {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#scriptList,
	#templateList {
		grid-template-columns: 1fr;
	}
	footer {
		position: relative;
		padding: 20px 0;
		text-align: center;
		width: 100%;
	}
	footer .leftSide {
		display: block;
		float: none;
		margin-bottom: 8px;
	}
	footer .rightSide {
		display: block;
	}
	.leftSideBox {
		float: none;
		width: 100%;
	}
	.leftSideBox.narrow {
		width: 100%;
		margin: 0;
	}
	nav,
	#loginInfo,
	.hide {
		display: none;
	}
	.showMobile {
		display: block;
	}
	.ok,
	.alert,
	.error {
		width: 100%;
		text-align: center;
	}
	h1 {
		text-align: center;
	}
	.label {
		display: none;
	}
	#loginForm {
		margin: 30px auto;
	}
	#loginForm input {
		padding: 10px;
	}
	table.list tfoot input {
		width: 90%;
	}
	.textBlock,
	.textBlockAdd,
	.textBlockDroppable {
		width: 97%;
	}
	.textBlockSortable .textBlock {
		border-width: 2px;
	}
	.textBlockDroppable {
		margin: 10px;
		height: 220px;
	}
	.textBlock .moveTextBlock {
		display: none;
	}
	#scriptEdit .ok,
	#scriptEdit .alert,
	#scriptEdit .error {
		width: 100%;
	}
	.buttonGroup a span {
		display: none;
	}
	.box,
	.boxWide,
	.boxLink,
	.ok,
	.alert,
	.error,
	.note {
		width: 100%;
		margin: 10px 0;
	}
	
	.scene--edit {
		grid-template-columns: 40px 1fr;
	}
		.scene--edit .scene-name {
			grid-column: 2;
		}
		.scene--edit .scene-title,
		.scene--edit p {
			grid-column: 2;
		}
	.scene-block--edit-container {
		grid-template-columns: 35px 1fr;
	}
		.scene-block--role {
			grid-column: 2;
			margin-bottom: 5px;
		}
		.scene-block--text {
			grid-column: 2;
		}
		.scene-block--controls {
			display: none !important;
		}

	#songPreviewOverlayContent {
		display: none;
		width: 100%;
		position: absolute;
		top: 50px;
		left: 0;
		margin: 0;
		transform: none;
		z-index: 110;
		padding: 15px;
		text-align: center;
	}
	#overlayContent {
		display: none;
		width: 100%;
		position: absolute;
		top: 50px;
		left: 0;
		margin: 0;
		transform: none;
		z-index: 110;
		padding: 15px;
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	header .headerTitle,
	#mobile-header,
	#mobile-logout,
	#mobile-switch {
		font-size: 1.5em;
	}
	.headerTitle img {
		height: 75px;
	}
	.hide2 {
		display: none;
	}
	.showMobile2 {
		display: inline-block;
	}
	.iconGroup {
		white-space: normal;
	}
	.templatePreviewBox,
	.templatePreviewBox.small,
	#showSongPreview .previewSlide {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.boxLabelInput > p label {
		display: block;
		padding: 0;
		width: 100%;
	}
	p input,
	p .input,
	p select,
	p textarea,
	p .textarea,
	p .inputDisabled,
	.wideLabel p input,
	.wideLabel p .input,
	.wideLabel p select,
	.wideLabel p textarea,
	.wideLabel p .textarea,
	.wideLabel p .inputDisabled,
	.wideLabel p select {
		width: 100%;
	}
	.halfWidth {
		width: 100% !important;
		margin: 0 !important;
	}
	.select2,
	.typeSelect,
	.languageSelect,
	.select2noClear,
	.box > .input {
		width: 100%;
	}
	.select2multiple,
	.tagsSelect,
	.statusSelectMultiple,
	.languageSelectMultiple {
		width: 100%;
	}
	footer .leftSide {
		display: none;
	}
	footer .rightSide span {
		font-size: 1.2em;
	}
	footer .rightSide span.donate {
		display: none;
	}
	footer .rightSide span.help:before {
		content: '';
	}
	footer .rightSide span.copyright {
		display: block;
		margin-bottom: 10px;
	}
	footer .rightSide span.youtube {
		display: none;
	}
	.songHeaderMobile {
		margin-bottom: 10px;
	}
	.songHeaderMobile .sortGroup a {
		width: 50%;
		margin-bottom: 10px;
	}
}