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

	/* Ρκελες */

	body{
		-webkit-text-size-adjust: none;
	}


	.content_modern, #content.content_modern {
		padding:15px;
	}

	iframe, object, embed {
		max-width: 100%;
	}

	#middle {
		border-left: none;
		border-right: none;
	}
	#sideLeft {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
		#sideLeft > * {
			display: none;
		}
		#sideLeft > #main_menu {
			position: absolute;
			left: 0;
			top: 0;
			padding: 0;
		}
		#sideLeft > #main_menu.active {
			display: block;
		}
		#sideLeft > #main_menu a {
			padding: 15px 15px 15px 50px
		}
		#sideLeft nav .icon {
			top: 8px;
		}
		#sideLeft > #main_menu ul {
			display: none;
		}
			#sideLeft > #main_menu.visible ul {
				display: block;
			}

	#main_menu {

		display: block;

		transition: opacity 0.5s;
	}
	#sideLeft > #main_menu.visible {
		height: auto;
		opacity: 1;
		background: #E7E7E7;
		border-radius: 10px 10px 0 0;
		width: 100%;
		padding: 10px 0;
		z-index: 109;
	}

	#sideRight {
		float:none;
		width:100%;
	}


	aside#right_ads {
		display: none;
	}

	.comments_table .comments_row {
		display:none;
	}

	.comments_table .comments_row:first-of-type, .comments_table .comments_row:nth-of-type(2), .comments_table .comments_row:nth-of-type(3) {
		display:block;
	}

	#container {
		float:none;
	}

	#wrapper {
		min-width: 320px;
		padding: 0;
	}
	#top_banner {
		width: 100%;
		height: auto;
		float: none;
		overflow: hidden;
	}

	#top_banner img  {
		width: 100% !important;
		height: auto !important;
		max-height: 60px;
		max-width: 468px;
		margin: 0 auto;
		display: block;
	}
	#top_banner a {
		display: block;
	}
	#logo {
		text-align: center;
		width:150px;
		margin: 0 auto;
	}
		#logo a {
			height: 100%;

		}
		#logo img {
			height:40px;
			width: 150px;
		}

	#header {
		background: #AE040F;
		position:relative;

	}
	#header .header_adv {
		width: 100%;
		position: relative;
		overflow: hidden;
		z-index: 4;
		left: auto;
		right: auto;
		top: auto;;
		bottom: auto;
		height: auto;
		padding-top: 10px;
		text-align: center;
		margin-bottom: -10px;
	}

	#header .navigation_menu {
		padding:0;
		margin: 0;
	}

	#header .top-menu {
		display:none;
		position:absolute;
		z-index:3;
		background: #8d0000;
		width:100%;
		padding:15px;
		opacity:0;
		transition:.3s;
	}

	#header .top-menu.visible {
		display:block;
		text-align: center;
		opacity: 1;
		top: 69px;
		left:0;
		z-index:100;
	}


	#header .top-menu a {
		display: block;
		padding-bottom:15px;
	}
		#header .usermenu {
			opacity: 0;
			transition: opacity 0.5s;
			height: 0;
			padding: 0;
			display:none;
			border-radius:0;
		}

		#header .usermenu.visible {
			display: block;
			top: 450px;
			z-index: 110;
			bottom: auto;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 30px;
			opacity: 1;
			height: auto;
			background: #222;
			text-align:center;
		}

	.usermenu .main_pic_wrap {
		display:none;
	}

	.usermenu a {
		margin-right: 0;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
		line-height: 38px;
		border-bottom: none !important;
		text-align:center;
	}
		.usermenu a.logout_button {
			vertical-align: inherit;
			display: inline;
			height: auto;
			background: none;
			color: #fff;
			text-align:center;
			background: #8d0000;
			padding: 6px 15px;
			margin-bottom: 15px;

		}

	.usermenu .main_pic {
		height: 48px;
		display: block;
	}
	.usermenu .main_user {
		padding: 10px 15px 10px 15px;
		color:#fff;
		margin-right:0;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 1px;

	}
	.usermenu .main_user:after {
		clear: both;
		content: ' ';
		display: block;
	}

	.cmn-toggle-switch {
		display: block;
		position: absolute;
		bottom: 5px;
		left: 5px;
		top:15px;
	}

	a.mobile_user_menu {
		display: block;
		position: absolute;
		right: 0;
		bottom: 5px;
		font-size: 35px;
		color: #FFFFFF;
	}



	a.mobile_user_menu:hover {
		color: #8d0000;
	}

	.mobile_search {
		display:block;
		position: absolute;
		top: 10px;
		right:15px;
	}
	.mobile_search img {
		height:30px;
		margin-top: 10px;
	}

	.menu_search {
		display:none;
	}
	.menu_search.visible {
		display:block;
		position: absolute;
		left: 0;
		top: 69px;
		background: #8d0000;
		z-index: 5;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.menu_search.visible .group_search_input {
		width:100%;
		border: 1px solid #fff;
		padding-left: 15px;
		transition: none;
	}


	.menu_search .loupe img{
		display:none;
	}
	.menu_search #helpsmall {
		top: 60px;
		width: 100%;
		background: #8d0000;
		box-sizing: border-box;
	}
	.menu_search #helpsmall a{
		color:#fff;
	}

	#footer {
		padding: 15px;
	}

	#footer a {
		display: block;
	}
	.footer {
		grid-template-columns: 50% 50%;
	}
	.footer div {
		margin-bottom: 15px;
	}

		/* NEWS */
	.modern_tabs {
		border-bottom: none;
		height: 40px;
		overflow: hidden;

	}
	.modern_tabs .item,
	.modern_tabs a.item {
		display: inline-block;
		margin-right: 15px;
		font-weight: 500;

	}
	.modern_tabs .item.active,
	.modern_tabs a.item.active {
		cursor: pointer;
	}
	.modern_tabs .item.active,
	.modern_tabs a.item.active,
	.modern_tabs .item.visible,
	.modern_tabs a.item.visible {
		display: inline-block;
		position: relative;
	}
	.modern_tabs .item.active:after {

	}
		.modern_tabs .item.active.opened:after {

		}

	.modern_tabs .item.item_right {
		float: none;
	}

	#popular_news {
		margin:0 !important;
	}

	#popular_news .pop_news_container {
		width:100% !important;
		float: none;
		display: block;
		height:200px;
		margin-bottom: 15px;
		position: relative;
	}
	#popular_news .pop_news_image {
		height: 200px !important;
		background-position: left !important;
		background-size: cover;
	}
	#popular_news .pop_news_title {
		position: absolute !important;
		width: 100%;
		bottom: 0;
		box-sizing: border-box;
		padding-bottom: 12px !important;
		height: auto !important;
		font-size: 15px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
		padding-top:70px;
	}
	#popular_news .pop_news_title .likes {
		position: static !important;
		margin-top: 10px;
	}

	#popular_news a .pop_news_title .likes {
		opacity:.7 !important;
	}
	#news_list .wide_news_list_col {
		width: 100%;
	}
	#news_list .wide_news_list_col .news_content {
		margin-left: 0;
		margin-top: 10px;
	}
	.short_news_list_col a.fixed_news_image {
		width:100%;
	}
	a.fixed_news_image {
		display: block;
		float: none;
		width:100%;
		height:150px;
	}
	#news_list .likes {
		position: static;
	}
	#news_list .news_list_wrapper .news_item {
		margin-bottom: 25px;
		width: 100%;
	}

	#news_list .news_list_wrapper.review .news_item {
		width: 100%;
		float: left;

	}

	#news_list .wide_news_list_col .news_list_wrapper {
		padding-right: 0;
	}

	.short_news_list_col .news_list_wrapper .clear {
		clear:none;
	}

	#news_list .short_news_list_col {
		width: 100%;
	}
	#news_list .short_news_list_col .news_content {
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#news_list .short_news_list_col .likes {
		display: none;
	}
	#news_list .short_news_list_col .news_list_wrapper {
		background: none;
		padding: 15px 0 0 0;
	}
	.pagination a {
		margin-bottom: 8px !important;
		display: inline-block;
	}
	.vote_place {
		height: auto;
	}
	.vote_place .comment_but, .vote_place  .rating_but, .vote_place a.voting_button {
		float: none;
		margin-bottom: 10px;
	}
	.vote_place a.voting_button {
		display: inline-block;
	}
	.news_content_left_col, .news_content_right_col {
		float: none;
		text-align: left;
	}
	.news_content_right_col {
		padding-left: 20px;
		margin-bottom: 25px;
	}
	#news_card .news_image img {
		max-width: 100%;
	}
	.mob-banner {
		display:block;
	}

	#news_right_col, #news_list, #news_popular, h1, #news_card {
		padding-right:0;
	}


	/* Comments */
	.comments_table {
		margin: 0;
	}
	.comments_row .userinfo {
		width: 35px;
	}
	.comments_row .userinfo img {
		width: 35px;
	}
	.comments_row .userinfo p {
		display: none;
	}
	.comments_body {
		margin-top: 10px;
		margin-left: 0;
		margin-bottom: 25px;
		font-size: 14px;
	}
	.comments_header {
		margin-left: 45px;
		height: auto;
		font-size: 12px;
		padding: 10px 15px;
	}
	.comments_header .right_part {
		font-size: 12px;
	}
	.comments_header .right_part a, .comments_header .right_part > img {
		float: right;
		margin-left: 10px;
	}
	.comments_header .left_part {
		margin-bottom: 5px;
	}
	.comments_header .left_part, .comments_header .right_part {
		float: none;
	}
	.comments_header .right_part strong {
		display: none;
	}
	#replyform p {
		font-size: 14px;
	}
	.bb_bar {
		margin: 10px 0;
	}
	#addCommentForm textarea, #textt {
		font-size: 14px;
	}
	#combuttonplace input, #buttonplace input {
		width: 100%;
		height: 30px;
		font-size: 16px;
		margin-top: 10px;
	}
	#buttonplace {
		display: block;
		overflow: hidden;
		margin-bottom: 25px;
	}

	/* Groups */
	.awsearch_form {
		width: 100%;
	}
	.awsearch_form input[type=text] {
		width: 100%;
	}
	.awsearch_form a, #wallpapers_search_forms > a {
		float: none !important;
		display: block;
		margin: 10px 5px 0 0 !important;
		white-space: nowrap;
	}

	.helpsearch, #helpgrouptext, #helptext {
		width: 100%;
		box-sizing: border-box;
	}

	.awsearch_form .alphabet_block a {
		min-width: 0;
	}
	.alphabet_window {
		width: 100% !important;
		left: -15px !important;
		top: 50px !important;
	}

	#groups_list .tiny_item, #groups_list .small_item {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	#groups_list .small_item .group_picture {
		width: 100px;
	}
	#groups_list .small_item div {
		margin-left: 110px;
	}
	#groups_search_forms.r_float {
		float: left;
	}

	#group_card {
		padding-right:0;
	}
	#group_info p {
		font-size: 15px;
		margin: 8px 0;
	}

	#group_info .group_info_text  {
		grid-template-columns: 50% 50%;

	}
	#group_info .group_info_pic {
		height:200px;
	}
	#group_card .group_part {
		font-size: 14px;
	}
	#group_card .group_part .gdate {
		display: block;
		float: none !important;
	}
	#group_card .group_part_small p a {
		margin-left: 0;
		margin-bottom: 15px;
	}

	ul.text_list {
		display:none;
	}
	#group_image {
		float: none;
		margin-bottom: 10px;
		display: block;
	}

	/* wallpapers */
	.oboi a {
		font-size: 14px;
		line-height: 30px;
	}
	.oboi a:before {
		display: block;
		content: ' ';
	}

	/* clips */

	#clips_search_forms input[type=text] {
		margin-bottom: 10px;
	}
	.clip_image {
		max-width: 100%;
		background-size: cover;
	}
	.clips_list .clip_item {
		width: 100%;
		position: relative;
	}
	.clips_left {
		width: 100% !important;
	}
		.clips_left .clip_item .clip_title {
			position: absolute;
			margin: 0;
			bottom: 0;
			width: 100%;
			padding: 10px;
			background: rgba(0,0,0,0.5);
			color: #FFFFFF;
		}
		.clips_left .clip_item  .clip_title a {
			color: #FFFFFF;
			border-color: rgba(255,255,255,0.7);
		}
		.clips_left .clip_item  .clip_title a:after {
			display: block;
			content:  " ";
			margin-bottom: 8px;
		}
	.clips_right {
		width: 100% !important;
		margin-left: 0 !important;
		box-sizing: border-box;
	}
	.clips_right .fixed_news_image {
		margin-bottom: 10px !important;
	}
	.clips_right .news_content, .clips_right .likes {
		margin-left: 0 !important;
	}
	.clips_right .news_item {
		margin-bottom: 25px;
	}
	#random_clip_place {
		position: relative;
	}

	/* texts */

	.texts_table {
		width: 100%!important;
	}

	.texts_form_search input[type=text] {
		margin-bottom: 10px;
	}

	/* gtp */

	#helpgroupgtpform {
		margin-bottom: 10px;
	}

	/* afisha */

	.afisha_img {
		max-width: 100%;
	}
	.news_list_wrapper .afisha_block {
		height: auto;
	}
	.news_right_banner {

		text-align: left;
	}

	.right_afisha {
		grid-template-columns: 35% 65%;
	}

	/* genres */

	.pop_genre_item {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.right_col_small_blocks {
		float: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	.right_col_small_blocks #yandex_ad {
		display: none;
	}
	.genre_tree_list {
		width: 100% !important;
	}
	.guest_block a {
		margin-bottom: 8px;
		display: inline-block;
	}
	.guest_right_block {
		float: left !important;
		text-align: left !important;
		margin: 10px 0;
	}
	.genres_types {
		display: none;
	}
	.genres_card_desc {
		width: 100% !important;
		font-size: 14px;
	}

	/* users */
	.auth_image_td img {
		max-width: 90px;
	}

	/* forms */
	form dt {
		font-weight: bold;
	}
	form dd, form dt {
		float: none;
		width: 100%;
		text-align: left;
	}

	table.lined_table, table.texts_table, .adapt_table_div {
		overflow-x: auto;
		display: block;
	}

	.ttt2 a {
		font-size: 14px;
		line-height: 30px;
	}
	.ttt2 a:before {
		display: block;
		content: ' ';
	}

	/* other */
	#banner img {
		max-width: 100%;
	}
	div.tabs_submenu {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 15px;
		box-sizing: border-box;
	}
	div.tabs_submenu img {
		display: block;
		float: none;
	}
	div.tabs_submenu span {
		display: block;
		margin-bottom: 10px;
		float: none;
	}
	div.tabs_menu {
		margin-bottom: 15px;
	}
	div.tabs_menu span {
		font-size: 14px;
	}
	div.tabs_menu span.current {
		background: none;
	}
	.modermenu + .clear {
		margin-bottom: 15px;
	}

	/* login */
	#pop-up {
		height: auto;
		width: auto;
		box-sizing: border-box;
		left: 10px;
		right: 10px;
	}
	.login_info {
		float: left !important;
		margin-bottom: 10px;
	}
	.login_title {
		margin: 0 0 15px 0 !important;
	}
	#login_error a {
		margin-left: 0 !important;
	}
	a.login_icon_link {
		display:none;
	}
}

.cmn-toggle-switch {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 40px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.cmn-toggle-switch:focus {
	outline: none;
}

.cmn-toggle-switch span {
	display: block;
	position: absolute;
	top: 18px;
	left: 5px;
	right: 5px;
	height: 2px;
	background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	content: "";
}

.cmn-toggle-switch span::before {
	top: -10px;
}

.cmn-toggle-switch span::after {
	bottom: -10px;
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch__htx {
	background-color: transparent;
}

.cmn-toggle-switch__htx span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}

.cmn-toggle-switch__htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
	background-color: transparent;
}

.cmn-toggle-switch__htx.active span {
	background: none;
}

.cmn-toggle-switch__htx.active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

@media screen and (min-width:1500px){
	body.with_bg .top_bimage {
		display: none;
	}
}

@media screen and (max-width:768px){
	#header .header_adv {
		max-width: 768px;
	}
}

@media screen and (max-width:375px){
	#header .header_adv {
		max-width: 375px;
	}
}

@media screen and (max-width:320px){
	#header .header_adv {
		max-width: 320px;
	}
}