/*------ Hide mobile cover photo -----*/
.show-mobile {display: none;}

/***** SMARTPHONES *****/

@media all and (max-width: 1130px){

	body {font-size:19px;line-height: 1.5;}
	.mobile-toggle{ display: block; cursor: pointer; font-size: 40px; top: 15px; color: #444; z-index: 200; }
	.menu{ margin: 0px; }
	.menu li{ float: none; margin: 0px 0px 11px 0px; }
	#navigation{ position: fixed !important; background: #rgba(255,255,255,0.9) !important; top: 0px; padding-top: 73px; max-height: 50px;  }
	#navigation .text-center{ text-align: left !important; }
	#logo{ display: none; }
	.headline{ margin-bottom: 11px; }
	.headline-logo{ display: none; }
	.content-divider{ display: none; }
	#stats{ display: none; }
	#clients{ display: none; }
	#blog{ display: none; }
	.stat{ margin-bottom: 22px; }
	.slide-content{ display: none !important; }
	.title-upper{ display: none; }
	.title-icon{ display: none; }
	li {margin-bottom:6px;line-height: 1.5;font-size: 19px;}
	li.cover-bg {margin-bottom: 0px !important;}
	
	.bg-cover{ background-attachment: scroll !important; }
	
	.page-title h1{ font-size: 48px; }
	
	.process-phase{ text-align: center; }
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }
		
	.project-slider{ margin-bottom: 22px; }
	.filters li{ margin-right: 11px; }
	
	#home-slider .slides li h1{ font-size: 30px; letter-spacing: 0px; right: 0px; }
	#home-slider .slides li p{ font-size: 1em; }
	#home-slider .slides li .btn{ display: none; }
	#home-slider .slides li{ background-size: cover !important; height: 200px !important;margin-top:74px;/* Added to clear height of mobile menu */}


	/*------- Hide desktop cover photo ----*/
	.show-desktop{display: none !important;}
	/*------ Show mobile cover photo -----*/
	.show-mobile {display: block;}


	.press {width:100%;text-align: center;}
	.press a {display:inline;}
	.press a img {width:18%;margin: 0px auto;}
	.press img {width:18%;margin: 0px auto;}
	img.title {width:auto;}

	.cascade a{display: block;}
	.cascade a img {width:auto;margin-bottom:10px;}

	p.lead {line-height: 1.5;font-size:19px;}

	.pad-large-top {padding-top:20px !important;}

	/*------ Remove whitespace from each section on mobile -----*/
	.pad-large {padding-bottom:0px;padding-top:20px;}
	
	.testimonials-slider h1{ font-size: 38px; }
	
	.pricing-table{ margin-bottom: 44px; }
	
	/*----- For div around video iframes to make videos responsive ----*/
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 10px;
	    height: 0;
	    overflow: hidden;
	}
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

/*------ Remove whitespace from footer -----*/
#speaking.pad-large {padding-bottom:0px;}


/***** TABLETS PORTRAIT & LANDSCAPE *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	#home-slider .slides li{ background-size: cover !important; }
	.bg-cover{ background-attachment: scroll !important; }
	.post-single-footer{ background-attachment: scroll !important; }

}


/***** PORTRAIT TABLETS *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.project{ width: 50%; }
	.headline { font-size: 130px; letter-spacing: 20px; }
	.process-phase{ text-align: center; }
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }

	#blog-preview-holder .post-link .medium-6{ width: 100% !important; }

}

/** ADDITIONAL FEATURES **/

@media all and (max-width: 1250px){
  .post-preview h2{ font-size: 24px; }
}