@media screen and (max-width: 767px)
{
	nav a.menu > span {
		display: none;
	}

	nav a.logo img {
		display: none;
	}
	nav a.logo img.small {
		display: inline;
	}

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

	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: 600px;
	}
	#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 {
		margin-bottom: 0;
	}
	#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) - 8px);

		padding: 16px;
	}
}