/*****************************************************************
 * 	Granular edits to specific screen resolutions
 *****************************************************************/

@media only screen and (min-width: 481px) {
	body div#menu-output ul#nav li.menu-button {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	div#container {
		width: 100%;
	}
	body {
		background: none;
	}
	div#module-output {
		float: none;
		padding: 20px;
	}
	div#menu-output {
		float: none;
		background-size: auto;
		background-position: 10px 10px;
		border-bottom: 1px solid #ccc;
	}
	div#menu-output img.logo {
		display: none;
	}
	div#menu-output .avatar {
		float: left;
		margin: 15px 0 0 0;
		display: none;
	}
	div# .logo {
		width: 40%;
	}
	div#header .search {
		display: none;
	}

	div#menu-output ul#nav {
		border-top: none;
	}
	#nav li.selected {

		border-left: none;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 481px) {
	body {
		padding: 0px 0px 0px !important;
	}

	div#page {
		width: 100%;
		position: relative;
	}

	/*:: top login buttons ::*/
	div#header div.global-settings a.btn span {
		display: none;
	}

	/*:: Main Menu Handling - shrink to icons - move tot top ::*/
	div#menu-output {
		width: 100%;
		position: relative;
		margin-top: 0px;
	}
	div#menu-output ul#nav {
		margin-bottom: 0px;
	}
	div#menu-output ul#nav li {
		float: left;
		width: auto;
		border-bottom: none;
	}
	div#menu-output ul#nav li a span {
		font-size: .7em;
	}

	/*:: Module output handling ::*/
	div#module-output {
		position: relative;
		width: 98.5%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 480px) {
	
	input[type=text], input[type=password], textarea, div.multi_checkbox_select, select.select, div.select-wrapper, input[type=submit]{
		width: 100%;	
	}
	
	body {
		padding: 0px 0px 0px !important;
	}
	#header .global-settings {
		padding: 0;
		height: 50px;
		padding-left: 10px;
	}
	#header .global-settings a {
		padding-top: 15px;
		display: inline-block;
	}
	#header .global-settings i {
		font-size: 20px;
	}
	#header .global-settings a:first-child i {
		padding-right: 40px;
	}
	#header .global-settings a:last-child i {
				
	}
	#header .logo {
		height: 50px;
	}

	div#page {
		width: 100%;
		position: relative;
	}

	/*:: top login buttons ::*/
	div#header div.global-settings a.btn span {
		display: none;
	}
	div#header h2 {
		font-size: 0em;
		min-height: 45px;
	}

	/*:: Main Menu Handling - shrink to icons - move tot top ::*/
	div#menu-output {
		width: 100%;
		position: relative;
		margin-top: 0px;
		height: 51px;
	}
	div#menu-output ul#nav {
		margin-bottom: 0px;
		position: absolute;
		width: 100%;
		z-index: 1;
		background-color: #fff;
	}
	div#menu-output ul#nav li {
		display: none;
		float: none;
		width: auto;
		border-bottom: none;
	}
	div#menu-output ul#nav li.selected {
		border-bottom: none;
	}

	div#menu-output ul#nav li a {
		color: #000;
	}
	#nav li.menu-button a {
		padding: 10px 20px;
		cursor: pointer;
	}

	div#menu-output ul#nav li.selected a {
		color: #FFF;
	}

	div#menu-output ul#nav li.menu-button {
		display: block;
		border-bottom: 1px solid #ccc;
	}

	/*:: Module output handling ::*/
	div#module-output {
		position: relative;
		width: 98.5%;
		margin-left: 0%;
		padding-top: 40px;
	}
	.module-header {
		margin-top: 0;	
	}
	.module-header .back-button {
			font-size: 30px;
			top: -5px;
	}
}