.mob-m{
	display: none;
}
#slider{
	width: 417px;
}
@media screen and (max-width: 1024px){
	body{
		background: url(../images/bg_black_board.jpg) repeat-y 0 0;
	}
	.centered{
		max-width: 960px;
		width: 100%;
	}
	.mob-m{
		display: block;
		background: white;
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #1f1f21;
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
	}
	.mob-m button {
		width: 30px;
		height: 40px;
		position: absolute;
		margin: 0;
		border: 0px;
		background: transparent;
		left: 20px;
		top: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		outline: none;
	}
	.mob-m button span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #e6521e;
		border-radius: 3px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.mob-m button span:nth-child(1) {
		top: 9px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button span:nth-child(2) {
		top: 19px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button span:nth-child(3) {
		top: 29px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button.openm span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 8px;
		left: 9px;
	}
	.mob-m button.openm span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.mob-m button.openm span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 30px;
		left: 8px;
	}
	.over_bg {
		z-index: 999;
		position: fixed;
		bottom: 0;
		background: rgba(220, 220, 220, 0.8313725490196079);
		right: 0;
		top: 0;
		display: block;
		left: 0;
	}
	.open-m .mob-m button {
		z-index: 9999;
		left: 240px;
		position: fixed;
		top: 0;
	}
	.open-m .mob-m button span {
		background: white;
	}
	#header{
		padding: 0;
		position: relative;
		height: 215px;
	}
	#header img.logo{
		position: fixed;
		top: 0;
		right: 15px;
		float: none;
		margin: 0;
		height: 38px;
		z-index: 999;
	}
	#header .newsBlock{
		float: none;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.82);
		position: absolute;
		bottom: 0;
		top: 0;
		height: 100%;
		width: 100%;
		left: 0;
		padding: 80px 85px 0;
		box-sizing: border-box;
		display: flex;
	}
	#header .newsBlock div{
		float: none;
		height: 85px;
		overflow: hidden;
		width: 100%;
	}
	#header .newsBlock .more{
		float: none;
	}
	*{
		box-sizing: border-box;
	}
	#content .black_board{
		z-index: inherit;
	}
	.menu_left{
		position: fixed;
		float: none;
		margin: 0;
		top: 0;
		z-index: 9999;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		background: url(../images/bg_black_board.jpg) repeat-y 0 0;
		border-right: 1px solid #252527;
		left: -175px;
	}
	.open-m .menu_left{
		left: 0;
	}
	.menu_left li a:hover, .menu_left li.active a{
		background: white;
	}
	.menu_left li a{
		width: 100%;
		padding: 10px 10px 10px 30px;
		background-position-y: center;
		height: auto;
	}
	.menu_left a[href="/buy/"]{
		display: block;
		text-align: center;
	}
	.black_board .bookAreaMainPage{
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		float: none;
		padding: 0 15px;
	}
	#content .black_board{
		max-width: 942px;
		width: 100%;
		float: none;
	}
	.black_board .bookAreaMainPage .gladerBooksArea{
		float: none;
		margin: 10px auto;
		max-width: 430px;
		width: 100%;
		padding: 0 21px 20px;
	}
	.black_board .bookAreaMainPage .newBook{
		margin: 20px auto;
		float: none;
	}
	#footer{
		height: auto;
		background: white url(../images/bg_footer.jpg) no-repeat 50% top;
		padding: 10px;
		margin: 0;
	}
	.menu_left li{
		margin: 0;
	}
	ul.menu_footer{
		float: none;
		margin: 0;
	}
	ul.menu_footer li{
		display: inline-block;
	}
	#footer span{
		float: none;
		display: block;
		padding: 10px;
		text-align: center;
		margin: 0;
	}
	ul.menu_footer li a{
		background: none;
		display: block;
		padding: 10px!important;
		text-align: center;
		border-bottom: 1px solid #d0cfcf;
	}
	.black_board .bookAreaMainPage a.more{
		height: 30px;
		line-height: 20px;
	}
	#prevBtn{
		margin: 0;
		left: -15px;
		top: 50%;
		margin-top: -20px;
	}
	#nextBtn{
		margin-left: 0;
		right: -15px;
		top: 50%;
		margin-top: -20px;
	}
	.black_board .bookAreaMainPage .gladerBooksArea img.arrow{
		top: 50%;
		margin-top: -20px;
	}
	.black_board .sphere{
		z-index: 0;
	}
	#authors{
		max-width: 650px;
		width: 100%;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.black_board .contentBlock{
		max-width: 700px;
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}
	#bookPage .review{
		float: none;
		display: block;
		max-width: 470px;
		width: 100%;
		margin: 0 auto;
		padding: 10px;
	}
	#bookPage .item{
		float: none;
		display: block;
		margin: 0 auto;
	}
	#bookPage{
		margin-top: 10px;
	}
	h2.titleCurrBlock{
		top: 0;
		position: relative;
		left: 0;
		height: auto;
	}
	#authors img{
		float: none;
		margin: 10px auto;
		display: block;
	}
	#authors div.desc{
		display: block;
		text-align: center;
	}
	.form fieldset .wide{
		max-width: 440px;
		width: 100%;
		display: block;
	}
	.form fieldset{
		display: block;
	}
	.form fieldset .formList{
		display: block!important;
	}
	.form fieldset .formList li{
		max-width: 460px;
		width: 100%;
	}
	.form .formInput{
		max-width: 276px;
		width: 100%;
		display: block;
		height: auto;
	}
	.black_board .lang{
		display: flex;
		position: fixed;
		left: inherit;
		top: 90px;
		width: auto;
		height: auto;
		flex-direction: column;
		background: white;
		box-shadow: 1px 0px 2px rgba(255, 0, 0, 0.38);
		z-index: 99;
	}
	.black_board .lang img.t,
	.black_board .lang img.b{
		display: none;
	}
	.black_board .lang a.active{
		background: #2e2e30;
	}
	.black_board .lang a.flag{
		width: auto;
		height: auto;
	}
}
@media screen and (max-width: 380px){
	#authors{
		padding: 20px 10px 20px;
	}
}