@media only screen and (max-width: 1000px) {
	.player {
		width: 360px;
		height: 260px;
		margin-left: -12px;
	}

	.content {
		border:none;
	}
}


@media only screen and (max-width: 868px) {
	.shapka{
		display: none;
	}

	.left_menu_mobile {
	    width: 100%;
	    box-sizing: border-box;
	    border: none;
	    margin: 0;
	    margin-top: 5px;
	}

	div#all {
		margin: 0 0 0 -265px;
		width: 100%;
		float: right;
		display: block;
	}

	div#right, div#dirs {
		width: 255px;
		margin: 0;
	}

	div#right {
		clear: left;
		padding: 0 5px 0 2px;
		width: 206px;
		margin: 30px 0 0 0;
	}

	div#main {
		margin: 0 15px 0 265px;
		float: left;
		display: block;
		clear: left;
	}

	/*top_menu*/
	.main_menu {
		display: none;
	}

	.mobile-main-menu {
		display: block;
		width: 100%;
		position: relative;
		z-index: 10;
		height: 44px;
		background: #b26062;
	}

	.mobile-menu-wrapper {
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0 14px;
	}

	.navbar-logo {
		padding: 0;
    	list-style: none;
		margin-top: 7px;
	}

	.navbar-logo-item a {
		color: #fff;
    	text-decoration: none;
    	font-weight: bold;
		font-size: 24px;
	}

	.toolbar {
		display: flex;
    	align-items: center;
		margin-top: -5px;
	}

	.toolbar-item {
		margin-left: 10px;
		cursor: pointer;
	}

	.nav-btn {
		display: flex;
	    flex-direction: column;
	    height: 20px;
	    justify-content: space-between;
	}

	.nav-btn div {
		width: 24px;
    	height: 2px;
    	background: #fff;
	}

	.dropdown-menu {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		top: 44px;
		display: block;
		z-index: 10;
		height: 0;
    	padding: 0;
    	overflow: hidden;
		background: #fff;
    	transition: 300ms all;
	}

	.shadow {
		display: none;
		position: fixed;
	    z-index: 5;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    opacity: 0.3;
	}

	.shadow.active {
		display: block
	}

	.dropdown-menu.active {
		height: auto;
    	padding: 14px;
    	border-bottom: 2px solid #9b2d30;
	}

	.navigation-dropdown > a {
	    display: block;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    text-decoration: none;
	    font-weight: bold;
	}

	.close-dropdown {
		position: absolute;
	    right: 0;
	    top: 0;
		cursor: pointer;
	}

	.head-login-form {
		font-weight: bold;
	}

	.box-login-form {
	    margin-bottom: 12px;
	    margin-top: 12px;
	}

	label.label-login-form {
	    margin-bottom: 5px;
	    display: block;
	}

	input.input-login-form {
	    width: 100%;
	    box-sizing: border-box;
	    border: 1px solid #ccc;
	    height: 30px;
	    border-radius: 8px;
	}

	.btn-login-form {
		padding: 8px;
	    width: 100%;
	    border: none;
	    background: #b26062;
	    color: #fff;
	    border-radius: 8px;
	}

	.link-login-form {
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
		color: darkred;
		text-decoration: underline;
	}

	.auth-form {
		display: none
	}

	.auth-form.active {
		display: block;
	}

	.iframe_read_online{
		width: 100%;
	}

	.file_block{
		width: 100%;
	}
	.article img{
		width: 95%;
	}
}

@media only screen and (max-width: 600px) {
	div#all {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	div#dirs, div#main, div#right {
		padding: 0 2% 1% 2%;
		margin: 0 1% 1% 0;
		width: 97%;
		border: 0;
	}

	div#dirs, div#main, div#right {
		padding: 0 2% 1% 2%;
		margin: 0 1% 1% 0;
		width: 97%;
		border: 0;
	}

	div#dirs, div#main, div#right {
		padding: 0 2% 1% 2%;
		margin: 0 1% 1% 0;
		width: 97%;
		border: 0;
	}

	div#right {
		margin-top: 1.5em;
	}

	.shapka{
		display: none;
	}

	.left_menu {
		width: 100%;
		float: left;
		margin: 5px 0;
		padding: 0;
	}

	.left_menu .title{
		padding: 5px;
	}

	.left_menu .left_menu_div{
		padding: 0 5px;
	}

	#cse-search-box{
		margin: 5px;
	}

	.left_menu_for_materials {
		width: 100%;
		float: left;
		margin: 5px 0;
		padding: 0;
	}

	#vk_groups{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		width: auto !important;
	}
}

@media only screen and (max-width: 500px) {

}

.content{
	min-width: 320px;
}

.main_menu {
	min-width: 320px;
}