.mobile_on
{
	visibility: hidden;
}

@media screen and (max-width: 1024px) {
	#mlist .mem-box {
		flex-basis: auto;
		width: calc(25% - 10px);
	}
	#wrapper, div#wrapper
	{
		min-width: 95%;
	}
	table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
	{
		width: 35%;
	}
	td.lastpost, .hidden-sm,
	.board-info div.lastpost,
	.topic-info div.lastpost img.avatar_dot,
	.topic-info div.lastpost span.message {
		display: none;
	}
	.topic-info div.lastpost {
		flex-basis: 12% !important;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		margin-left: 0;
	}
	.topic-info div.lastpost span.quickmod {
		flex-basis: 100% !important;
	}
	.topic-info div.stats {
		flex-basis: 15%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin-right: 0;
	}
	.topic-info div.subject {
		flex-basis: 70%;
	}
	#basicinfo img.avatar, #main_admsection #basicinfo img.avatar {
		width: 100px;
	}
	object#quick_search {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.postarea div.flow_hidden {
		flex-direction: column;
	}
	#mlist .mem-box {
		width: calc(33.333333333% - 10px) !important;
	}
	.profile-wrapper {
		flex-direction: column;
	}
	.profile-cover, .profile-basics {
		margin: 0;
	}
	.navbar {
		flex-flow: row wrap;
	}
	#navbar {
		flex-wrap: wrap;
		flex-grow: 3;
	}
	.boardindex_section {
		flex-direction: column;
	}
	.pagelinks {
		display: block;
		float: none;
	}
	.tl-buttons {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 767px) {
	#footer_wrapper {
		align-items: center;
		flex-direction: column;
	}
	header div#header_wrapper {
		flex-direction: column;
		justify-content: center;
	}
	header div#header_wrapper #search_news {
		align-items: center;
	}
	#search_news  .news {
		text-align: center;
	}
	.mark_read {
		display: inline-block;
	}
	#mlist .mem-box {
		width: calc(50% - 10px) !important;
	}
	.breadcrumb li {
		padding: 5px 0;
		margin: 2px 0;
	}
	.hidden-xs
	{
		display: none;
	}
	.styleswitcher
	{
		float: none;
		margin: -45px auto 0;
		text-align: center;
	}
	.styleswitcher a
	{
		float: none;
		padding: 0 2px;
	}
	#quicknav, #quicknav ul
	{
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto;
	}
	#quicknav ul li
	{
		float: none;
		display: inline-block;
	}
	#header
	{
		min-height: 200px;
	}
	h1.forumtitle
	{
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.dropdown-submenu > .dropdown-menu
	{
		left: 0;
		top: 122%;
		z-index: 10000;
	}
	.msearch_details
	{
		float: none;
		width: 100%;
	}
	#admin_menu > .nav-pills > li, #adm_submenus > .nav-pills > li
	{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#admin_menu > .nav-pills li > ul, #adm_submenus > .nav-pills li > ul
	{
		width: 100%;
	}
	#admin_menu > .nav-pills li ul > li, #admin_menu > .nav-pills li ul > li a,
	#adm_submenus > .nav-pills li ul > li, #adm_submenus > .nav-pills li ul > li a
	{
		height: auto;
		width: 100%;
		white-space: normal;
	}
	#adm_submenus
	{
		padding-left: 0;
	}
	body
	{
		padding: 0;
		min-width: 200px;
	}
	.poster .posts_popup
	{
		margin-bottom: 15px;
	}
	#advanced_search dt, #advanced_search dd
	{
		width: 100%;
		float: none;
		text-align: left;
	}
	.keyinfo
	{
		padding: 3px 2px;
		min-height: 30px;
		box-sizing: border-box;
		float: none;
		width: 100%;
	}
	.keyinfo h5
	{
		margin-top: 5px;
	}
	.posts_popup
	{
		right: 0;
		left: 0;
		position: absolute;
		margin: 0 auto;
		float: none;
		width: 220px;
	}
	.search_bar
	{
		width: 100%;
	}
	#wrapper, div#wrapper
	{
		width: 100%;
		min-width: 240px;
		max-width: 720px;
	}
	div#upper_section div.user
	{
		text-align: center;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	div#upper_section div.user p, div#upper_section div.user p > .avatar
	{
		max-width: 100px;
		max-height: 100px;
		float:  none;
		margin: 0 auto;
		text-align: center;
	}
	#upper_section div.news
	{
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	td.icon1, td.icon2, td.stats, .lastpost,
	.board-info div.stats
	{
		display: none;
	}
	img.icon 
	{
		display: inline-block;
	}
	#basicinfo, #detailedinfo, .modblock_left, .modblock_right, #live_news, #supportVersionsTable
	{
		width: 100% !important;
		float: none;
		margin: 0 0 3px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#main_admsection #basicinfo img.avatar {
		float: none;
	}
	.postarea, .moderatorbar
	{
		width: 100%;
		margin: 0;
	}
	.post_wrapper
	{
		flex-direction: column;
	}
	.wrap_postarea::before {
		left: auto;
		right: 25px;
		top: -20px;
		border-style: solid;
		border-width: 0px 10px 20px 10px;
		border-color:  transparent transparent var(--windowbg-bg-color) transparent;
	}
	.poster
	{		
		width: 100%;
		height: auto;
	}
	.poster li.avatar
	{
		border: none;
	}
	.poster li.avatar img
	{
		float: left;
		width: 50px;
		height: 50px;
	}
	.poster button
	{
		margin: -15px 0 5px;
	}
	.poster h4
	{
		margin: 0 0 0 1em;
	}
	.poster li
	{
		margin: 0 0 1px;
	}
	.poster li.blurb,
	li.title, li.postgroup, li.karma,
	li.karma_allow, li.gender, li.custom
	{
		display: none;
	}
	.login
	{
		width: auto;
	}
	dl
	{
		overflow: hidden;
	}
	dd, dt
	{
		float: none !important;
		flex-basis: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		overflow: hidden;
		text-align: left;
	}
	.profile-wrapper dt {
		border: none;
	}
	dl.settings dd input.input_text, dl.settings dt input.input_text
	{
		width: 100%;
	}
	dd input, dd textarea dd select {
		width: 100% !important;
	}
	.inner
	{
		padding: 1em .5em 2px .5em;
		margin: 0;
	}
	.signature, .attachments
	{
		width: 100%;
		margin: 1em 0 0;
		padding: 1em 1em 3px;
		box-sizing: border-box;
	}
	.buttonlist ul li
	{
		margin: 2px;
	}
	.buttonlist ul li a span
	{
		height: auto;
	}
	#quick_tasks li
	{
		height: auto !important;
		width: 100% !important;
		padding: 0;
	}
	#main_admsection #basicinfo h4
	{
		width: 100%;
	}
	#left_admsection
	{
		margin: 0 0 8px;
		padding: 0 0 5px;
		border-bottom: 3px solid #dbe4ef;
		float: none;
		width: 100%;
	}
	/* some dirty fix for SP :)*/
	#sp_left, #sp_right, #sp_center
	{
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.topic-info {
		flex-wrap: wrap;
	}
	.topic-info div.subject {
		flex-grow: 2;
		margin-right: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.topic-info div.stats,
	.topic-info div.lastpost {
		flex-grow: 1;
	}
	.topic-info div.stats {
		flex-basis: 60% !important;
	}
	.topic-info div.stats span {
		text-align: left;
	}
	.topic-info div.stats span.stats_type {
		display: flex;
		gap: 2px;
		font-size: 95%;
	}
	.topic-info div.lastpost {
		flex-basis: 40% !important;
	}
	.linktree_back {
		flex-wrap: wrap;
	}
	.profile-cover img.avatar_dot {
		width: 96px;
		height: 96px;
	}
	.windowbg > .cover-bottom > .row {
		margin: 0;
		flex-direction: column;
	}
	.windowbg > .cover-bottom > .row > div {
		width: 100%;
		max-width: 100%;
		margin: -35px 0 0;
	}
	.windowbg > .cover-bottom > .row > div:first-child,
	.windowbg > .cover-bottom > .row > div:last-child {
		display: none;
	}
	span.profile-button a {
		font-size: 7pt;
	}
	.nav_bar_inner, .top_bar_inner, .headerm_inner
	{
		width: 100%;
	}
	.headerm, .headerm_inner
	{
		height: auto;
	}
	.mobile_on
	{
		visibility: visible;
	}
	.logo_banner
	{
		text-align: center;
		max-width: 640px;
	}
	.logo_banner a > img
	{
		max-width: 90%;
	}
	.quick_search_holder, #search_form
	{
		text-align: center;
		margin: 0 auto;
		float: none;
	}
	.dropmenu li
	{
		width: 100%;
		text-align: center;
	}
	.dropmenu li li, .dropmenu li li li
	{
		width: 100%;
		text-align: left;
	}
	.dropmenu li ul
	{
		width: 80%;
		margin-left: 15%;
	}
	.dropmenu li ul ul, .dropmenu li.sfhover ul ul
	{
		margin: 3px 0 0 50px;
	}
	#quick_tasks li
	{
		height: auto !important;
		padding: 0;
		width: 100% !important;
		float: none !important;
	}
	.home_image
	{
		clear: both;
	}
	.poster li.avatar img
	{
		width: 50px;
		height: 50px;
	}
	#siteslogan, img#smflogo, .contact_info
	{
		display: none;
	}
	.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2
	{
		display: none;
	}
	#statistics .stats
	{
		display: block;
	}
	#stats_left, #top_posters, #top_topics_replies, #top_topics_starter,
	#stats_right, #top_boards, #top_topics_views, #most_online,
	#popularposts, #popularactivity
	{
		width: 100%;
		float: none;
	}
	#report_post input {
		width: 95%;
		min-height: 50px;
	}
	#topic_icons p
	{
		display: block;
		width: 100%;
	}
	#menu_toggle
	{
		display: none;
	}
	h3.catbg #quick_search form
	{
		margin: 0 0 8px 0;
		padding: 0;
	}
	h3.catbg #quick_search form input
	{
		margin: 0 0 12px 0;
	}
	h3.catbg #quick_search form select option
	{
		padding: 4px;
	}
	h3.catbg #quick_search form .button_submit
	{
		margin: 0 3px;
	}
	#credits_page
	{
		padding-top: 35px;
	}
	.features_image
	{
		display: none;
	}
	.features_switch
	{
		margin: -20px 0 0 5px;
	}
	.features h4
	{
		margin: -10px 0 0 0;
		padding: 0 0 10px 0;
	}
	.features p
	{
		margin: 0;
		padding: 0;
		min-height: 0;
		max-height: 5.2em;
		overflow: auto;
	}
	.mark_read .buttonlist
	{
		float: none;
		margin: 0 auto;
	}
	.mark_read .buttonlist li
	{
		width: auto;
	}
	#advanced_search
	{
		text-align: left;
	}
	em.smalltext
	{
		display: none;
	}
	#advanced_search dt, #advanced_search dd
	{
		width: 100%;
		float: none;
		text-align: left;
	}
	.login dt, .login dd
	{
		float: none;
		text-align: left;
		width: 90%;
	}
	input.enhanced
	{
		display: block;
	}
	.enhanced select
	{
		display: block;
	}
	#advanced_search dl#search_options
	{
		width: 100%;
	}
	#searchform .input_text
	{
		width: 75%;
	}
	.ignoreboards
	{
		width: 100%;
		float: none;
	}
	#searchBoardsExpand
	{
		overflow: hidden;
	}
	/* Since you asked nicely */
	#main_menu .dropmenu li {
		width: auto;
	}
	#main_menu .dropmenu span.firstlevel {
		display: none;
	}
	#main_menu .dropmenu li:hover ul {
		display: none;
	}
	.poster li.avatar
	{
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.mlist-sort ul.dropdown-menu {
		right: auto !important;
		left: 0 !important;
		transform: translate3d(0, 25px, 0px) !important;
	}
	.poster ul, .poster ul li, .poster button, .poster h4, .poster .dropup
	{
		text-align: left;
	}
	.poster button
	{
		margin-left: 10px;
	}
	.poster .posts_popup
	{
		right: none;
		left: 0;
		margin: 0;
	}
	.poster .posts_popup li, .poster .posts_popup li ul
	{
		text-align: center;
	}
	.poster li.stars
	{
		display: none;
	}
	.date_post
	{
		font-size: 10px;
		height: 38px;
		line-height: 18px;
	}
	.date_post span
	{
		float: none;
		font-weight: bold;
		width: 100%;
	}
	.date_post div
	{
		float: none;
		width: 100%;
	}
	.logodark
	{
		padding: 35px 133px;
	}
	table.table_list tbody.content td.icon, a.unreadlink, table.table_list a.collapse,
	#index_common_stats
	{
		display: none;
	}
	.poster li.avatar
	{
		display: none;
	}
	#manage_boards .cat_bar
	{
 		margin-top: 10px;
	}
	#manage_boards .windowbg
	{
		line-height: 3.2em;
	}
	#manage_boards ul
	{
		max-height: 120em;
		padding: 0 0 10px 0;
	}
	#manage_boards dd, #manage_boards dt
	{
		width: 100%;
	}
	#manage_boards dt
	{
		line-height: 1.6em;
	}
}

@media screen and (max-width: 359px) {
	.topic-info div.stats span.stats_type:last-child {
		display: none;
	}
}

@media screen and (min-width: 240px) and (max-width: 640px) {
	/* Considering something trying to be bad boy and editing body (especially portals! */
	body {
		min-width: 240px;
	}
	
	/* Calendar Time */
	#month_grid, #month_grid table,
	#main_grid
	{
		float: none;
		width: 100%;
	}
	#main_grid {
		margin-left: 0;
	}

	/* If it has more items, make some margin */
	#main_menu {
		margin: -15px 0 0 0;
	}
	.dropmenu li {
		margin: 0 0 5px 0;
	}
	/* Do not hover or show them... */
	.dropmenu li a.active, .dropmenu li a.active:hover,
	.dropmenu li:hover, .dropmenu li a:hover,
	.dropmenu li a.firstlevel:hover, #main_menu li:hover,
	#main_menu .dropmenu li:hover, .dropmenu li:hover a.firstlevel {
		background: none;
	}
	.bbc_img {
		max-width: 100%;
		max-height: 100%;
	}
}