/*
* Used for tablet and mobile devices
*/


@media only screen and (max-width: 1200px) { 
	
	#home-hero {
		height: auto;
		padding: 60px 0;
	}
		#home-hero h1 {float: none; text-align: center; font-size: 64px; padding: 0 0 20px 0;}
			#home-hero h1 br {display:  none;}
		#home-hero img {float: none; display: block; margin: auto; max-width: 500px; height: auto;}
	
	#home-quote h2, 
	#home-quote .btn { display: block; margin: 10px auto; }
	
	#page-contact {background-size: auto;}
}


@media only screen and (max-width: 999px) { 
	
	#responsive-menu-title-image img {width: 200px; height: auto;}
	
	#content .main {float: none; width: auto;}
	#sidebar {float: none; width: auto; margin: auto; max-width: 360px; text-align: center;}
	
	
	
	#home-clients .slides li { 
		float: left; width: 31%;
		margin: 40px 1%;
		position: relative;
		vertical-align: middle;
		height: 150px;
	}
	
	#footer .footer-left { width:60%; float:left; }
	#footer .footer-right {float:right; width: 38%;}
		.footer-left img, .footer-right nav {display: none;}
		#footer .footer-left p { margin: 20px auto; text-align: center; }
}

@media only screen and (max-width: 767px) {
	
	.container { width:100%; padding-left:20px; padding-right:20px; }

	#header nav { display: none; }


	#home-services .service { margin:0 10px 30px 10px; width: auto; }
	#content .main .service { margin:0 10px 30px 10px; width: auto; }
	
	#home-about, #package-content { margin:0 auto; padding:30px 0 50px 0; }
	
		#home-about-left, #package-left, #home-about-right, #package-right  {float: none; width: auto;}
			#home-about-left p, #package-left p {font-size: 21px; text-align: center;}

			#home-about-right p, #package-right p {font-size: 21px; text-align: center;}

		#home-about-right .btn, #package-right .btn {
			margin: 0 auto;
			float: none;
		}
	
	

	#home-clients .slides li { 
		float: left; width: 48%;
		margin: 40px 1%;
		position: relative;
		vertical-align: middle;
		height: 150px;
	}
	
	body .columns-2 .column {width: auto; float: none; margin-right: 0;}
	
	
	#packages #package1,
	#packages #package2, 
	#packages #package3 {width: 100%; margin: 0 auto 25px auto;}
		#packages .package .package-inner {
			border: solid 2px #ddd;
			padding: 20px;
			border-radius: 3px;
			margin: 0 auto;
			max-width: 640px;
		}
		#packages .package .package-inner img {margin: 20px 0;}
		#packages .package .package-inner h3 {font-size: 24px; font-family: 'MuseoSans500'; color: #f26522;}

		#packages .package .package-inner h4 {
			text-transform: uppercase; font-family: 'MuseoSans500'; 
		}
		#packages .package .package-inner hr {margin: 20px 0;}
		#packages .package .package-inner p {font-size: 16px; margin: 0 0 10px 0; padding: 0;}
		#packages .package .btn {
			display: inline-block; font-family: 'Montserrat';
			font-size: 13px; background: #f26522; text-transform: uppercase; 
			color: #fff;
			border-radius: 3px;
			margin: 20px 0 20px 20px;
			padding: 15px 45px;
			letter-spacing: 2px;
		}
	
	
	
	#page-contact h2 {font-size: 48px;}
	#contact-form-holder {width: auto; }
		
}


@media only screen and (max-width: 640px) {
	
	#header .logo { width: 260px;}
		#header .logo img { width: 260px; }
	
	#page-banner h1 {margin: 40px 0 0 0; font-size: 64px;}
	
	#home-promo {
		padding: 40px 0;
	}
		#home-promo h2 {
			font-size: 48px;
		}
	
	
	
	#footer .footer-left { width: auto; margin: auto !important; float:none; text-align: center; }
	#footer .footer-right {float: none; width: auto; margin: auto; padding: 0;}
		
		#footer .social-links { float: none; margin: 4px auto; width: 122px; }
			
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	

}