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

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

	#the-navigation{ padding-top: 25px; }
	#mobile-toggle{ display: block; }
	#menu > ul{ float: left; padding-top: 21px; margin-bottom: 22px; }
	#menu > ul li{ float: none; }
	#menu > ul li i{ display: none; }
	.logo{ display: none; }
	
	.nav-logo{ margin-top: -3px; display: block; }
	
	p.lead{ font-size: 16px; }
	
	.home-hero-slider .slides li h1{ font-size: 32px; }
	
	.flex-control-nav{ }

	.about-detail{ display: none; }

	.services-bg{ display: none; }
	.blog-bg{ display: none; }
	
	.filters li{ margin-bottom: 22px; float: none; margin-left: 0px; margin-right: 0px; }
	.service{ width: 100%; padding-right: 0px; }
	.project{ width: 100%; }
	.project-slider{ margin-bottom: 22px; }
	
	.blog-icon{ width: 15%; }
	.blog-title{ width: 85%; }
	
	.social-link{ width: 100%; }

	.hero-screens{ display: none; }
	
	.clients{ padding-bottom: 55px; }

	.section-contact .contact-form .form-input-left, .section-contact .contact-form .form-input-right{ width: 100%; }
}


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

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

	.project{ width: 50%; }


}


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

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

	#menu > ul li i{ display: none; }

	.service{ min-width: 100%; max-width: 100%; }
	
	.form-upper{ width: 100%; }
	.form-upper h5{ border-right: none; }
	.form-lower{ width: 100%; margin-bottom: 22px; }
	.form-lower h5{ border: none; }
	#form-button{ width: 100%; }

}