/****************** STYLES FOR MOBILE DEVICES *******************/

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

	.show-for-small{
		display: block;
	}
	
	.hide-for-small{
		display: none;
	}

	/***** NAV ******/
	
	#nav-holder{ float: none; }
	#main-nav{ 
		overflow: hidden; 
	}
	#nav-holder li { float: none; margin-left: 0px; margin-bottom: 10px; }
	#nav-holder li:last-child{ margin-top: 22px;	 }
	#main-nav .btn-green{ display: inline-block; }
	#logo{ float: none; display:inline-block; margin-bottom: 22px; }
	#logo img { position: relative; bottom: 3px;}
	.open-nav #logo img {-webkit-filter: invert(100%);}
	.open-nav #mobile-toggle {-webkit-filter: invert(100%);}
	.open-nav li {-webkit-filter: invert(100%);}
	.open-nav{ background-color: rgba(0,0,0,0.6) !important; }

	 
	
	/****** HOME SLIDER *****/
	
	#home{  height: auto; padding-top: 44px; padding-bottom: 44px; }
	#home-slider{ margin-bottom: 0px; }
	.flex-direction-nav a{ display: none; }
	
	
	
	/***** FEATURES ****/
	
	#feature-header-upper{ padding-bottom: 22px; }
	.feature-header-container .left{ float: none !important; }
	.feature-header-container .text-left { text-align: center !important; }
	.feature-header-container .btn{ position: relative; bottom: 0px; }
	.feature-selection { margin-bottom: 11px; }
	.feature-selection .arrow-down{ display: none; }
	#feature-header-upper .columns-low{ width: 50%; }
	.feature-detail ul{ margin-bottom: 22px; }
	
	
	/****** GALLERY *****/
	
	.offset-device{ display: none; }
	.active-filter .arrow-down{ display: none; }
	.gallery-slideshow .btn{ margin-bottom: 11px; }
	.gallery-filter .btn { }
	.gallery-slideshow .large-10 .large-6:first-child{ text-align: center; }
	
	/******** FAQ *****/
	
	#faq-form #name{ width: 100%; }
	#faq-form #email{ width: 100%; }
	
}

/* ------------TABLETS ----------- */

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	.flex-direction-nav a{ display: none; }

}


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

	.gallery-slideshow .btn{ margin-bottom: 11px; }
	#pricing .large-8{ width: 100%; }
	#faq .large-4{ width: 50%; }
	#home{ height: auto; }
	
}