@media (max-width: 1000px) {
	body, table {width: 100%;}
	#notifications, #window, #panel_notifications {display: none;}
	.head_nav {display: block;}
	.content_left, .content_right {display: none;}
	.content {width: 100%;}
	.wrap {width: 100%;}
	.head_user_nav {background: #E5EBED;}
	.head_user_nav a {background: #E5EBED; position: relative; z-index: 1; line-height: 32px; background: #82AA61; color: #FFFFFF; padding: 5px; font-weight: normal; border-radius: 3px; margin: 5px;}
	.head_user_nav a:hover {background: #FFFFFF; color: #777777;}
	.head_panel {display: none;}
	.for_pc {display: none;}
	.for_mobile {display: inline-block;}
	a.for_mobile {display: inline;}
	.block_right li {width: 100%;}
	.player {width: 100%; margin: 0;}
}

@media (max-width: 600px) {
	.title {padding: 6px;}
	.title a {margin-bottom: 1px;}
	.status {padding: 6px;}
	.block_left {float: none; width: 100%;}
	.block_left .button {display: block; margin-top: 6px;}
	.block_right {float: none; width: 100%; padding-top: 0px;}
	.block_right ul {padding-left: 10px;}
	.preview {width: 70%; max-height: 100%;}
}



