@media (max-width: 1200px) {
	.container {
		max-width: 960px;
	}
	.left-open .content,
	.right-open .content {
		min-height: 1800px;
	}
	.topside {
		background-color: #fff;
		position: relative;
		z-index: 99;
		padding: 0 20px 0 20px;
		height: 50px;
		display: flex;
	}
	.topside-left {
		display: flex;
	}
	.topside-center {
		margin-left: auto;
	}
	.topside-right {
		display: none;
	}
	.soc-share {
		display: none;
	}
	
	.mobile-show-search {
		display: flex;
		top: 8px;
		position: relative;
	}
	.show-search-btn {
		width: 33px;
		height: 33px;
		text-align: center;
		line-height: 31px;
	}
	.show-search-btn::before {
		content: "\f002";
		font-family: icons;
		font-size: 20px;
		color: #686868;
	}
	.notification-btn {
		position: relative;
	}
	.notification-btn:before {
		content: "\f009C";
		font-family: icons;
		position: relative;
		transition: all 0.3s;
		font-size: 22px;
		line-height: 33px;
		padding: 0 4px;
		color: #686868;
	}
	.notification-btn .mobile-notice-unread {
		position: absolute;
		right: 0px;
		bottom: 4px;
		background: #79c2db;
		color: #fff;
		min-width: 15px;
		border-radius: 25px;
		display: inline-block;
		text-align: center;
		padding: 1px;
		font-size: 11px;
	}
	.search-panel {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background-color: #fff;
		z-index: 9999;
		height: 50px;
	}
	.search-panel .search-input {
		height: 50px;
		border-radius: 0;
		width: 100%;
		background: transparent;
		padding-left: 43.5px;
		display: block;
		border: none;
	}
	.search-panel .icon-search {
		position: absolute;
		font-size: 16px;
		top: calc(50% - 10px);
		width: 43px;
		text-align: center;
		color: #3C4858;
	}
	.multisearch-button {
		position: absolute;
		top: calc(50% - 15px);
		right: 50px;
		padding: 2px 5px;
		font-size: 20px;
		color: #3C4858;
	}
	.search-button {
		display: none;
	}
	.search-close {
		position: absolute;
		top: calc(50% - 19px);
		right: 12px;
		padding: 2px 10px;
		font-size: 26px;
		color: #3C4858;
		text-align: center;
	}
	
	.mobile-dark-theme-button:after {
		content: "\f594";
		font-family: icons;
		position: relative;
		transition: all 0.3s;
		font-size: 25px;
		line-height: 33px;
		padding: 0 4px;
		color: #686868;
	}
	
	
	.header-menu {
		position: fixed;
		top: 56px;
		bottom: 0;
		width: 300px;
		background-color: #222;
		left: -310px;
	}
	.top-nav {
		position: relative;
		height: 100%;
		width: 100%;
		padding: 1em;
		padding-top: 1.5em;
		overflow-y: auto;
		-webkit-box-sizig: border-box -moz-box-sizing:border-box;
		box-sizing: border-box;
	}
	.top-nav a {
		color: #fff;
		display: block;
		padding: 10px;
		font-size: .9rem;
		transition: background-color 0.5s ease;
	}
	.header-menu nav ul li ul {
		display: none;
	}
	.header-menu nav ul .nav-sub-item > a {
		position: relative;
	}
	.header-menu nav ul .nav-sub-item > a::after {
		content: "\F107";
		display: inline-block;
		font-family: icons;
		font-size: 15px;
		position: absolute;
		right: 20px;
		top: 11px;
	}
	.header-menu nav ul .nav-sub-item ul a {
		padding-left: 20px;
	}
	.header-menu nav ul .nav-sub-item .badge {
		float: right;
		color: #ddd;
	}
	.header-menu nav ul .nav-sub-item > a.open {
		background-color: #fff;
		color: #3C4858;
	}
	
	
	
	/*--- Кнопка вызова меню ---*/
	.mobile-show-menu-btn {
		margin: 20px 15px 0 0;
	}
	.menu-toggle{transition:background-color 0.3s;}
	.menu-toggle:hover:after{color: #1e88e5;}
	.menu-toggle div{display:block;position:relative;width:18px;height:2px;margin-bottom:4px;margin-left:auto;margin-right:auto;transition:-webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);transition:transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);}
	.menu-toggle div.menu-toggle1{-webkit-transform:translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);transform:translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);}
	.menu-toggle div.menu-toggle1::after,.menu-toggle div.menu-toggle1::before{transition:-webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);transition:transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4), opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4);}
	.menu-toggle div.menu-toggle2{opacity:1;}
	.menu-toggle div.menu-toggle2::after,.menu-toggle div.menu-toggle2::before{transition:-webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;transition:transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.1s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.08s;}
	.menu-toggle div.menu-toggle3{margin-bottom:0;-webkit-transform:translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);transform:translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);}
	.menu-toggle div.menu-toggle3::after,.menu-toggle div.menu-toggle3::before{transition:-webkit-transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;transition:transform 0.4s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.2s, opacity 0.3s cubic-bezier(0.18, 0.65, 0.65, 1.4) 0.18s;}
	.menu-toggle div::after,.menu-toggle div::before{position:absolute;display:block;content:"";width:100%;height:100%;pointer-events:none;}
	.menu-toggle div::before{/*background-color:#ccc;*/background-color: #858585;opacity:1;-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
	.menu-toggle div::after{background-color:#1e88e5;opacity:0;-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0);}
	.menu-toggle:hover div::before{opacity:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
	.menu-toggle:hover div::after{opacity:1;-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
	.menu-toggle.open div.menu-toggle2{opacity:0;}
	.menu-toggle.open div.menu-toggle1{-webkit-transform:translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);transform:translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);}
	.menu-toggle.open div.menu-toggle3{-webkit-transform:translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);transform:translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);}
	.menu-overlay,
	.sidebar-overlay {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		z-index: 99;
		display: none;
		position: fixed;
	}
	.menu-overlay.open {
		display: block;
	}
	
	
	.show_login {
		font-size: 16px;
		padding: 4px 11px 7px;
		background: #79c2db;
		color: #fff;
		line-height: 20px;
		border-radius: 3px;
		margin-left: 10px;
	}
	.show_login:hover {
		color: #fff;
	}
	.show_login::before {
		content: "\e004";
		font-family: icons;
		font-size: 25px;
		padding-right: 0px;
		position: relative;
		top: 3px;
		width: 28px;
		display: inline-block;
	}
	.login-open .show_login::before {
		content: "\f156"
	}
	.login-panel {
		width: 260px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 888;
		position: fixed;
		right: -270px;
		top: 50px;
		left: unset;
		-webkit-transition: right .6s;
		-moz-transition: right .6s;
		-ms-transition: right .6s;
		-o-transition: right .6s;
		transition: right .6s;
		-webkit-transition: right .6s;
		overflow: hidden;
	}
	.login-open .login-panel {
		right: 0;
	}
	body.login-open {
		overflow: hidden;
	}

	
	.header {
		position: relative;
		z-index: 1;
	}
	.content {
		overflow: hidden;
		position: relative;
	}
	.show-sidebars {
		display: flex;
	}
	.sidebar-left,
	.sidebar-right {
		position: absolute;
		z-index: 3;
		transition: all 0.5s;
	}
	.sidebar-left {
		left: -260px;
	}
	.sidebar-right {
		right: -260px;
	}
	
	
	.sidebars-mobile-btns {
		height: 30px;
		line-height: 30px;
		background: #79c2db;
		font-size: 16px;
		width: 100%;
		display: flex;
		text-align: center;
		box-sizing: border-box;
	}
	.show-sidebar {
		width: 50%;
		color: #fff;
		display: inline-block;
		box-sizing: border-box;
	}
	.show-sidebar:hover {
		color: #fff;
		background: #3d9cbe;
	}
	.show-left {
		border-right: 1px solid #fff;
	}
	.show-right {
		border-left: 1px solid #fff;
	}
	.show-sidebar.show-left::before {
		content: "\f343";
		font-family: icons;
		margin-right: 10px;
	}
	.show-sidebar.show-right::after {
		content: "\f344";
		font-family: icons;
		margin-left: 10px;
	}
	.left-open .sidebar-left {
		left: -2px;
		height: 100%;
	}
	.right-open .sidebar-right {
		right: -4px;
		height: 100%;
	}
	.left-open .sidebars-mobile-btns,
	.right-open .sidebars-mobile-btns	{
		z-index: 1;
		position: relative;
	}
	.left-open .sidebar-overlay,
	.right-open .sidebar-overlay,
	.login-open .sidebar-overlay	{
		display: block;
	}
	
	.vc-player .RalodePlayer {
		z-index: 0;
	}
	
	.player-btn.CvLigthBtn,
	.player-btn.CvCinemaBtn {
		display: none;
	}
	
	/* Лого */
	.logo-box {
		width: 130px;
		height: 50px;
		overflow: hidden;
	}
	.logo-box .logo {
		top: -14px;
		right: 70px;
		width: 200px;
	}
	.logo-link {
		display: block;
		height: 50px;
	}
	
	/* Footer */
	.footer {
		background: #12191b;
		color: #fff;
		padding: 10px;
	}
	.footer-left {
		display: none;
	}
	.footer-top {
		display: none;
	}
	.footer-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-menu .nav-item {
		padding: 5px;
	}
	.footer-counters {
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	
}


@media (min-width: 1300px) {
	.container {
		 max-width: 1300px;
	}
}

@media (max-width: 992px) {
	.container {
		/* max-width: 720px; */
	}
	#searchsuggestions {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.container {
		/* max-width: 540px; */
	}
	
	.meta-item b {
		display: none;
	}
	
	.n_back {
		order: 1;
	}
	.n_next {
		order: 2;
	}
	.navi_link {
		order: 3;
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	.user_set .user_inf ul {
		float: none;
	}
}

@media (max-width: 576px) {
	.container {
		/* max-width: 100%; */
	}
	.story-short {
		flex-direction: column;
		justify-content: center;
	}
	.story-left {
		margin: 0 auto;
	}
	.fullstory .story-left {
		float: none;
		margin-right: auto;
	}
	.fullstory .story-info .voice {
		margin-left: 20px;
	}
	.story-info .item-alt-title {
		margin: 10px 0;
		text-align: center;
	}
	
	.cTable tr > *:nth-child(3),
	.cTable tr > *:nth-child(4) {
		display: none;
	}
	.bm_search_item {
		width: 100%;
	}
	#profile-info {
		flex-direction: column;
		align-items: center;
	}
	.profile .bookmarks li {
		width: 33%;
		box-sizing: border-box;
	}
	.anime-item {
		width: 33%;
	}
	.hc_body .item {
		width: 33%;
	}
	.user-info,
	.user-buttons {
		float: none;
	}
	.user_set .user_inf {
		margin-left: 105px;
	}
	.user_set ul.user_opt {
		width: 100px;
	}
	.user_set .user_ava {
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 480px) {
	.show_login {
		text-indent: -999px;
		width: 18px;
	}
	.show_login::before {
		text-indent: 999px;
	}
	
	.comment-content {
		flex-direction: column;
	}
	.comment-left {
		margin: 0 auto;
	}
	.anime-item {
		width: 50%;
	}
	.hc_body .item {
		width: 50%;
	}
}