@media screen and (max-width: 1176px)
{
	div#css_size::before {
		content: 'medium';
	}

	div.main_content {
		margin-right: 0;
	}
	div.extra_content {
		width: 700px;
		max-width: 700px;
	}
	div.drawer_container_tmp {
		margin-left: 16px;
	}
	div.drawer_container.open,
	div.drawer_container {
		float: none;
		position: fixed;
		right: 0px;
		top: 165px;
		width: auto;
		
	}
	div.drawer_container.open {
		top: 131px;
		padding-right: 0;
		width: 100%;
		max-width: 360px;
	}
	div.drawer_close {
		visibility: visible;
	}
	div.drawer > .drawer_icon {
		display: inline-block;
	}
	div.drawer.open > .drawer_icon {
		display: none;
	}
	div.drawer > .drawer_top,
	div.drawer > .drawer_content {
		display: none;
	}
	div.drawer {
		border-radius: 10px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-right: 0 none;
		background-image: none;
		background-color: #ffffff;
		padding: 20px 10px;
		box-shadow: 0px 2px 5px 0px rgba(4, 30, 66, 0.25);
	}
	div.drawer.open {
		overflow: hidden;
		max-height: calc(100vh - 48px);
		padding: 10px 0 10px 10px;
		margin: 0;
	}
	div.drawer.open > .drawer_top {
		display: table;
		height: 36px;
	}
	div.drawer.open > .drawer_content {
		display: block;
		overflow-y: auto;
		max-height: calc(100vh - 48px - 44px - 20px - 2px);
		padding-right: 10px;
		box-sizing: border-box;
	}

	div.w {
        max-width: 768px;
        padding: 0 8px;
    }
	
	/*
	 * page_info
	 */
	div.page_info div.plp.img_left {
		display: block;
	}
	div.page_info div.plp.img_left div.image {
		margin-right: 0;
		margin-bottom: 16px;
	}
	div.page_info div.plp.img_left div.image > img {
		width: 450px;
		max-width: 100%;
	}
	div.page_info div.plp.img_left div.text {
		max-width: 670px;
		max-width: auto;
	}

	div.page_info div.plp.img_right {
		display: block;
	}
	div.page_info div.plp.img_right div.image {
		margin-left: 0;
	}
	div.page_info div.plp.img_right div.image > img {
		width: 450px;
		max-width: 100%;
	}
	div.page_info div.plp.img_right div.text {
		max-width: 670px;
		max-width: auto;
		margin-bottom: 16px;
	}

	/*
	 * loop/modal
	 */
	div#loop_modal_container > div.modal {
		max-width: 752px;
		xmax-height: calc(100vh - 84px);
	}
	
	/*
	 * content_player
	 */
	#content_player {
		display: block;
	}
	#content_player .video {
		width: 100%;
		max-width: 572px;
		margin: 0 auto;
		padding-right: 0;
	}
	#content_player .content_container {
		width: 100%;
		max-width: 500px;
		min-height: 350px;
		margin: 0 auto;
		padding-left: 0;
	}
	#content_player .content_buttons {
		width: 100%;
	}
	#content_player .control_container {
		align-items: flex-end;
		align-items: center;
		flex-direction: column;
	}
	#content_player .controls  {
		padding-left: 0;
	}
	#content_player .timeline {
		max-width: none;
	}
	#content_player .controls .timestamp {
		xwidth: auto;
	}
}
