.mobile { display:none; }
.smart { display: inline; }
div.smart, #header { display: block; }
td.smart { display: table-cell; }

#header { background-color:#edeee6; }
#userbar { width:100%; text-align:left; white-space: nowrap;}
#userbar small { margin-right:2em; line-height: 1.5; }

.board { width:73%; float:left; }
.board_reply { display:block; width: 7em; float:right; }
.board_reply small { white-space:nowrap }

div.wide {width: 100%;}

.check { display:block; width:18px; float:left; margin: 0 1.5% 0 -1%;}

@media all and (min-width: 48em) {
	.mobile { display:none; }
	.tablet { display: inline; }
	
	.fform input { width: 15em; }
	
	h1 { font-size: 1.5em; }
	
	#top_menu svg {
		display: inline-block;
		width: 1.2em;
		height: 1.2em;
		stroke-width: 0;
		stroke: currentColor;
		fill: currentColor;
		margin-bottom: -0.2em;
	}
	
	div.tablet, #logo { display: block; }
	td.tablet { display: table-cell; }
	
	#logo { float:left; }
	#logo img {vertical-align:bottom; margin-right: .3em; }
	#userbar { width:30%; text-align:right; float:right; }
	#userbar small { margin-right:0; display:block;}
	
	.pathway { font-size: 80%;}
	
	.board_reply { width: 25%; }
	
	.poster {width:65%;}
	.post_title {float:left; width:65%; }
	.poster small, .poster .smalltext  { padding-right: .5em; white-space: nowrap; }
	.post_header {float:right; width:30%; }
	.post_footer p {display:inline-block; float:left;}
	.signature { display: block; }
	
	.profmenu div { min-height:0; }
	.half { display: inline-block; width: 50%; float:left; }
	.half hr {width: 90%;}
	.half hr:last-child { display: none; }
	.lhalf {margin-right:.5em }
	.rhalf {margin-left:.5em }
	
	/* Соц кнопки */
	#share { float:right; display:block; background: #fff; padding: .1em; border-radius: 2px; font-size: 1.1em; }
	#share a { margin: 0 .1em; }
}

@media all and (min-width: 66em) {
	.pc { display:inline; }
	div.pc { display: block; }
	
	#news {text-align:center; } 
	/*#news small { line-height: 1.5; background: #fff; border: 1px solid #d2d3cc; border-radius: 5px; padding: .5em; }*/
	
	#content, #menu { padding: 0.4em 2%; }
	#footer, #header { padding: 0.4em 3.5% 0.4em 3.5%;}
	#footer div { display:block; width: 25%; padding: 1.5em 0; float:left; line-height: 1.4;}
	#footer big { display: block; margin-bottom: 0.3em; color:#555; }
	#footer p {clear: both;}
	
	div.boxtitle + div.even { border-top-width: 1px; }
	
	.board { width:63%; padding-right:1%; }
	
	.counters { float:left; width: 8%; }
	.counters small span { margin-right:.4em; }
	.topic_reply { float:left; width: 15%; }
	.topic { float:left; width:70%; padding-right:1%; }
	.counters small, .topic_reply small, .board_reply small { display:block; line-height: 1.5}
	
	.avatar {
		display:inline-block;
		border:1px solid #ccc;
		padding:2px;
		background:white;
		margin:5px 0;
		border-radius: 3px;
		max-width: 100px;
		max-height: 100px;
	}
	
	.poster { float:left; width:18%; }
	.poster small { display:block; white-space: normal; margin: .2em 0;}
	.post, .post_title, .post_footer, .post_details, .attachments, .signature, .post_header { float:right; width:78%; }
	
	.post {border-width:0 0 0 2px; padding-left:2%; margin-top:.8em; min-height: 100%;}
	.post_header { text-align: left; }
	.post_header img { margin-bottom: -3px;}
	.post_header input { display:inline-block; float:left; margin-left:-2em;}
	.post_buttons { float:right; width:25%; padding:0; }
	
	.profmenu { float:left; width:20%; }
	.prof { padding-left: .5em; }
	.profmenu div { float:none; padding:.6em 0 0 0; margin-top: .8em; border-top:2px solid #ccc; }
	.profmenu div:first-child { border: none; padding:0; margin:0;}
	.profmenu small { display: inline-block; }
	
	.post, .prof td, .post_preview { font-size: 95%; }
	
	#fmenu { }
	.sticky_fmenu { position: fixed; top: 0; z-index: 1; width:96%;}
	.stop_fmenu .profmenu { position:relative; }
	.prof { position:relative; z-index: 2; }
}