@media screen and (max-width: 767px)
{
	nav.page {
		font-size: 16px;
	}
	nav.page ul.d0 > li.header {
		font-size: 13px;
	}
	nav.page ul.d0 > li > a,
	nav.page li a,
	nav.page div.sub_header,
	nav.page .sub_menu a {
		line-height: 34px;
	}

	nav a.menu > span {
		display: none;
	}

	div#css_size::before {
		content: 'small';
	}
	
	div.w {
        max-width: 100vw;
        padding: 0 6px;
    }

	.hyperlink.audio_sleeve .audio_desc img {
		max-width: 20%;
		min-width: 50px;
	}
	.hyperlink.audio_sleeve div.desc_text_right {
		margin-right: 16px;
	}
	.hyperlink.audio_sleeve div.desc_text {
		margin-left: 16px;
	}
	.hyperlink.audio_sleeve div.desc_text_artist {
		font-size: 16px;
	}
	.hyperlink.audio_sleeve div.desc_text_track {
		font-size: 16px;
	}


	div.main_content {
		float: none;
		width: auto;
	}

	div.extra_content {
		width: 100%;
	}
	div.drawer_container.open {
		max-width: 100vw;
		width: 100vw;
		height: calc(100vh - 48px);
		background-color: rgba(0,0,0,0.5);
		top: 76px;
	}
	div.drawer_container_tmp > .white_box {
		margin-right: 8px;
	}
	div.drawer_container > .drawer.open {
		position: fixed;
		right: 0;
		width: 100%;
		max-width: 360px;
	}
	div.drawer.open > .drawer_content {
	}
	div.drawer.open > .drawer_footer {
		display: block;
		height: 46px;
		box-sizing: border-box;
	}

	div.filter_selection li > a,
	body {
		font-size: 16px;
	}

	div.page_text h2 {
		font-size: 20px;
	}

	main {
		margin-left: 0;
		margin-right: 0;
		padding: 0 8px;
	}
	div.white_box {
		padding: 10px;
	}

	div.dashboard div.team_list div.team_meta a.team,
	div.dashboard div.team_list div.team_meta a.team i.material-icons {
		vertical-align: bottom;
		font-size: 1em;
	}


	/*
	 * FP
	 */
	div.fp_push_full_width,
	div.fp_push_link,
	div.fp_push_half_width {
		width: auto;
		max-width: 455px;
		margin-left: auto;
		margin-right: auto;
	}
	div.fp_push h1 {
		font-size: 16px;
	}
	div.fp_push a {
		font-size: 14px;
	}
	div.fp_tips div.fp_list {
		display: block;
		text-align: center;
	}
	a.fp_tip {
		display: inline-block;
		max-width: 455px;
		width: auto;
	}
	.fp_products {
		max-width: 455px;
		margin-left: auto;
		margin-right: auto;
	}

	a.fp_product > img {
		background-size: calc(100% / 16);
	}

	/*
	 * loop/user/page
	 */
	#loop_user {
		width: auto;

		margin-top: -36px;
		background-size: auto 720px;

		min-width: 650px;
		height: 568px;
	}
	#loop_user div.loop_container {
		top: 55px;
		width: 440px;
		height: 440px;
	}

	/*
	 * Modal
	 */
	div#loop_modal_container > div.modal {
		padding: 32px 16px;
		padding-bottom: 16px;
	}

	div#loop_modal_container.content > div.modal {
		font-size: 14px;
	}

	/*
	 * content_player
	 */
	#content_player .video {
		padding-bottom: 0px;
	}
	#content_player .content_container {
		padding: 16px 0 16px 16px;
		padding-left: 0px;
		min-height: 300px;
	}
	#content_player .timeline {
	}
	#content_player .controls {
		margin-bottom: 0;
	}
	div#loop_modal_container .spinner {
		min-height: 80vh;
	}

	/*
	* loop_progress
	*/
	.loop_progress .material_card {
		width: 100%;
		min-width: auto;
		max-width: calc((100% / 2) - 42px);

		padding: 16px;
	}
	
	/*
	 * material: list
	 */
	div.list_item_two button span.button_text {
		display: none;
	}
	div.material_list.collapsible .list_header .actions {
		display: none;
	}
	div.material_list.collapsible .list_header div.material_menu {
		display: block;
	}
	div.material_list.items_collapsible .items .actions {
		display: none;
	}
	div.material_list.items_collapsible .items div.material_menu {
		display: block;
	}

	/*
	 * material: tooltip
	 */
	.material_tooltip {
		min-height: 24px;
		padding: 4px 16px;
	}

	/*
	 * material: app_bar
	 */
	div.app_bar.collapsible .actions {
		display: none;
	}
	div.app_bar.collapsible div.material_menu {
		display: block;
	}

	/*
	 * my reflections
	 */
	.reflection_page .reflection {
		font-size: 14px;
		max-width: 100% !important;
	}
}
