/*Повторяем для тупых*/
body {min-width: 1200px;}
.menu {width: 1200px;}



/* ============================================================= <1199 */
@media only screen and (max-width: 1199px) {
	body {min-width: 380px !important;}
	.menu {width: 100% !important; max-width: 100% !important; min-width: 320px !important;}
	/* Выключаем тень от меню */
	.menu_wrap {box-shadow: none;}
	/* Красим фон меню в зависимости от раздела */
	.menu_wrap.movies {background-color: #009d76;}
	.menu_wrap.tv {background-color: #631cc4;}
	.menu_wrap.games {background-color: #e14000;}
	.menu_wrap.anime {background-color: #c124a2;}
	/* Отключаем пункты меню и включаем бургер */
	.menu .menu_item {display: none;}
	.menu .b_burger {
		display: block;
	}
	/* Меняем в меню оригинальные надписи на сокращенные */
	.menu .text.full {
		display: none;
	}
	.menu .text.short {
		display: block;
	}
	/* Меняем полный поиск на выпадающий */
	.menu_search {
		display: none;
	}
	.menu_search_dropdown {
		display: block;
	}
	/*Скрываем "лишние" уши*/
	.ten_ears_wrap {
		width: 100%;
		max-width: 820px;
		height: 150px;
		padding-top: 8px;
		background-color: #a5a5a5;
	}
		.ten_ears_wrap a {
			width: 32%;
			height: 134px;
		}
		.ten_ears_wrap a:nth-child(n+4) {
			display: none;
		}
	.content_wrap {width: 100%; max-width: 820px; background-image: none;}
		.content_wrap .content_main {width: 100%; max-width: 820px; margin: 0 auto; float: none;}
		.uni_top_wrap.is-index-only h3 span {
			display: none;
		}
		.content_wrap .content_side {
			display: block;
			position: fixed;
			z-index: 1000;
			top: 49px;
			bottom: 0;
			left: -410px;
			height: 100%;
			/*height: calc(100% - 49px);*/
			overflow: hidden;
			overflow-y: auto;
			min-width: 320px;
			width: 80%;
			max-width: 410px;
			border-top: 8px solid #386fc2;
			background-color: #bdbdbd;
			box-sizing: border-box;
			box-shadow: none;
			transition: left 300ms ease-in-out;
			-webkit-overflow-scrolling: touch;
		}
		.content_wrap .content_side.active {
			left: 0;
		}
	.box_office li > div.mov {padding-right: 0;}
	.news_text div.center img,
	.news_text div.news_cover_center img,
	.news_text .gallery_item img {max-width: 100%;}
	.news_text > p {padding: 0;}
	.content_main .yap-yandex_ad-300x250 {
		margin: 0 auto !important;
	}
	/* Стили для мобильного сайдбара */
	.content_side .cough_block img {width: 100%; max-width: 360px; height: auto;}
	.content_side .kg_promo img {width: 100%; max-width: 360px;}
	/* В соцвиджете скрываем ленту твиттера и переставляем кнопки */
	.content_side .section_social {min-height: 100px; padding: 3px;}
	.content_side .section_social .col_twitter {display: none;}
	.content_side .section_social .col_rest {width: inherit; padding-bottom: 8px;}
	.content_side .section_social .col_rest h5 {clear: both;}
	.content_side .section_social .col_rest > a {display: inline-block; min-width: 100px; margin: 5px; padding: 2px 6px;}
	/* Скрываем ссылки на виджет Яндекса */
	.content_side .section_social .ya_widget,
	.content_side .section_social .col_rest p {display: none;}
	/* Стили для меню в сайдбаре */
	.content_side .section_menu {
		display: block;
	    margin-bottom: 10px;
		padding: 10px 0 20px 0;
		background-color: #2c2c2c;
	}
	.content_side .section_menu * {
		box-sizing: border-box;
	}
	.content_side .section_menu a, .content_side .section_menu a:visited {
		color: #fff;
	}
	.content_side .section_menu .b_burger,
	.content_side .section_menu .b_logo {
		display: none;
	}
	.content_side .section_menu .menu_item {
		width: 100%;
		padding: 6px 4px;
	}
		.content_side .section_menu .menu_item > a {
			display: inline-block;
			margin: 0 10px;
			padding: 4px 6px 3px 6px;
			font-size: 16px;
			font-weight: bold;
			background-color: #3e3e3e;
			border: 1px solid #525252;
			border-radius: 2px;
		}
		/* Активные пункты */
		.content_side .section_menu .menu_item a.active,
		.content_side .section_menu .menu_item a.active:hover {
			background-color: #386fc2;
		}
		.content_side .section_menu .menu_item.movies a.active,
		.content_side .section_menu .menu_item.movies a.active:hover {
			background-color: #16b98d;
		}
		.content_side .section_menu .menu_item.tv a.active,
		.content_side .section_menu .menu_item.tv a.active:hover {
			background-color: #8652cd;
		}
		.content_side .section_menu .menu_item.games a.active,
		.content_side .section_menu .menu_item.games a.active:hover {
			background-color: #e1723b;
		}
		.content_side .section_menu .menu_item.anime a.active,
		.content_side .section_menu .menu_item.anime a.active:hover {
			background-color: #cb5bb5;
		}
	.content_side .section_menu .dropdown {
		padding: 4px 10px 12px 10px;
	}
	.content_side .section_menu .dropdown a {
		display: inline-block;
		margin: 4px 4px 4px 0;
		padding: 4px 6px;
		font-size: 11px;
		line-height: 16px;
		text-transform: uppercase;
		border: 1px solid #525252;
		border-radius: 2px;
		background-color: transparent;
	}
	.content_side .section_menu a {
		transition: background-color 200ms ease;
	}
	.content_side .section_menu a:active {
		background-color: #165aa2;
	}
	/* Футер */
	.footer {
		max-width: 820px;
	}
	.footer_content {
		margin-left: 0;
	}
}



/* ============================================================= >820 */
@media only screen and (min-width: 820px) {
	/*В плеере: скрываем кнопку закрытия раскрытой мобильной голосовалки при повороте устройства*/
	.uni_player .tabs li.userrating_inline.active {display: none;}
}



/* ============================================================= <819 */
@media only screen and (max-width: 819px) {
	.ten_ears_wrap a:hover span {border-top-color: #666;}
	.uni_top_wrap.is-index-only .b_expand_filters {
		display: table-cell;
	}
	.is-hidden-on-medium-screens {
		display: none !important;
	}
	/* Слегка уменьшаем отступы в центральной колонке */
	.ten_col2_content {padding: 10px 30px;}
	/*Новости и все, что в ленте*/
	.news_title {
		font-size: 30px;
		line-height: 34px;
	}
	.news_footer .sharing .label {
		display: none;
	}
	.news_footer .tags {
		display: none;
	}
	.news_footer .comments {
		margin-right: 0;
	}
	.news_related a {
		margin: 0 10px 10px 0;
	}
	.content_news_cards .news_footer .sharing .label {display: block;}
	.uni_player .tabs li.sharing a {
		padding: 0 6px 0 10px;
	}
	.uni_player .tabs li.sharing u {
		display: none;
	}
	/* Скрываем покупку билетов в бокс-офисе */
	.box_office .tickets {display: none;}
	/*На скорую руку скрываем кадры в рецензии*/
	.gall {
		display: none;
	}
	#movies_hd {
		padding: 20px 20px 24px 10px;
	}
	.footer_content {
		padding: 30px;
	}
	.footer_content .section_friends,
	.footer_content .section_feeds {
		display: none;
	}
	.footer_content .section_main {
		width: 100%;
		margin-bottom: 0;
	}
	.footer_content .section_counters {
		width: 1px;
		height: 1px;
		overflow: hidden;
		margin: 0;
	}
	/*В плеере голосование*/
	.uni_player .tabs li.userrating {
		display: none;
		box-sizing: border-box;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 40px;
		left: 0;
		right: 0;
		top: 0;
		margin: 0;
		padding-right: 40px;
		background-color: #e2e2e2;
	}
		.uni_player .tabs li.userrating.active {
			display: block;
		}
	.uni_player div.star-rating a {
		margin: 1px 4px 0 4px;
	}
	.uni_player .tabs li.userrating_inline {
		display: block;
	}
	/*Оценки эпизодов в шоунотах*/
	.uni_panels .ep_rating_wrap div.star-rating a {
		margin: 0;
	}
	/*Отступы в центральной колонке например раздела подкастов*/
	.uni_player.video_spacing {
		margin: 20px 30px 70px 30px;
	}
	.transcripts_wrap .uni_player.video_spacing {
		margin: 30px 30px 30px 30px;
	}
	/*Сериальные новинки - респонсив на скорую руку*/
	.article div.item_status.big {
		margin: 0;
	}
	.article div.item_status .content {
		width: auto;
		margin-top: 20px;
		margin-left: 0;
	}
	.article div.item_status.small {
		margin: 0;
	}
	.article div.item_status.small a.img {
		margin-left: 0;
	}
}



/* ============================================================= <768 */
@media only screen and (max-width: 767px) {
	.scrollable_wrap {
		overflow-x: scroll;
		box-shadow: inset 0px 0px 20px rgb(222,222,222);
	}
		.scrollable_wrap ul.box_office {
			margin-top: 0;
		}
}


/* ============================================================= >681 */
@media only screen and (min-width: 681px) {
	.content_news_cards .news_footer .sharing .container {
		top: 40px;
		right: -20px;
	}
	.content_news_cards .b_social_normal.vkontakte,
	.content_news_cards .b_social_normal.facebook,
	.content_news_cards .b_social_normal.twitter,
	.content_news_cards .b_social_normal.more {
		width: 26px;
		height: 26px;
		margin-left: 8px;
		background-color: #f2f2f2;
	}
	.content_news_cards .b_social_normal.vkontakte {margin-left: 0; background-position: -88px -304px;}
	.content_news_cards .b_social_normal.facebook {background-position: -88px -338px;}
	.content_news_cards .b_social_normal.twitter {background-position: -54px -304px;}
	.content_news_cards .b_social_normal.more {background-position: -54px -339px;}
		.content_news_cards .sharing .b_social_normal.vkontakte:hover,
		.content_news_cards .sharing .b_social_normal.facebook:hover,
		.content_news_cards .sharing .b_social_normal.twitter:hover {background-color: #ccc;}

	.content_news_cards .news_footer .blog_like .b_blog_like {
		line-height: 26px;
	}
	.content_news_cards .news_footer .blog_like .b_blog_like .atlas {
		width: 22px;
		height: 26px;
		background-position: -58px -406px;
	}
	.content_news_cards .news_footer .blog_like .b_blog_like.popular .atlas {
		background-position: -92px -406px;
	}
	.content_news_cards .news_footer .blog_like .b_blog_like.active {
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
	}
}



/* ============================================================= <680 */
@media only screen and (max-width: 680px) {
	.news_settings_content {
		padding-left: 10px;
	}
	.col2_notification {
		margin-left: 10px;
		margin-right: 10px;
	}
	.col2_notification .icon {
		margin-right: -10px;
	}
	.col2_notification .content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.uni_filter.headless {
		padding-top: 10px;
		padding-left: 7px;
	}
	.content_main.content_news_cards .ten_col2_content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content_main.padding-med .ten_col2_content {
		padding: 10px 10px 10px 10px;
	}
	.content_news_cards .news_output {
		padding: 10px 50px 10px 10px;
	}
	.content_news_cards .news_title,
	.content_news_cards .news_text,
	.content_news_cards .news_topcomment {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content_news_cards .news_title {
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
	}
	.content_news_cards .news_box .news_box_menu {
		right: 6px;
		top: 6px;
	}
	.content_news_cards .news_footer {
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		justify-content: flex-start;
		padding: 0 7px;
	}
	.content_news_cards .news_topcomment {
		float: none;
		order: 3;
		left: -15px;
		width: 100%;
		margin: 15px 0 -10px 4px; /* чуть увеличенный верхний отступ нужен для разрядки с кнопкой лайка в блогах */
	}
	.content_news_cards .news_footer .sharing {
		float: left;
		order: 2;
	}
		.content_news_cards .news_footer .sharing .container {
			right: auto;
			left: 0;
		}
			.content_news_cards .news_footer .sharing .container::before {
				right: 93px;
			}
	.content_news_cards .news_footer .blog_like {
		float: left;
		order: 1;
		margin-right: 10px;
	}
	.content_news_cards .news_topcomment .text *,
	.content_news_cards .news_topcomment .text {
		font-size: 11px;
		line-height: 14px;
	}
	.item_cards.l-2col .item_card,
	.item_cards.l-2col .item_card.var1,
	.item_cards.l-2col .item_card.var2,
	.item_cards.l-2col .item_card.nocover {
		width: 100%;
	}
	.uni_player .tabs li.donate b {
		display: none;
	}
	.news_box.cat_disabled_note {
		padding: 10px;
	}
	.news_box.cat_disabled_note p {
		margin: 0 0 5px 0;
	}
	.news_box.cat_disabled_note .b_cancel {
		position: initial;
		margin-top: 10px;
		margin-bottom: 12px;
	}
}



/* ============================================================= <600 */
@media only screen and (max-width: 599px) {
	.is-hidden-on-small-screens {
		display: none !important;
	}
	/* Сдвигаем меню логина правее на мелких разрешениях */
	.menu_userbar .userbar .content {
		right: -62px;
	}
	/* Скрываем текст в меню на мелких разрешениях */
	.menu .text.short {
		display: none;
	}
	.menu_feedback {
		position: static;
	}
	.menu_feedback .feedback .content {
		right: 3%;
		width: 94%;
		max-width: 460px;
	}
	/* Оставляем два уха и увеличиваем их высоту */
	.ten_ears_wrap {
		height: 150px;
	}
	.ten_ears_wrap a {
		width: 48%;
		background-size: cover;
	}
	.ten_ears_wrap a:nth-child(n+3) {
		display: none;
	}
	.uni_top_wrap.is-index-only h3 span {
		display: inline;
	}
	.uni_top_wrap.is-index-only .b_expand_filters {
		display: table-cell;
	}
	.uni_top_wrap.is-index-only .uni_filter {
		display: none;
	}
	.b_news_settings_toggle .atlas {
		margin-left: 8px;
		margin-right: 8px;
	}
	.news_settings_content {
		padding-right: 60px;
	}
	.uni_filter.headless {
		padding-right: 60px;
		padding-bottom: 4px;
	}
	.uni_filter.headless a {
		margin: 2px;
	}
	.uni_filter .text.full {
		display: none;
	}
	.uni_filter .text.short {
		display: inline-block;
	}
	/* Уменьшаем отступы на телефонах и не очень больших планшетах */
	.ten_col2_content {
		padding: 10px 16px;
	}
	.footer_content {
		padding: 16px;
	}
	/* Уменьшаем кнопку плей в аудиоверсии ютуб-плеера */
	.iframeplayer_wrap.audio .iframeplayer_poster:before,
	.iframeplayer_wrap.audio .iframeplayer_poster:after {
		zoom: 0.5;
	}
	/*Новости и все, что в ленте*/
	.news_box {
		padding-bottom: 40px;
		font-size: 15px;
		line-height: 23px;
	}
	.news_title {
		font-size: 26px;
		line-height: 30px;
	}
	.news_topcomment .caption b {
		display: none;
	}
	.news_topcomment .text {
		margin: 34px 10% 0 35px;
	}
	/* Кнопка перехода к комментариям - компенсируем уменьшающийся нижний отступ от блока новости */
	.news_commentsjump {
		margin-top: -20px;
	}
	/* Ссылка на первоисточник в новости (12-2022: элемент выпилен с КГ с концами) */
	.news_box .news_sources {
		display: none;
	}
	/* Донат автору */
	.news_output .b_donate_author {
		width: 20px;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
		border-radius: 50%;
	}
	/*Списки в новостях*/
	.news_text ul {
		padding: 0 20px;
	}
		.news_text ul.box_office {
			padding: 0;
		}
	.news_text ol {
		padding: 0 10px 0 30px;
	}
	.news_text > ul > li,
	.news_text > ol > li {
		margin-bottom: 6px;
	}
	/*Цитаты в новостях - убираем отступ и скрываем фото автора цитаты*/
	.news_text div.ref {
		margin: 20px 0 24px 0;
	}
	.news_text div.ref.quote {
		padding: 2px 20px 2px 13px;
	}
	.news_text div.ref.quote p:first-child {
		padding: 0 0 0 5px;
	}
	.news_text div.ref.quote .author_photo {display: none;}
	/*Свернутые новости в ленте*/
	.news_box_hidden {
	    margin: 20px 0;
	}
	.content_news_cards .news_box {
		margin-bottom: 20px;
		border: 1px solid #e2e2e2;
		box-shadow: 0 1px 1px rgba(0,0,0,0);
	}
	.content_news_cards .news_title {
		font-size: 20px;
		line-height: 26px;
		font-weight: bold;
	}
	/*Тоже интересно*/
	.section-related .related-item {
		width: 47%;
	}
	.section-related .related-item:nth-child(3n) {display: none;}
	/*В рецензиях убираем отступы*/
	.headline,
	.review_text {
		margin: 0;
	}
	/*В шоунотах скрываем заголовок, предлагающий оценить эпизоды*/
	.uni_panels .ep_rating_notice {
		display: none !important;
	}
	.uni_player .tabs li.views,
	.uni_player .tabs li.shownotes u,
	.uni_player .tabs li.media_type.video u,
	.uni_player .tabs li.media_type.audio u {
		display: none;
	}
	.uni_player .tabs li.rating a {
		padding: 0 7px 0 4px;
	}
	.uni_player .tabs li.media_type.video a,
	.uni_player .tabs li.media_type.audio a {
		padding: 0 6px 0 10px;
	}
	.uni_player .tabs li.shownotes a {
		padding: 0 5px 0 11px;
	}
	/* Вкладка с рейтингом */
	.uni_panels ul.stripes {
		width: 130px;
	}
	.uni_panels .ratings_summary {
		width: 100%;
		padding: 6px 0 15px 0;
		line-height: 18px;
		text-align: center;
	}
	.uni_panels .ratings_summary b {
		display: inline;
		width: auto;
		margin-left: 0;
		margin-right: 8px;
	}
	.uni_panels .ratings_summary i {
		display: inline;
		width: auto;
	}
	/*Тире в шоунотах*/
	.uni_panels table.shownotes td:first-child {
		padding-right: 10px;
	}
	.uni_panels table.shownotes td i {
		display: none;
	}
	/*Отступы в центральной колонке например раздела подкастов*/
	.uni_player.video_spacing {
		margin: 20px 16px 50px 16px;
	}
	.transcripts_wrap .uni_player.video_spacing {
		margin: 30px 16px 30px 16px;
	}
	/*Памятка в подкастах*/
	.podcasts_notice .hd {
		padding-right: 0;
	}
	.podcasts_notice_trigger {
		position: static;
		margin-top: 10px;
	}
	/*Список фильмов в разделе, например, рецензий*/
	/*Уменьшаем картинки и скрываем английское название*/
	.listing_item .img {
		margin: 12px 20px 15px 10px;
		width: 100px;
		height: 180px;
	}
	.listing_item h3 u {
		display: none;
	}
	/* Малые премьеры - скрываем каст в карточке, чтобы не перекрывался полоской с оценками. После переверстки карточки можно снести */
	.article div.item_card.ratings .info {display: none;}
	/*А также разреживаем полоску оценок*/
	.article div.item_card.ratings .ratings {line-height: 20px;}
	.article div.item_card.ratings .ratings b,
	.article div.item_card.ratings .ratings strong {line-height: 16px;}
	/* Расшифровки подкастов */
	/* Обратно показываем "английское название" (подзаголовок) в списке расшифровок */
	.listing_item.transcripts h3 u {
		display: inline-block;
		margin-top: 5px;
		font-size: 16px;
		line-height: 18px;
	}
	.listing_item.transcripts .img {
		height: 80px;
	}
	/* Страница автора */
	.author_page .author_info {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2e2e2;
	}
	.author_page .author_content {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.uni_list.news_links a i {
		display: none;
	}
	.uni_list.news_links a b {
		left: 0;
		border-radius: 4px 4px 4px 4px;
	}
	.uni_list.news_links a u {
		padding-left: 30px;
	}
}



/* ============================================================= <459 */
@media only screen and (max-width: 459px) {
	.uni_player .tabs li.donate .donate_patreon span,
	.uni_player .tabs li.donate .donate_general span,
	.uni_player .tabs li.media_type.text u {
		display: none;
	}
	.uni_player .tabs li.donate .donate_patreon,
	.uni_player .tabs li.donate .donate_general {
		padding: 0 6px 0 6px;
	}
	.uni_player .tabs li.media_type.text a {
		padding: 0 6px 0 10px;
	}
	.b_news_settings_toggle {
		padding: 0 3px 0 3px;
	}
	.uni_filter.headless {
		padding-right: 50px;
	}
	.uni_filter.headless a {
		margin: 1px 0;
	}
	.content_news_cards .news_output .author,
	.content_news_cards .news_output .views {
		display: none;
	}
}



/* ============================================================= <389 */
@media only screen and (max-width: 389px) {
	.menu_feedback .feedback .content {
		right: 0;
		width: 100%;
		max-width: 460px;
	}
	/*Уменьшаем шрифт в селекторах*/
	.uni_header a {
		font-size: 11px;
	}
	/* Галерея для самых мелких разрешений */
	.content_side .gallery_section .title {max-height: 42px;}
	.content_side .gallery_section .title b {display: block;}
	.content_side .gallery_section.vertical a {width: 93px;}
	.content_side .gallery_section.vertical .image {height: 142px;}
	.content_side .gallery_section.horizontal a {width: 145px;}
	.content_side .gallery_section.horizontal .image {height: 86px;}
	/*Новости и все, что в ленте*/
	.news_title {
		font-size: 22px;
		line-height: 28px;
	}
	.news_topcomment .text {
		margin: 40px 10px 0 10px;
	}
	.content_news_cards .news_box {
		margin-bottom: 25px;
	}
	.content_news_cards .news_title {
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
	}
	.content_news_cards .news_box {
		font-size: 13px;
		line-height: 20px;
	}
	/*Тоже интересно*/
	.section-related .related-item {
		width: 98%;
	}
	.uni_player .tabs li.userrating_inline u {display: none;}
	/*Памятка в подкастах*/
	.podcasts_notice ul {
		float: none;
		width: 100%;
	}
	/* Розыгрыши */
	.contest_form .personal_info {
		padding: 0;
		background-color: transparent;
	}
	
}



/*Костыль для андроида, перекрывающего клавиатурой поля для ввода при логине*/
@media screen and (max-height: 300px) {
    .menu_wrap {
        position: absolute;
		top: 0;
    }
}