/* Large Screens (Desktops) */

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

}

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

}

/* Medium Screens (Tablets - Landscape) */

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

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		width: 750px;
	}
	
	#content .info,
	#content .quote,
	#footer .left,
	#footer .right {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	
	#banner .caption {
		font-size: 24px;
	}
	
	#content .quote {
		float: none;
		width: auto;
	}
	
	#footer .right .socials {
		text-align: center;
	}
		
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	.section {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#navigation {
		height: 6px;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#navigation ul {
		display: none;
	}
	
	#mainWrapper { 
		font-size: 15px;
	}
	
	#wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header {
		padding: 15px 0 2px;
		height: auto;
		text-align: center;
	}
	
	#header .callUs {
		display: inline-block;
		margin: 0;
		min-height: 100px;
		font-size: 20px;	
		background-size: 90px;
		padding-left: 98px;
	}
	
	#header .logo {
		display: block;
		float: none;
		width: 218px;
		margin: 0 auto;
	}
	
	#header .callUs {
		float: none;
	}
	
	#banner {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#banner .caption {
		padding: 10px;
		font-size: 15px;
	}
	
	#content .info .question {
		margin-top: 26px;
	}
	
	#content .info .contact li {
		margin-bottom: 10px;
	}
	
	#content .info .contact li span {
		display: block;
	}
	
	#content .quote {
		padding: 10px;
	}
	
	#content .quote .fields .field {
		margin-bottom: 13px;
	}
	
	#content .quote .fields .field label.error {
		margin-bottom: 0;
	}
	
	#content .quote .fields .field.half {
		width: 100%;
	}

	#content .quote h2 {
		text-align: center;
		margin-bottom: 15px;
	}
	
	#content .quote h2 span {
		margin-top: 10px;
	}
	
	#gallery {
		margin-bottom: 20px;
	}
	
	#footer .left .title a {
		font-size: 18px;
	}
	
	#footer .right {
		font-size: 14px;
		text-align: center;
	}
	
	
}

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

}

@media only screen and (max-width : 478px) { 
	.section {
	/*	width: 300px;*/
		padding-left: 0;
		padding-right: 0;
	}

}