.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;
	}

	/* 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 {
		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;
	}
	.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) {
	.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
	{
		width: 50px !important;
		height: 50px !important;
	}
	#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;
	}
	.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) {
	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;
	}
	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, .lastpost
	{
		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
	{
		width: 100px !important;
		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 (min-width: 768px) and (max-width: 1024px) {
	table.brdbox tbody.content td.statstd ,.lpost
	{
		display: none;
	}
	table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
	{
		width: 35% !important;
	}
}
@media screen and (max-width: 720px) {
	table.brdbox td.lpost,#upper_section div.first .home,.first .about
	{
		display: none !important;
	}
}
@media (max-width: 480px) {
.topnav li {
    background: #1C2B36;
}
	#upshrinkHeaderIC p {
    width: 100%;
    float: none;
    clear: both;
    padding: 0 !important;
   }
   .keyinfo {
    float: left;
    width: 83%;
  }
   .buttonlist ul li a {
    display: block;
    color: #444;
    border-radius: 2px;
    border-top: solid 2px #eee;
   }
}
@media screen and (max-width: 768px) {
  nav ul {
    display: none;
  }
  .showMenu {
    display: block;
    background: #1C2B36;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    margin-top: -39px;
  }
  .showMenu:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #f9f9f9;
    margin: 7px 5px;
    box-shadow: 0px 10px 0px #f9f9f9, 0px 21px 0px #f9f9f9;
  }
  [type="checkbox"]:checked ~ ul {
    display: block;
    z-index: 9999;
    position: absolute;
    right: 20px;
    left: 20px;
  }
  nav a {
    color: #777;
  }
  nav ul li {
    display: block;
    float: none;
    width: 80%;
    text-align: left;
    background: #D0DCEA;
    text-indent: 0px;
  }
  nav > ul > li {
    margin-left: 0px;
  }
  nav > ul li ul li {
    display: block;
    float: none;
  }
  nav > ul li ul {
    display: block;
    position: relative;
    width: 100%;
    z-index: 9999;
    float: none;
  }
  .topnav {
    margin-top: 18px;
}
}
@media (max-width: 992px) {

.rightside {display:none;}
.profile-pic {display:none;}
}
@media (max-width: 730px) {
.dl-menu.dl-menuopen:after, .arrowup {right: 22px !important;}
.dl-trigger img {

right:8px !important;}

.dl-menuwrapper button {
background-size: 38px 38px !important;
}
#uye_0l .loggedin li {
    padding: 0px 21px 0 0px;
}
.topnav li:hover > a {
    color: #a5d8c7;
    background: #41525f;
}
#content_section div.frame {
    display: block;
    padding: 165px 0px 0 0;
}
.inventea-wrapper {
    padding: 0px 0px;
    border: 2px solid #e7e7e7;
    background: #ABA7A7;
}
.leftside{
height: 153px !important;
min-height: 62px;transition: all 0.7s ease;width: 100%;
}
h1.forumtitle{
padding: 15px 20px;
text-align: left;}
.forum-container {
padding-left: 0px;transition: all 1.7s ease;
}
footer {padding:0px;transition: all 0.7s ease;}
#uye_0l .icon_login, #uye_0l .icon_register {position: relative;display: inline;padding: 4px 3px;}
#uye_0l ul {float: left;display: inline;}
.greeting {
    font-size: 14px;
    line-height: 14px;
    top: 0px;
    left: 88px;
}
#uye_0l {
    margin-top: 8px;
    line-height: 14px;
}
#uye_0l> li > a {
display: inline;
}
}