@media handheld, only screen and (min-width: 768px) {
	#nav li{
		position: relative;

	}

	#nav > li ul{
		position: absolute;
		top: 50px;
		left: auto;
		min-width: 220px;
		left: 0;
		text-align: left;
		background-color: #fff;
		padding: 15px;
		-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
		box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
		-webkit-transition:200ms ease;
	    -moz-transition:200ms ease;
	    -o-transition:200ms ease;
	    transition:200ms ease;
	    visibility: hidden;	
	}


	#nav > li:nth-last-child(2) ul,
	#nav > li:nth-last-child(1) ul{
		left: auto;
		right: 0;
	}
	#nav > li ul li{
		overflow:hidden;
	    height:0;
	    -webkit-transition:height 200ms ease-in;
	    -moz-transition:height 200ms ease-in;
	    -o-transition:height 200ms ease-in;
	    transition:height 200ms ease-in;
	    display: block;
	    margin: 0;
	    list-style: none;
	}
	#nav > li:hover ul li {
	    height:36px;
	}
	#nav > li ul a{
		text-transform: none;
		font-weight: normal;
		line-height: 36px;
	}

	#nav > li ul ul{
	    padding: 15px;
	    left: 200px;
	    top: 0;
	}

	#nav > li ul li:hover{
		overflow: visible;
	}

	#nav li:hover > ul{
		 visibility: visible;
	}
}

/* ========================================================== */
/* 		   19. BACKGROUND IMAGES - max-width: 1024px          */
/* ========================================================== */

@media only screen and (max-width: 1024px) {
	#home, .newsletter_wrapper, .fun_fact_wrapper {
		background-attachment: scroll;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

/* ========================================================== */
/* 					  20. MOBILE DEVICES                      */
/* ========================================================== */
@media handheld, only screen and (max-width: 767px) {
	.page-template-one-page .sticky-wrapper{
		position: relative;
	}

	.wide-mode .section_box,
	.section_box{
		padding-left: 20px !important;
		padding-right: 20px !important;
		max-width: 100%;
		width: auto;
	}
	
	
	.row {
		width: 90%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5%;
		padding-right: 5%;
	}
	body.squeeze .row{
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: inherit !important;
		max-width: 640px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		clear:both;
	}
	
	#header_wrapper {
		margin:0 auto;
		position: relative;
		height:70px!important;
		padding-top:0!important;
		padding-bottom:0!important;
	}
	
	#header_wrapper #header {
		margin:0 auto;
		position: relative;
		text-align:center;
	}
		
	#header_wrapper.shrink {
		margin:0 auto;
		height:70px!important;
	}
	
	a#logo {
		margin:15px 0 0 0!important;
	}
		
	.section_box, .section_box.no_margin_left, .section_box.no_margin_right, .section_box.no_margins_bottom{
		padding:80px 0 70px 0;
	}
		
	.section_box.no_margins_bottom{
		padding:80px 0 0 0;
	}
		
	.section_box.no_margins{
		padding-top:80px;
		padding-bottom:0;
	}
		
	.squeeze .home_box,
	.home_box{
		width:90%;
		margin:auto 5%;
		padding:70px 0 40px 0;
	}


	body.squeeze #email_newsletter {
	    max-width: 130px;
	    width: 65%;
	}
	body.squeeze #submit-button-newsletter {
	    max-width: 120px;
	    width: 35%;
	}
		
	h1.home_title{
		font-size:28px;
		line-height:34px;
	}

	h2.home_subtitle{
		font-size:16px;
		line-height:22px;
	}
	
	.portfolio_left, .portfolio_right, .portfolio_half{
		width:100%!important;
	}
	
	.portfolio_title h2 {
		padding:40px 0;
	}	
	
	.services_item {
		width: 90%;
		padding:0 5%;
	}
			
	.services_box{
		padding:20px 0 10px 0;
	}
					
	.quote_box{
		width:90%;
		margin:0 5%;
		padding:40px 0 0 0;
		text-align:center;
	}
	
	.quote_info{
		border-right: none;
	}
		
	img.quote_picture{
		display:inline-block;
		float:none;
		margin:0;
	}
	
	p.quote_name{
		float:none;
		font-size:14px;
		line-height:20px;
	}
	
	p.quote_name span{
		font-size:12px;
		font-weight:300;
		font-style:italic;
		text-transform:none;
	}
	
	p.quote_text {
		padding:5px 0 0 0;
		font-size: 15px;
		line-height: 22px;
	}
	
	span.quote_text, span.quote_autor{
		font-size:18px!important;
		line-height:32px!important;
	}
	
	span.quote_autor{
		font-size:14px!important;
		line-height:28px!important;
	}
		
	.fun_facts_box{
		width:50%;
	}
			
	#email_newsletter {
		width:70%;
		max-width:270px; 
	}
		
}

/* ========================================================== */
/* 						   MOBILE 320px                       */
/* ========================================================== */
@media handheld, only screen and (max-width: 320px) {
			
	#email_newsletter {
		width:65%;
		max-width:130px; 
	}
		
	#submit-button-newsletter {
		width:35%;
		max-width: 120px;
	}

}

@media handheld, only screen and (max-width: 480px) {
	.fun_facts_box {
	    width: 100%;
	}

	.page-template-one-page .sticky-wrapper{
		position: absolute;
	}
	#home{
		padding-top: 70px;
	}
	.squeeze #home{
		padding-top: 0;
	}
	p.quote_text,
	.quote_info{
		text-align: center;
	}
}
/* ========================================================== */
/* 				    21. RESPONSIVE NAVIGATION                 */
/* ========================================================== */
#wt_responsive_nav_wrap {
	width: 100%;
	right: -100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	background-color: #ffffff;
	height: 100%;
	padding: 90px 0;
	margin-left: -2px;
	overflow: hidden;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform: 	scale(0.5);
	-moz-transform: 	scale(0.5);
	-ms-transform: 		scale(0.5);
	-o-transform: 		scale(0.5);
	transform: 			scale(0.5);
	-webkit-transition: all 0.6s ease;
	-moz-transition: 	all 0.6s ease;
	-o-transition: 		all 0.6s ease;
	-ms-transition: 	all 0.6s ease;
	transition: 		all 0.6s ease;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%; }

#wt-responsive-nav {
	margin-left: 0;
	width: 100%; }

.show_responsive_nav {
	overflow: hidden; }

.csstransforms3d #wt_responsive_nav_wrap {
	-webkit-transform: 	scale3d(0.5);
	-moz-transform: 	scale3d(0.5);
	-ms-transform: 		scale3d(0.5);
	-o-transform: 		scale3d(0.5);
	transform: 			scale3d(0.5); }

.show_responsive_nav #wt_responsive_nav_wrap {
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
	-webkit-transform: 	translate(-100%, 0);
	-moz-transform: 	translate(-100%, 0);
	-ms-transform: 		translate(-100%, 0);
	-o-transform: 		translate(-100%, 0);
	transform: 			translate(-100%, 0); }	

.csstransforms3d .show_responsive_nav #wt_responsive_nav_wrap {
	-webkit-transform: 	scale3d(1);
	-moz-transform: 	scale3d(1);
	-ms-transform: 		scale3d(1);
	-o-transform: 		scale3d(1);
	transform: 			scale3d(1);
	-webkit-transform: 	translate3d(-100%, 0, 0);
	-moz-transform: 	translate3d(-100%, 0, 0);
	-ms-transform: 		translate3d(-100%, 0, 0);
	-o-transform: 		translate3d(-100%, 0, 0);
	transform: 			translate3d(-100%, 0, 0); }	

#wt-responsive-nav>li:first-child>a:first-child { border-top-style: solid; border-top-width: 1px; }
#wt-responsive-nav li { margin: 0; padding: 0; position: relative; float: none; clear: both; }
#wt-responsive-nav li > a:before {
	content: "\e00b";
	position: absolute;
	top: 13px;
	margin-left: -15px;
	font-family: 'icons-font';
	font-size: 12px;
	color: #222; }
#wt-responsive-nav li > a i {
	position: absolute;
	top: 15px;
	display: inline-block;
	right: 24px;
	font-size: 14px;
	color: #222; }
#wt-responsive-nav .sub-menu {
	/*display: none;*/ }		
#wt-responsive-nav, 
#wt-responsive-nav li > a {
	border-color: #E1E1E1;
	color: #555;
	-webkit-transition: none; 
	-moz-transition: none;
	-o-transition: none; 
	transition: none }
#wt-responsive-nav .current_page_item > a,
#wt-responsive-nav li > a:hover,	
#wt-responsive-nav li > a.active {
	color: #FFFFFF;
	background-color: #222; }
#wt-responsive-nav .current_page_item  > a:before,
#wt-responsive-nav li > a:hover:before,
#wt-responsive-nav li > a.active:before,
#wt-responsive-nav .current_page_item  > a i,
#wt-responsive-nav li > a:hover i,
#wt-responsive-nav li > a.active i {
	color: #FFFFFF;}
#responsive_nav_open:hover, 
#responsive_nav_hide:hover {
	background-color: #222; }
#responsive_nav_open:hover i:before, 
#responsive_nav_hide:hover i:before {
	color: #FFFFFF; }
	
.current_page_item > a:before, 
.current-menu-item > a:before {
	font-weight: normal; }	
			
#wt-responsive-nav ul { margin: 0; padding: 0; display: block; width: 100%; left: 0; position: relative; }
#wt-responsive-nav a { padding: 13px 28px; border-bottom-style: solid; border-bottom-width: 1px; width: 100%; display: block; margin: 0; text-decoration: none; position: relative; }
#wt-responsive-nav a { padding-left: 35px; }
#wt-responsive-nav ul a { padding-left: 55px; }
#wt-responsive-nav ul ul a { padding-left: 75px; }
#wt-responsive-nav ul ul ul a { padding-left: 95px; }


#responsive_nav_open, 
#responsive_nav_hide {
	position: absolute;
	right: 20px;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
	height: 34px;
	margin-top: 17px;
	z-index: 9999;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1E1E1;
	display: none;
	background-color: #FFFFFF; }
#responsive_nav_open i:before, 
#responsive_nav_hide i:before {
	color: #333333;
	font-size: 18px;
	margin: 0;
	display: block;
	line-height: 36px; }
#responsive_nav_hide i:before {
	font-size: 30px; }		
.small_device_active #responsive_nav_open { display: block; }
.small_device_active #nav { display: none; }	
#responsive_nav_hide {
	display: block;
	z-index: 10000;
	visibility: hidden;
	opacity: 0;
	top: 24px;
	right: 20px; }	
.show_responsive_nav #responsive_nav_hide {
	opacity: 1;
	visibility: visible; 
}

/* ========================================================== */
/* 				  	     22. PRINT STYLES                     */
/* ========================================================== */
	 
	@media print {
		* {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; }
		a, a:visited { text-decoration: underline; }
		a[href]:after { content: " (" attr(href) ")"; }
		abbr[title]:after { content: " (" attr(title) ")"; }
		.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		thead { display: table-header-group; /* h5bp.com/t */ }
		tr, img { page-break-inside: avoid; }
		img { max-width: 100% !important; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3 { page-break-after: avoid; }
	}