@media screen and (max-width: 1150px) {
	
	#header {background:none;}
}

@media screen and (max-width: 878px) {
	
	#header-wrapper {height:192px;}
}

@media screen and (max-width: 980px) {
	
	#header-wrapper {width:90%; height:145px;}
	#header {width:100%;}
	#logo {padding:10px 0px 10px 30px;}
	#header-image {display:none;}
	.homeTXT ul li {background:none;}
	.subNavAbout {font-size:11px;}
	.go-top {display:none;}
	#content {width:90%;}
	.content {font-size:14px;}
	.border-dotted {border:0;}
	.SNZ-button {right:8%;}
	.SNZ-button img{right:8%;}
	.quicklinks {font-size:12px;}
	#footer-wrapper {margin:0;}
	.footer {width:90%;}
}

@media screen and (max-width: 780px) {

	body {background:#ccc;}
	.SNZ-button {
		float:none; 
		position:relative; 
		bottom:0; 
		right:0; 
		margin:10px 0 14px 0; 
		width:auto;
	}
	.SNZ-button img {
		float:none; 
		display:block; 
		position:relative;
		bottom:0; 
		right:0; 
		left:0; 
		top:10px; 
  		max-width: 90%;
  		height: auto;
  		width: auto\9; 
		margin:auto;
	}
	#access {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
		width: 100%;
		padding: 0;
		background:none;
		box-shadow: none;
	}
	#access ul {background: none;}
	#access .nav-show,
	#access a.nav-show:hover {
		position: absolute;
		top: 98px;
		left: 0%;
		display:block;
		line-height:32px;
		font-weight:bold;
		width: 100%;
		height: 32px !important;
		padding: 8px 0;
		background: #247f80 url(../images/nav.png) no-repeat 40px 8px;
		border: none;
		text-indent: 100px;
		overflow: hidden;
  	-moz-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
  	-webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
  	box-shadow:0px 2px 6px rgba(0,0,0,0.6); 
	}
	.nav-show img {vertical-align:middle;}
	#access .nav-hide {display: none;}
	#access:target .nav-hide,
	#access:target a.nav-hide:hover {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: -101em;
		width: 100%;
		height: auto !important;
		background: none;
		overflow: hidden;
		text-indent: -1000px;
	}
	#access .menu {text-align: center;}
	#access:target .menu {padding-top: 146px;}
	#access li ul {position:static;}
	#access li ul ul {margin:0 !important; padding-top:5px;}
	#access ul,
	#access li {float:none; max-width:100%;}	
	#access a {
		width:100%;
		height: 0 !important;
		padding:0;
		background:#333;
		background:-moz-linear-gradient(#333,#111);
		background:-webkit-linear-gradient(#333,#111);
		background:-o-linear-gradient(#333,#111);
		background:-ms-linear-gradient(#333,#111);
		background:linear-gradient(#333,#111);
		border: none;
		overflow: hidden;
	}
	#access li li a {
		width: 100%;
		height: 0 !important;
		padding: 0;
		border: none;
		overflow: hidden;
	}
	#access:target .menu a {
		height: 40px !important;
		border-top: 1px solid #444;
		line-height: 40px;
		-moz-transition: height .25s, line-height .25s;
		-webkit-transition: height .25s, line-height .25s;
		-o-transition: height .25s, line-height .25s;
		-ms-transition: height .25s, line-height .25s;
		transition: height .25s, line-height .25s;
	}
	#access .menu a:hover,
	#access .menu a:focus {background: #247f80 url(../images/sddm.jpg);}
	#access br {display: none;}
	#access a span {padding-left: 5px;}
	#access li li a {
		padding: 0;
		background: #247f80 url(../images/sddm-div-background.png);
		border-top-color:#4f4f4f;
		text-align:center;
	}
	#access li li li a {background: #247f80 url(../images/sddm-div-background.png); border-top-color:#555;}
	#access li:hover > ul,
	#access li li:hover > ul,
	#access li li li:hover > ul {display:none;}
	#access:target .drop-down-toggle {display:block;}
	#access li li .drop-down-toggle {top:5px;}
	.col-70 {width:100%;}
	.col-30 {width:100%;}
}

@media screen and (max-width: 600px) {
	
	#header-wrapper {width:90%;}
	#sddm a {padding: 0px 8px;}
	#logo {padding:10px 0px 10px 30px;}
	#formerly {display:none;}
	#content{width:90%;}
	.content {padding:20px 20px;}
	.col-70 {float:left; width:100%;}
	.col-50 {float:left; width:100%;}
	.col-30 {float:left; width:100%; margin:0; padding:0;}
	.subNavHAbout li {font-size:12px;}
	.quicklinks {font-size:10px;}
	.footer {width:90%;}
}

@media screen and (max-width: 480px) {

	#header-wrapper {width:100%;}
	#header {width:auto;}
	#logo {padding:10px 0px 10px 25px;}
	#content {width:100%;}
	h1 {font-size:20px;}
	h2 {font-size:18px;}
	h3 {font-size:16px;}
	h4 {font-size:14px;}
	.content {font-size:14px;}
	.content h3 a:link {font-size:16px;}
	.quicklinks {font-size:9px;}
	select {display:block;}
	.footer {width:100%;}
	.footer li {display:block;}
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

	#access .nav-show,
	#access a.nav-show:hover {
		/*background-image: url(../images/nav_2x.png;
		background-size:100%;*/
		background: #247f80 url(../images/nav.png) no-repeat 20px 8px;
		border: none;
		text-indent: 80px;
	}
}