/*********** IPADS & BELOW ***********/
@media screen  
and (max-width : 1024px) {
/********** HEADER STYLES **********/
	.slideshow #slider {
		min-height:0;
		max-width:96%;	
	}
	
	#contentTitle {	
		width:100%;
		min-height:0;
		max-width:100%;
		padding:0;
	}
	
	#contentTitle .pageHeader {
		padding:1% 3%;	
	}
	
	#content {
		padding:3% !important;	
		max-width:93% !important;
	}
	
	#contentHeader {
		max-width:100%;
		width:auto;	
		text-align:center;
	}
	
	#contentHeader img {
		max-width:97%;	
	}
}

/*********** IPADS ONLY ***********/
@media only screen 
and (min-width : 701px) 
and (max-width : 1024px) {
	#header {
		max-width:1024px;
		width:100%;	
	}
	
}

@media only screen
and (max-width : 830px) {
	
	#header .headerInner .logo {
		float:none;
		display:block;
		text-align:center;	
	}
	
	#header .headerInner .headerMenu {
		float:none;
		clear:both;
		display:block;
		text-align:center;
	}
	
	#header .headerInner .headerMenu #headerNavigation {
		margin:0 auto;
		display:inline-block;
		margin-top:15px;	
	}
	
	#header .headerInner .headerPhone {
		float:none;
		display:block;
		text-align:center;
		padding-top:20px;
	}
	
	.nivo-caption {
		font-size:1.3em !important;	
	}
	
	#content .image_align-left {
		margin:0 20px 20px 0;	
	}
	
	#content .image_align-right {
		margin:0 0 20px 20px;	
	}
	
	#footer {
		background:#006ab2;	
	}
	
	#footer .footerInner {
		padding-left:0;	
	}
	
	#footer .footerlinks {
		display:block;
		text-align:center;	
		float:none;
		padding:25px 0 20px 0;
	}
	
	#footer .footerlinks li {
		float:none;	
	}
	
	#footer .copyright {
		float:none;
		display:block;
		text-align:center;
	}
	
	#footer .perthWeb {
		text-align:center;
		padding:0;	
	}
}

/*********** INBETWEEN SMARTPHONES & IPADS AND BELOW ***********/
@media screen 
and (max-width : 700px) {
	/********** HEADER STYLES **********/
	
	#navigationContainer #navigation {
		display:none !important;	
	}
	
	#navigationContainer .dk_container {
		display:block !important;
		padding-left:15px;
	}
	
	#navigationContainer .dk_container li {
		padding:10px 0;
		background:none;	
	}
	
	#navigationContainer .dk_container .dk_toggle span,
	#navigationContainer .dk_container li a {
		color:#fff;
		text-transform:uppercase;
		font-weight:500;
		font-size:16px;	
		cursor:pointer;
	}
	
	#navigationContainer .dk_container li a:hover,
	#navigationContainer .dk_container .dk_toggle span:hover {
		color: #96de00;	
	}
	
	.nivo-caption {
		width:100% !important;
		padding:5px 10px !important;
		bottom:0px !important;
		font-size:1em !important;
	}
	
	#content .leftContent {
		float:none;
		width:100%;	
	}
	
	#content .rightContent {
		float:none;
		width:100%;	
	}
	
	#content .rightContent h3 {
		padding-left:0;	
	}
	
}

/*********** INBETWEEN SMARTPHONES & IPADS ONLY ***********/
@media screen 
and (min-width : 500px) 
and (max-width : 700px) {
	
	.bannerWrapper {
		display:none !important;	
	}
	
	#header .headerInner #headerNavigation li{
		float:none !important;
		display:block !important;
		text-align:center;
		padding-bottom:10px;
	}
	
	#header .headerInner #headerNavigation li a,
	#footer .footerInner .footerlinks li a {
		float:none;	
	}
	
	#footer .footerInner .footerlinks li {
		float:none !important;
		display:block;
		text-align:center;
		padding:0 0 10px 0 !important;
	}
	
	#contentTitle .pageHeader {
		font-size:35px;
		line-height:36px;	
	}
}

/*********** SMARTPHONES AND BELOW  ***********/
@media screen 
and (max-width : 499px) {
	.bannerWrapper {
		display:none !important;	
	}
	
	#header .headerInner #headerNavigation li{
		float:none !important;
		display:block !important;
		text-align:center;
		padding-bottom:10px;
	}
	
	#header .headerInner #headerNavigation li a,
	#footer .footerInner .footerlinks li a {
		float:none;	
	}
	
	#footer .footerInner .footerlinks li {
		float:none !important;
		display:block;
		text-align:center;
		padding:0 0 10px 0 !important;
	}
	
	#contentTitle {
		background:#5c9718;	
		min-height:0;
		padding-bottom:10px;
	}
	
	#contentTitle .pageHeader {
		font-size:32px;
		line-height:33px;	
	}
	
	h1 {
		font-size:30px;
		line-height:30px;	
	}
	
	#content .image_align-left,
	#content .image_align-right {
		clear:both;
		float:none;
		display:block;
		margin:0 auto;	
	}
}

/*********** SMARTPHONES ONLY ***********/
@media screen 
and (min-width : 320px) 
and (max-width : 499px) {
	#contentTitle .pageHeader {
		font-size:28px;
		line-height:29px;	
	}
	
	h1 {
		font-size:25px;
		line-height:30px;	
	}
}

@media screen
and (max-width : 350px ) {
	#content img {
		display:none !important;	
	}
	
	#contentTitle .pageHeader {
		font-size:28px;
		line-height:29px;	
	}
	
	h1 {
		font-size:25px;
		line-height:30px;	
	}
}	

/*********** SMALLER THAN SMARTPHONES ***********/
@media screen 
and (max-width : 319px) {
	
	#header .headerInner .logo img{
		max-width:100%;
	}
	
	#header .headerInner .headerPhone {
		font-size:30px;
		line-height:30px;	
	}
	
	#content img {
		max-width:100% !important;
		width:auto !important;
		height:auto !important;	
	}
}