

/* Large Screens (Desktops) 

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}
}*/

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding: 0 15px;
	}

	#header .logo {
		font-size: 19px;
		margin-top: 39px;
	}
	
	#header .topNavi {
		margin-right: 0;
	}
	
	#intro .listing {
		margin: 0 -10px;
	}

	#intro .listing li {
		padding: 0 10px;
	}
	
	#intro .listing li .title {
		font-size: 22px;
	}
	
	#contact .info .left {
		width: 290px;
	}
		
	h1.heading {
		font-size: 60px;
	}
		
	#ourTeam .members .member .info .text .name {
		font-size: 19px;
	}
	

}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#navigation {
		display: none;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header {
		text-align: center;
	}
	
	#header .section {
		height: 85px;
	}
	
	#header .logo {
		float: none;
		text-align: center;
		display: inline-block;
		margin-top: 21px;
	}
	
	#banner .overlay {
		font-size: 9px;
		padding-top: 20px;
		padding-bottom: 12px;
	}
	
	#banner .overlay span {
		font-size: 3em;
	}
	
	#banner {
		height: 320px;
	}
	
	#content .section {
		padding: 110px 15px 30px;
	}
	
	#intro .section {
		padding-top: 30px;
		padding-bottom: 1px;
	}
	
	#intro .listing {
		margin: 0;
	}
	
	#intro .listing li {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 30px;
	}
	
	#about .inner {
		padding: 30px 0;
	}
	
	#about h1 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	
	#contact .section {
		padding: 30px 15px;
	}
	
	#contact h1 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	
	#contact .info .left {
		position: relative;
		height: 200px;
		width: auto;
		margin-bottom: 20px;
	}
		
	#contact .info .right {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#contact .info .right .submitBtn {
		display: block;
		float: none;
		margin: 20px auto 0;
		width: 100px;
	}
	
	
	h1.heading {
		font-size: 50px;
	}
	
	#ourTeam .intro {
		margin-bottom: 20px;
	}
	
	#ourTeam .members {
		margin: 0;
	}
	
	#ourTeam .members .member {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#ourTeam .members .member .info {
		padding: 15px;
	}
	#ourTeam .members .member .info .pic {
		float: none;
		margin: 0 auto 15px;
		display: block;
	}
	
	#ourTeam .members .member .info .text {
		margin:  0;
		padding: 0;
		text-align: center;
	}
	
	#ourTeam .members .member .info .text .name {
		font-size: 22px;
	}
	
	#ourTeam .members .member .desc {
		text-align: center;
	}
	
	#disclaimer .section {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#footer .copyright {
		text-align: center;
	}

}

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

}

