.mobile_on
{
	visibility: hidden;
}
.responsive_menu.login
{
	min-width: 16px;
	width: auto;
}

@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 !important;
	}
	
	/* Calendar Time */
	#month_grid, #month_grid table,
	#main_grid
	{
		float: none;
		width: 100%;
	}
	#main_grid {
		margin-left: 0 !important;
	}
	
	/* Load menu icons */
	.responsive_menu {
		background: url(../images/responsive_menu.png) no-repeat -5px -5px;
		height: 16px;
		width: 16px;
		display: inline-block;
	}
	.responsive_menu.admin {
		background-position: -31px -5px;
	}
	.responsive_menu.calendar {
		background-position: -57px -5px;
	}
	.responsive_menu.forum {
		background-position: -5px -31px;
	}
	.responsive_menu.help {
		background-position: -31px -31px;
	}
	.responsive_menu.home {
		background-position: -57px -31px;
	}
	.responsive_menu.login {
		background-position: -5px -57px;
	}
	.responsive_menu.logout {
		background-position: -31px -57px;
	}
	.responsive_menu.mlist {
		background-position: -57px -57px;
	}
	.responsive_menu.moderate {
		background-position: -83px -5px;
	}
	.responsive_menu.pm {
		background-position: -83px -31px;
	}
	.responsive_menu.profile {
		background-position: -83px -57px;
	}
	.responsive_menu.register {
		background-position: -5px -83px;
	}
	.responsive_menu.search {
		background-position: -31px -83px;
	}

	/* 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 !important;
	}
	.keyinfo h5, .keyinfo .messageicon, #messageindex .last_th {
		display: none;
	}

	.bbc_img {
		 height: auto;
		 width: auto;
		max-width: 100%;
		max-height: 100%;
	}
}

@media screen and (max-width: 480px) {
	table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse,
	#index_common_stats
	{
		display: none;
	}
	table.table_list tbody.content td.icon0, table.table_list a.unreadlink, table.table_list a.collapse,
	#index_common_stats
	{
		display: none;
	}
		table.table_list tbody.content td.icon1, table.table_list a.unreadlink, table.table_list a.collapse,
	#index_common_stats
	{
		display: none;
	}
	.icon21
	{
		display: none;
	}
	.icon22
	{
		display: none;
	}
	.icon23
	{
		display: none;
	}
	.icon24
	{
		display: none;
	}
	.icon25
	{
		display: none;
	}
	.mobile_on
	{
		visibility: visible;
	}
	.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: 640px) {
	h1.forumtitle {
	 line-height: 1em;
	}
	.nav_bar_inner, .top_bar_inner, .headerm_inner
	{
		width: 100%;
	}
	.headerm, .headerm_inner
	{
		height: auto;
	}
	.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
	{
		max-width: 50px !important;
		max-height: 50px !important;
	}
	img#smflogo, .contact_info
	{
		display: none;
	}
	.roundframe2{
		padding: 1px 1px;
	}
	#header div.frame{
		padding-bottom: 0px;
	}
	.navigate_section{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.hidden, .icon, #posting_icons, #mlist th, .icon1, .icon2, .icon0, .stats0, .stats, .stats1, .stats2, .stats3, .stats4, .stats5, .icon21, .icon22, .icon23, .icon24, .icon25, .lastpost, .lastpost1, .lastpost0, .lastpost2, .lastpost3, .lastpost4, .lastpost5, .lastpost21, .lastpost22, .lastpost23, .lastpost24, .lastpost25, .moderation1, .moderation2, .moderation3, .moderation4, .moderation5
	{
		display: none;
	}
	#upper_section{
		padding: 1px;
		margin-bottom: 0em;
	}
	#search_form{
		padding: 3px;
	}
	#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;
	}
	.tborder .topic_table th.first_th
	{
		display: none;
	}
	#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 !important;
	}
	.features h4
	{
		margin: -10px 0 0 0 !important;
		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 !important;
	}
	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% !important;
		float: none !important;
	}
	#searchBoardsExpand
	{
		overflow: hidden;
	}
	/* Since you asked nicely */
	#main_menu .dropmenu li {
		width: auto !important;
	}
	#main_menu .dropmenu span.firstlevel {
		display: none;
	}
	#main_menu .dropmenu li:hover ul {
		display: none;
	}
}

@media screen and (max-width: 720px) {
	.ssl_mobile_top_bar{
		display: block;
	}
	#ssl_top_bar{
		display: none;
	}
	body
	{
		padding: 0 !important;
		min-width: 200px !important;
		max-width: 720px;
	}
	#wrapper, div#wrapper
	{
		width: 100% !important;
		min-width: 240px !important;
		max-width: 720px !important;
					 border-style:none !important;
	}
	div#upper_section div.user
	{
		text-align: center;
		float: none !important;
		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 !important;
		margin: 0 auto;
		text-align: center !important;
	}
	#upper_section div.news
	{
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	table.table_list tbody.content td.stats
	{
		display: none;
	}
	table.table_list tbody.content td.stats1
	{
		display: none;
	}
	table.table_list tbody.content td.stats0
	{
		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;
	}
	.postarea, .moderatorbar
	{
		width: 100%;
		margin: 0;
	}
	.poster
	{
		float: none;
		width: 100%;
		height: auto;
	}
	.poster li.avatar img
	{
		max-width: 100px !important;
		max-height: 100px !important;
	}
	.poster li.stars, .poster li.blurb, li.postcount,
	li.im_icons, li.title, li.postgroup, li.karma,
	li.karma_allow, li.gender, li.custom, li.email, li.warning
	{
		display: none;
	}
	.login
	{
		width: auto !important;
	}
	dl
	{
		overflow: hidden !important;
	}
/*	dd, dt
	{
		float: none !important;
		width: 100% !important;
		overflow: hidden;
		text-align: left !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;
	}
	.keyinfo
	{
		background: none;
		text-align: center;
		width: 100% !important;
	}
	.buttonlist ul li
	{
		margin: 2px 0;
	}
	.buttonlist ul li a span
	{
		height: auto;
	}
	#quick_tasks li
	{
		height: 5em !important;
		padding: 0;
	}
	#main_admsection #basicinfo h4
	{
		width: 100% !important;
	}
	#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: 768px) {
	#ssl_adr{
		display: none;
	}
	#wrapper, div#wrapper
	{
		border-style:none !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#ssl_adr{
		display: none;
	}
		#wrapper, div#wrapper
	{
		border-style:none !important;
	}
	table.table_list tbody.content td.stats
	{
		display: none;
	}
		table.table_list tbody.content td.stats1
	{
		display: none;
	}
	table.table_list tbody.content td.stats0
	{
		display: none;
	}
	table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
	{
		width: 35% !important;
	}
	table.table_list tbody.content td.lastpost1, .topic_table table tbody tr td.lastpost1
	{
		width: 35% !important;
	}
	table.table_list tbody.content td.lastpost0, .topic_table table tbody tr td.lastpost0
	{
		width: 35% !important;
	}
}