@media only screen and (max-width: 768px) {
    #Login .loginbody .loginform {
		width: 90%;	
	}
	
	#header {
		box-shadow: none;
	}
	
	#header .group {
		border-bottom: solid 1px silver;
		display: table;
		float: none;
		width: 100%;
	}
	
	#header .btn-navbar{
		cursor: pointer;
		display: table;
    	float: right;
    	margin: 10px;
	}
	
	#header .logininfo {
		margin: 0px;
		width: 100%;	
	}
	
	#header .group2{
		border-bottom: dotted 1px silver;	
	}
	
	#header .logininfo .userinfo label .usermenu{
		left: 0px;	
	}
	
	#header .logininfo .userinfo label .usermenu .menu-top {
		left: 10px;	
	}
	
	#header .logininfo .notification {
		border-right: none;
		float: right;
	}
	
	#header .logininfo .logout{
		float: right;	
	}
	
	#menubar .menu-button{
		display: block;
	}
	
	#menubar ul {
		border: none;
		display: none;
	}
	
	#menubar ul li {
		border-bottom: solid 1px #616161;
		float: none;
	}
	
	#menubar ul li.has-sub img.submenu-button{
		display: table;
		float: right;
		margin-right: 10px;	
		margin-top: 8px;
	}
	
	#menubar ul a {
		display: block;
	}
	
	#menubar ul li:hover > ul{
		display: none;
	}
	
	/*#menubar ul li.has-sub ul {
		position: relative;
	}*/
	
	#titlebar .subtitle{
		padding: 10px 0px 0px 0px;
	}
	
	#titlebar .actions input[type="Submit"]:last-child, #titlebar .actions input[type="Button"]:last-child{
		margin-bottom: 10px;
	}
}