#top_navigation a.toggle {
	display: none;
}
.xf_show_mobile {
	display:none;
}

/* Handle Tablets on Small Screens */
@media only screen and (max-width: 800px) {
	/* Modal */
	.modal_div {
		max-width: 100% !important;
	}
	
	.modal_div .modal_left,
	.modal_div .modal_right{
		display: none;
	}
	
	#header {
		
	}
	#header div.center {
		min-width:0;
	}
	#main {
		min-width:0!important;
	}
	#footer {
		min-width:0!important;
		
	}
	#footer div.center {
		text-align: center;
	}
	
	.xf_hide_tablet {
		display:none!important;
	}
	.xf_show_tablet {
		display:inherit!important;
	}
}

@media only screen and (max-width: 640px) {
	
	html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	
	.modal_div {
		max-width: 100% !important;
	}
	#header div.notifications {
		display:none!important;
	}
	#header,
	#header div.background{
		height:65px;
	}
	#header a.logo{
		position: relative;
		left:auto;top:auto;
		width:70px;
		padding: 2px;
		border:none;
		height:35px;
	}
	#header div.user {
		height:20px;
		width:200px;
	}
	#header div.user div.username {
		position:relative;
		right:auto;
		top:auto;
		margin-right:30px;
		padding-top:7px;
	}
	#header div.user div.username a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	#header div.user div.logoff {
		top:9px;right:10px;
	}
	#header div.user div.avatar {
		display:none;
	}
	#header div.headline {
		position:relative;
		width:auto;
		box-shadow:none;
	}
	#header div.headline h1 {
		left:10px;right:140px;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	#header div.headline div.search {
		width:120px;
	}
	#header div.headline div.search div.search_input input.search, #scroll_navigation div.search div.search_input input.search {
		width:100px;
	}
	#top_navigation a.toggle {
		position:absolute;
		left:80px;top:-27px;
		color:white;font-weight:normal;
		font-size:20px;display:block;
		cursor:pointer;
	}
	#top_navigation {
		position: absolute;
		top:35px;left:0;right:0;
		width:auto;
		height:auto;
		z-index:5;
		background-color:white;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	#top_navigation ul li a span.i {
		display: inline-block;
		font-size: inherit;
		padding-right: 5px;
		height: auto;
	}
	#top_navigation ul > li > div > a {
		width:auto!important;font-size:16px;
	}
	#top_navigation>ul>li {
		border-top: 1px solid #FFFFFF;
	}
	#top_navigation ul li {
		position:static;
		float:none;
	}
	#top_navigation ul li a {
		height:auto;padding: 10px 7px;
		text-align:left;
	}
	#top_navigation ul li ul {
		top:auto;
		width:auto;
		position:static;
	}
	#top_navigation ul li ul li a, 
	#top_navigation ul li.selected ul a,
	#header.col_count_5 #top_navigation ul li ul li a {
		width:auto!important;
		position:relative;
		padding-left:22px;
	}
	#top_navigation ul li ul li a.has_childs:after {
		content:'\f078';
		right:15px;top:30%;
	}
	#top_navigation ul li ul li a.has_childs:hover:after {
		right:15px;top:31%;
	}
	#top_navigation ul li ul li ul {
		left:auto;
		position:relative;
	}
	#top_navigation ul li ul li.selected ul{
		display:block;
	}
	#top_navigation ul li .submenu {
		display:none;
	}
	#top_navigation ul li.selected .submenu {
		display:block;
	}
	
	#scroll_navigation {
		display:none!important;
	}
	
	div.admin_bar_bg {
		display:none!important;
	}
	
	#content {
		margin:0!important;
		padding:10px!important;	
	}
	
	.xf_hide_mobile {
		display:none!important;
	}
	.xf_show_mobile {
		display:inherit!important;
	}
	
	#main {
		border:1px solid transparent;/* Fix for Mobile Firefox */
	}
	
	/* Login */
	div.login div.center,
	div.login div.center div.pane {
		position:relative;
		left:0;top:0;
		width:auto;
	}
	div.login div.center {
		margin:10px;
	}
	div.login #login_logo {
		float:none;
		width:auto;
		height:60px;
	}
	div.login #login_form_content {
		margin:0!important;
		border:none;
		padding:10px;
	}
	div.login_field .icon {
		height:30px;
	}
	div.login_field .icon i {
		z-index:2;top:50%;
		margin-top:-9px;
	}
	div.login_field input {
		font-size:16px!important;
		position: absolute;
	}
	
	/* Reponsive Navbar */
	
	div.xf_navbar {
		
	}	
	div.xf_navbar dl{
		height:auto!important;
	}
	div.xf_navbar dl dd{
		display:block;
		float:none!important;
	}
	div.xf_navbar dl dd input {
		float:none;
	}
	div.xf_navbar dl dd select {
		display: block;
    float: none;
    margin: 3px auto;
    max-width: 95% !important;
    text-align: center;
    width: 95%;
	}
	
	div.xf_navbar .xui_viewmode_switcher {
		height:30px;
		text-align:center;
	}
	
	div.xf_navbar .xui_viewmode_switcher a{
		float:none;
	}
	
	/* Responsive Sidenav */
	#sub_navigation {
		width:280px;
		display:block!important;
		position:absolute!important;
		left:-282px;
		transition:all 0.2s;
		top:0;
		z-index:1000;
		
		/*height:100%;*/
	}
	#sub_navigation.show {
		left:0;
	}
	#sub_navigation ul {
		width:280px;
		box-shadow:none;
		border:none;
	}
	#main.sidebar_left #content {
		margin-left:0px!important;
		display:block!important;
	}
	#sub_navigation ul li a {
		font-size:16px!important;
		padding:7px 10px;
	}
	#sub_navigation ul li ul li a {
		padding:7px 10px;
	}
	#sub_navigation ul li.selected,
	#sub_navigation ul li ul li {
		width:275px;
	}
	#sub_navigation ul li ul li.selected a{
	width:auto!important;
	}
	#sub_navigation ul li ul,
	#sub_navigation ul li ul li ul
	 {
		width:270px !important;
	}
	
	#sub_navigation.mobile{
		padding:0;margin:0;
		min-height:0;
		top:0;bottom:0;
	}
	#sub_navigation.mobile > ul {
		/*height:100%;
		margin: 0;
    overflow-y: auto; /* has to be scroll, not auto */
  	/*-webkit-overflow-scrolling: touch;
    padding: 0;
    position: absolute;*/
    
    overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
  	z-index:100;
  	position:fixed!important;
  	top:0;
  	bottom:0;
  	margin-top:0px;
  	margin-bottom:0px;
  	border:1px solid #ddd;
  	border-left:none;
  	background-color:white;
  	min-height:0;
    transition: all 0.5s;
	}
	#sub_navigation.mobile > ul > li:first-child {
		/*margin-top:10px;*/
	}
	#sub_navigation.mobile > ul > li:last-child {
		/*padding-bottom:20px;*/
	}
	#sub_navigation.mobile > a.toggle {
		font-size: 30px;
    padding: 2px 5px 2px 10px;
    position:fixed;
    bottom:15px;
    left:0;
    cursor:pointer;
    background:white;
    z-index:101;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	}
  #sub_navigation.mobile.show > a.toggle {
    left: 280px;
  }
  body.mobileNavigationVisible #sub_navigation.mobile > ul{
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.6);
  }
  body #header{
    transition: 0.5s all;
  }
  body.mobileNavigationVisible #header{
    z-index: 1 !important; /* Sidemenu must be in front of all content */
    transition: 0s all;
  }
	#sub_navigation.mobile.show > a.toggle:before {
		content: '\f100'!important;
	}
	#sub_navigation.mobile.show > a.toggle {
		
	}
	#sub_navigation ul li.selected div.arrow {
		display:none!important;
	}
}