/* ---------------------------------------------------------------------------- */
/* R E S P O N S I V E	- PHONE													*/
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* Cell/Tablet Vertical															*/
/* ---------------------------------------------------------------------------- */
 @media screen and (max-width:440px) {

	/* ---------------------------------------------------------------- */
	/* H T M L															*/
	/* ---------------------------------------------------------------- */
	root,
	* {
	}
	h1 {
		font-size:15px;
	}
	h2 {
		font-size:15px;
	}
	h3 {
		font-size:14px;
	}
	h4 {
		font-size:14px;
	}
	h5 {
		font-size:13px;
	}
	h6 {
		font-size:13px;
	}
	/* ---------------------------------------------------------------- */
	/* M A I N															*/
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* P A G E															*/
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* C O V E R														*/
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* S E C T I O N													*/
	/* ---------------------------------------------------------------- */
	summary {
		padding:5px 5px 5px 5px;
	}
	summary .icon {
		width:25px;
		flex-basis:25px;
	}
	summary .title {
		flex-basis: calc(61% - 25px);
		font-size:0.8em;
	}
	summary .addon {
		flex-basis:39%;
	}
	.tools {
		margin:0;
	}
	.tools .function {
		margin:0 1px;
	}
	/* ---------------------------------------------------------------- */
	/* S E C T I O N													*/
	/* ---------------------------------------------------------------- */
	summary {
		padding:5px 0px 5px 5px;
	}
	.tools {
		margin:0 2px !important;
		float:right;
	}
	.tools .function {
		margin:0px 2px !important;
	}
	/* ---------------------------------------------------------------- */
	.sheet_media,
	.sheet_chord,
	.sheet_tablature,
	.sheet_track,
	.sheet_note,
	.sheet_link,
	.sheet_album,
	.sheet_sheet,
	.sheet_preset,
	.sheet_combination,
	.sheet_news,
	.sheet_page {
		padding:5px 0;
	}
	.sheet_lyric {
		padding:5px 15px;
		font-size:1.0em;
		line-height:2.0em;
	}
	.sheet_lyric .block {
		position:relative;
		left:-10px;
	}
	.sheet_lyric .chorus {
		padding-left:20px;
	}
	/* ---------------------------------------------------------------- */
	.list-infowrapper {
		height:unset;
	}
	.list-infocard {
		display:block;
	}
	.list-infoimage {
		width:130px;
		min-width:130px;
		height:130px;
		max-height:130px;
	}
	.list-infoimage img {
		width:130px;
		min-width:130px;
		height:130px;
		max-height:130px;
	}
	.list-infobox {
		margin:5px 0;
	}
	/* ---------------------------------------------------------------- */
	.list-coverwrapper {
		width:360px;
		height:unset;
		margin:1px 5px 25px 5px;
		display:block;
	}
	.list-wrapper {
		width:360px;
		height:unset;
		margin:1px 5px 25px 5px;
		display:block;
	}
	.list-wrapper,
	.list-miniwrapper,
	.list-microwrapper {
		overflow:hidden;
	}
	.list-cover {
		display:block;
		height:unset;
	}
	.list-card {
		width:100%;
		height:unset;
		display:block;
		overflow:hidden;
	}
	.list-minicard,
	.list-microcard {
		width:100%;
		overflow:hidden;
	}
	.list-card .list-image,
	.list-card .list-image img {
		width:360px !important;
		min-width:360px !important;
		height:360px !important;
		max-height:360px !important;
	}
	.list-coverleft {
		height:250px;
	}
	.list-box {
		padding:5px;
	}
	.list-badgewrapper-item .list-badgebox .box-title {
	font-weight:700;
		line-height:1.6em;
	}
/* ---------------------------------------------------------------- */
/* S E C T I O N													*/
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* S E C T I O N													*/
/* M E D I A														*/
/* ---------------------------------------------------------------- */
.sheet_media .media {
	display:block !important;
}
.sheet_media .dedicated_player {
	margin:0 !important;
	flex-basis:100% !important;
}
/* ---------------------------------------------------------------- */
/* M I D I   P L A Y E R											*/
/* ---------------------------------------------------------------- */
	.midi_controls {
		display:block;
	}
	.midi_controls .player_left,
	.midi_controls .player_right {
		width:100%;
	}
	.midi_controls .player {
		margin:0;
	}
/* ---------------------------------------------------------------- */
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */