
/* Large Screens (Desktop) */

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

}

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

}

@media only screen and (max-width : 1300px) {
	
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
	
	#mainWrapper {
		padding-top: 110px;
	}
	
	#header {
		height: 110px;
	}
		
	#header #navigation {
		margin-top: 20px;
	}
	
	#header #navigation ul li {
		margin-left: 30px;
	}
	
	#header .logo {
		width: 300px;
		margin-top: 12px;
	}

	#regions .section {
		padding-bottom: 46px;
	}
	
	#support .section {
		padding-top: 68px;
		padding-bottom: 75px;
	}
	
	#info .left {
		padding-right: 45px;
	}
	
	#info .right {
		padding-left: 45px;
	}
	
	#team ul li .image .overlay {
		font-size: 11.5px;
	}
	
	#team .section {
		padding-top: 74px;
		padding-bottom: 48px;
	}
		
	#team ul {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#team ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#footer .mission {
		margin-left: 38px;
		width: 318px;
	}
	
	#footer .contact {
		margin-right: 0;
	}

}

@media only screen and (max-width : 1020px) {
	
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#mainWrapper {
		padding-top: 90px !important;
	}
	
	#header {
		height: 90px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#header .logo {
		width: 190px !important;
		margin-top: 16px !important;
	}

	#header #navigation ul li {
		font-size: 15px;
		margin-left: 25px
	}

	
	#header .phone {
		font-size: 15px;
	}
	
	#banner .image .overlay .section .inner .innerMost p {
		font-size: 35px;
	}
	
	#banner .text .section {
		padding-top: 19px;
	}
	
	.tabsMaps .tabs {
	/*	width: 50%; */
	}
	
	.tabsMaps .maps li {
		left: 50%;
	}
	
	.heading {
		font-size: 24px;
	}
	
	#support .section {
		padding-bottom: 45px;
	}
	
	#support .image {
		float: none;
		display: block;
		width: 100%;
		margin: 0 auto 30px;
	}
	
	#support .text {
		margin-left: 0;
	}
	
	.bulletList li {
		margin-bottom: 10px;
	}
		
	#info .left {
		padding-right: 30px;
	}
	
	#info .right {
		padding-left: 30px;
	}
	
	#info .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#team ul li .image .overlay {
		font-size: 8.5px;
	}
	
	#footer .logos {
		float: none;
		width: auto;
		margin-bottom: 40px;
	}
	
	#footer .logo {
		float: none;
		display: block;
		margin: 0 auto;
	}
	
	#footer .mission {
		margin-left: 0;
	}
#banner .image img.ndis {
	display: inline;
	width: 150px;
	margin-top: 10px;
}
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}
	
	#mainWrapper {
		padding-top: 96px !important;
	}
	
	#header {
		height: 96px !important;
		padding-top: 7px;
		text-align: center;
	}
	
	#header .logo {
		float: none;
		display: block;
		margin: 0 auto 3px !important;
	}
	
	#header #navigation {
		display: none;
	}	
	
	#header .phone {
		float: none;
		display: inline-block;
		margin-top: 0;
		font-size: 17px;
	}
	
	#banner .image .overlay {
		right: 10px;
	}
	
	#banner .image .overlay .section .inner .innerMost p {
		font-size: 19px;
	}
	
	#banner .text .section {
		padding-right: 15px;
		text-align: center;
		font-size: 16px;
		padding-top: 4%;
	}
	
	#banner .image .overlay .section {
		padding-right: 25%;
	}
	
	#banner .image .overlay .section .inner .topImage {
		height: 100%;
		top: 5%;
	}
	
	#content .section {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.tabsMaps {
		background: none;
	}

	.tabsMaps .tabs {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.tabsMaps .maps {
		background: none;
		border: 4px solid #1f5092;
	}
	
	.tabsMaps .maps li {
		position: relative;
		left: 0;
		padding: 0;
	}
	
	.tabsMaps .maps li .map {
		padding-bottom: 53.80710659898477%;
	}
	
	.tabsMaps .tabs li {
		font-size: 16px;
	}
	
	.tabsMaps .tabs li a {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.heading {
		text-align: center;
	}
	
	.bulletList li {
		padding-left: 25px;
	}
	
	#regions .section {
		padding-bottom: 10px;
	}
	
	#support .section {
		padding-top: 35px;
		padding-bottom: 20px;
	}
	
	#support .heading {
		margin-bottom: 27px;
	}
	
	#info .section {
		padding: 0;
		text-align: center;
	}
	
	#info:before,
	#info:after {
		display: none;
	}
	
	#info .left,
	#info .right {
		float: none;
		width: auto;
		padding: 40px 15px;
		margin-bottom: 0;		
	}
	
	#info .left {
		background: #f2695c;
	}
	
	#info .right {
		background: #004281;
	}
	
	#info .checkList li {
		margin-left: 0;
		padding-left: 0;
		background: none;
		line-height: 1.7;
	}
	
	#info .checkList li:before {
		content: "";
		display: inline-block;
		width: 21px;
		height: 17px;
		margin-top: 3px;
		margin-right: 10px;
		vertical-align: top;
		background: url(../images/white-check.svg) no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#team .section {
		padding-top: 47px;
		padding-bottom: 20px;
	}
	
	#team ul li {
		display: block;
		margin: 0 auto 30px;
		width: auto;
		max-width: 400px;
		text-align: center;
	}
	
	#team ul li .image .overlay {
		text-align: left;
		font-size: 12px;
	}
	
	#footer {
		text-align: center;
	}
	
	#footer .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#footer .logo {
		width: 240px;
		margin-bottom: 25px;
	}
	
	#footer .mission {
		float: none;
		width: auto;
		margin-bottom: 30px;
	}
	
	#footer .contact {
		float: none;
		width: auto;
	}
	
	#footer .contact .socials {
		text-align: center;
		margin-bottom: 25px;
		margin-top: 30px;
	}
	
	#footer .contact .socials li {
		float: none;
		display: inline-block;
		margin-right: -4px;
		margin: 0 7px;
		vertical-align: top;
	}
	.staffList li .text {
		margin-left: 0;
	}
	.staffList li .image {
		width: 100%;
	}
	
}

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

}

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

#banner .image img.ndis {
	display: inline;
	width: 100px;
	margin-top: 10px;
}
}

