/*****************************************************************
 * 	Granular edits to specific screen resolutions
 *****************************************************************/
@media only screen and (max-width: 960px) {
	.unsupported-browser-message {
		display: none;
	}
	
	#menu-output li#collapse-module-menu {
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	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;
	}
	
	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;
	}
	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 {
		display: none;
	}

	/*:: Module output handling ::*/
	div#module-output {
		position: relative;
		margin-left: 0%;
	}
	
	#header .global-settings {
    	height: 25px;
	}
}

@media only screen and (max-width: 480px) and (min-width: 321px) {
	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;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 600px) 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;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 960px) and (min-width: 601px) {
	body {
		padding: 0px 0px 0px !important;
	}
	/*:: top login buttons ::*/
	div#header div.global-settings a.btn span {
		display: none;
	}

	/*:: Main Menu Handling - shrink to icons ::*/
	div#menu-output {
		width: 50px;
	}
	div#menu-output ul#nav li a span {
		display: none
	}

	/*:: Module output handling ::*/
	div#module-output {
		/*width: 92%;*/
		margin-left: 50px;
	}

}

@media only screen and (max-width: 960px) and (min-width: 600px) {

	/*:: Main Menu Handling - shrink to icons ::*/
	div#menu-output {
		width: 50px;
	}
	div#menu-output ul#nav li a span {
		display: none
	}

	/*:: Module output handling ::*/
	div#module-output {
		/*width: 92%;*/
		margin-left: 50px;
	}
	
	#menu-output li#collapse-module-menu {
		display: none;
	}
	
	#nav li {
		width: 50px;
	}
}

@media only screen and (max-width: 1499px) and (min-width: 960px) {
	/*:: Collapsed module meu styling ::*/
	div#container-inner.collapse-module-menu div#menu-output {
		width: 50px;
	}
	div#container-inner.collapse-module-menu div#menu-output ul#nav li a span {
		display: none
	}
	div#container-inner.collapse-module-menu div#module-output {
		/*width: 94.25%;*/
		margin-left: 50px;
	}
	
}

@media only screen and (max-width: 1699px) and (min-width: 1500px) {
	/*:: Collapsed module meu styling ::*/
	div#container-inner.collapse-module-menu div#menu-output {
		width: 3%;
	}
	div#container-inner.collapse-module-menu div#menu-output ul#nav li a span {
		display: none
	}
	div#container-inner.collapse-module-menu div#module-output {
		width: 95.75%;
		margin-left: 3%;
	}
}

@media only screen and (min-width: 1700px) {
	/*:: Collapsed module meu styling ::*/
	div#container-inner.collapse-module-menu div#menu-output {
		width: 2.5%;
	}
	div#container-inner.collapse-module-menu div#menu-output ul#nav li a span {
		display: none
	}
	div#container-inner.collapse-module-menu div#module-output {
		width: 96.25%;
		margin-left: 2.5%;
	}
}