.mobilemenu, .mobile-links {display:none}

.show-pc {display:block;}
.show-mobile {display:none}

#header #header-menu {margin:0}
#header-menu .translate-box {
	position: relative;
	height:26px
}

@media (min-width: 900px) and (max-width:1100px) {
	body, html {
		min-width: 769px;
		margin:0
	}
	
	body div {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%}
			body embed, body iframe, body  video {max-width:100%}
			
			
			.flow-blocks {width:100%}
				.flow-block {width:calc(50% - 12px)}
				.flow-block img.cover {width:100%;height:300px!important;object-fit:cover}
				.flow-block .flow-block-header h1 a {width:auto;height:auto}
				.flow-block .flow-block-header, .flow-block .flow-block-header h1 {height:auto}
				
				.pagination ul {float:none;display:flex;flex-wrap:wrap;margin:10px 0;justify-content:center;gap:10px}
				.pagination ul li.next, .pagination ul li {margin:0}
				.pagination ul li.prev span, .pagination ul li.prev a, .pagination ul li span, .pagination ul li a {font-size:12px}
				
				.header-stat ul {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
				.header-stat ul li {padding:0;display:block;}
	
}




@media (max-width: 900px) {
	body, html {
		min-width: 210px;
		margin:0;
		padding:0;
	}
	
	
	
		body div {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%}
			body embed, body iframe, body  video {max-width:100%}
			.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
			
			#container {padding:0 10px}
				#header {height:auto;top:0}
				#header .search-header-form {display:none;width:100%;padding:10px;box-sizing:border-box}
				#ya-site-form0 {width:100%!Important;border:1px #7f9db9 solid;border-radius:5px!important }
				.ya-site-form__input-text {font-size:16px!Important;padding:8px!Important;border:0!Important;}
				#ya-site-form0 .ya-site-form__form input.ya-site-form__input-text {font-size:16px!Important}
				#ya-site-form0 .ya-site-form__submit_type_image {margin:0!important;width:25px!important;
					height:25px!important;
					background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGlkPSJHbHlwaCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNy40MTQsMjQuNTg2bC01LjA3Ny01LjA3N0MyMy4zODYsMTcuOTI4LDI0LDE2LjAzNSwyNCwxNGMwLTUuNTE0LTQuNDg2LTEwLTEwLTEwUzQsOC40ODYsNCwxNCAgczQuNDg2LDEwLDEwLDEwYzIuMDM1LDAsMy45MjgtMC42MTQsNS41MDktMS42NjNsNS4wNzcsNS4wNzdjMC43OCwwLjc4MSwyLjA0OCwwLjc4MSwyLjgyOCwwICBDMjguMTk1LDI2LjYzMywyOC4xOTUsMjUuMzY3LDI3LjQxNCwyNC41ODZ6IE03LDE0YzAtMy44NiwzLjE0LTcsNy03czcsMy4xNCw3LDdzLTMuMTQsNy03LDdTNywxNy44Niw3LDE0eiIgaWQ9IlhNTElEXzIyM18iLz48L3N2Zz4=) 50% 50% no-repeat!important;
					background-size:25px auto!Important
				}
				#header div#header-user-area {position:relative;padding:10px 80px 10px 10px;}
				.translate-box {position:absolute;top:5px;right:10px}
				#wrapper {padding:0;display:flex;flex-direction:column}
				#sidebar {width:100%;order:1;margin-top:25px}
				.header-stat {order:2}
				#footer {order:3}
				#content {margin:0}
				
				#flags {width:auto!important}
				
				#header-menu .translate-box {top:0;order:2}
				
				.flow-blocks {width:100%}
				.flow-block {width:calc(50% - 12px)}
				.flow-block img.cover {width:100%;height:300px!important;object-fit:cover}
				.flow-block .flow-block-header h1 a {width:auto;height:auto}
				.flow-block .flow-block-header, .flow-block .flow-block-header h1 {height:auto}
				
				.pagination ul {float:none;display:flex;flex-wrap:wrap;margin:10px 0;justify-content:center;gap:10px}
				.pagination ul li.next, .pagination ul li {margin:0}
				.pagination ul li.prev span, .pagination ul li.prev a, .pagination ul li span, .pagination ul li a {font-size:18px}
				
				.header-stat ul {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
				.header-stat ul li {padding:0;display:block;}
				
				
			#footer {padding:0;font-size:12px}
				#footer .footer-list {float:none;width:100%;box-sizing:border-box;margin:0!important}
				.view-text {margin:0}
				#footer .footer-list a, #footer .footer-list span {display:inline-block;vertical-align:top;margin:6px 0}
				
				
				#container.toolbar-margin #wrapper {margin:0;padding:15px}
				.button.button-page {min-width:0;height:auto;min-height:60px;width:100%;box-sizing:border-box}
			
			.toolbar .toolbar-topic {display:none!Important;}
			.toolbar {left:auto!Important;right:10px}
			.toolbar .toolbar-scrollup {position:fixed;bottom:20px;right:20px}
			.toolbar section {background:none}
			
			
			header.similar-header {margin-left:0;padding-left:0}
			div.topic-similar {width:24%}
			
			
			.topic .topic-footer .topic-info {font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}
			.topic .topic-footer .topic-info li {border:0;margin:0}
			.topic-info-author+li, .topic-info-vote+li{display:none}
			.vote-topic .vote-item {height:24px}
			
			.text {font-size:13px}
			
			.header-stat.border {text-align:center}
				.header-stat.border a {float:none;display:inline-block;vertical-align:top;margin:5px}
				.header-stat.border p {float:none;margin:5px 0 0}
				
			.registration-form dl.form-item dd {width:100%}
			.registration-form dl.form-item dd .form-item-help {display:none}
			.input-width-250 {width:100%}
			
			button, input, select, textarea {font-size:16px}
			
			#topic_text_tbl, select {width:100%!Important}
			.mceToolbar td {
				display:table-row;
				float: left;
			}
			.mceToolbar td:nth-of-type(11){
				clear: left;
			}
			
			
			.modal.modal-login .remember-label {font-size:12px}
			.header-stat.border p {display:none}
			
			#header #header-menu {margin:10px auto auto}
			#header #header-menu a {display:inline-block;vertical-align:middle;font-size:16px;margin:8px 0}
			
			.nav.nav-pills {display:flex;flex-wrap:wrap;gap:10px}
			.nav.nav-pills li {margin:0}
			
			.table.table-blogs .cell-join, .table.table-blogs tbody .cell-info {display:none}
			.table.table-blogs .cell-avatar {width:90px}
			.comments-header .subscribe {position:static;}
			
			.profile .vote-label, .block.block-type-blogs .block-blog-list li strong, .block footer, .block.block-type-stream .block-content .latest-list p {font-size:12px}
			
			.tag-cloud li {display:inline-block;margin:6px}
			
			.show-pc {display:none;}
			.show-mobile {display:block}
			
	/****/
	#header div#header-user-area {padding:0}
	#header {padding-top:80px}
	.mobilemenu {display:block;cursor:pointer;}
	.userlinks {display:none;}
	#header #header-menu {margin:0}
	#header #header-menu2 {margin:0;display:flex;gap:10px;align-items:center;justify-content:space-between;}
	#header-user-area {padding:0}
	#header #header-menu a {margin:0}
	#header-menu2 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px;
		background: #fff;
		box-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
		z-index:99;
		height:68px;
	}
	#header-menu img {max-height:45px}
	.translate-box {top:8px;right:0}
	
	.mobile-links {
		display:block;
		top:68px;
		left:-100%;
		background:#fff;
		width:100%;
		padding:20px;
		z-index:90;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		bottom:0;
		overflow-y:auto;
		position:fixed;
		
	}
	.mobile-links.opened {left:0}
	.mobile-links li {padding:0;border-bottom:1px solid #f1f5f9}
	.mobile-links li a {display:block;font-size:14px;line-height:3}
	.mobile-links li.catalogmenu a {font-size:18px;color:#333}
	.catalogmenu1 {margin-top:30px}
	.catalogmenu2 {margin-bottom:30px}
	.mobile-links li.catalog2 {border:0;width: 49%;display: inline-block;vertical-align: top;text-align: center;}
	.addpost {
		display:block;
		color:#fff;
		background:#0d4990;
		border-radius:5px!important;
		text-decoration:none;
		padding:0 15px
	}
	
}



@media (max-width: 768px) {
	div.topic-similar {width:32%}
}


@media (max-width: 480px) {
	.flow-block {width:100%;margin:10px 0}
	div.topic-similar {width:48%;margin-bottom:10px}
	
	.modal.modal-login {width:auto;margin:0;left:10px;right:10px}
	.input-text {width:100%!Important}
	.modal.modal-login .js-block-popup-login-content .button {top:0;margin-top:10px}
}