/*!
 * (C) 2021 unless otherwise licensed.
 * @author Dennis Lo, Dennis Lo Designs, http://www.dennislo.com
 * @author Derek Nobuyuki Wallace, iGEN Knowledge Solutions, Inc. http://www.igen.ca
 */

/** Baseline */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{overflow-y: scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; _font-family: 'courier new', monospace; font-size:1em;}
body,select,input,textarea{font: 11px Verdana,Georgia,"Lucida Sans Unicode",san-serif;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }h1{font-size:2em;}
a:hover, a:active { outline: 0; color: #000;}a, a:active, a:visited { color: #000; text-decoration: 0; }a:hover { text-decoration: underline; color: #000;}a:focus{outline:thin dotted;}
ul, ol { margin-left: 1.8em; }ol { list-style-type: decimal; }nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {padding: 15px;white-space: pre;/*CSS2*/white-space:pre-wrap;/*CSS2.1*/white-space:pre-line;/*CSS3*/word-wrap:break-word;/*IE*/}
textarea { overflow: auto; }
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px; 
 -webkit-box-shadow: 0px 0px 5px; 
         box-shadow: 0px 0px 5px;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
svg:not(:root){overflow:hidden;}
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;} .clearfix:after { clear: both; }.clearfix { zoom: 1; }

body *{}
/** Scrollbar */
::-webkit-scrollbar {
	height: 6px;
	overflow: visible;
	width: 10px;
	background: #EEE;
}
::-webkit-scrollbar-thumb {
	background-color: #CCC;
	background-clip: padding-box;
	border: 1px solid #AAA;
	box-shadow: inset 0 0 2px #999;
	min-height: 8px;
	padding:0;
	border-width: 1px;
}
::-webkit-scrollbar-button {
	height: 0;
	width: 0;
	padding: 0px;
}
::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px;
	border: 1px solid #BBB;
	border-right: none;
	border-bottom: none;
	abox-shadow: inset 0 0 4px #BBB;
}
::-webkit-scrollbar-corner {
	background: #EEE;
}
::-webkit-scrollbar-thumb:hover {
	background: #AAA;
	border: 1px solid #777;
	box-shadow: inset 0 0 2px #777;
}
a:link, a:visited { outline: 0; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/* WP */
.alignnone{margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;margin: 5px 0 20px 20px;}
.alignleft{float: left;margin: 5px 20px 20px 0;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
a img.alignright{float: right;margin: 5px 0 20px 20px;}
a img.alignnone{margin: 5px 20px 20px 0;}
a img.alignleft{float: left;margin: 5px 20px 20px 0;}
a img.aligncenter{display: block;margin-left: auto;margin-right: auto}
.wp-caption{background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone{margin: 5px 20px 20px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text{font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/** Extension ############################################## */
/* Layout */
body {
	font-family: 'Nunito Sans', helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

body > header{
	position: fixed; 
	top: 15px; 
	right: 15px; 
	width: 150px;
	z-index: 9999;
	padding: 10px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

body > footer{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	right: 0;
	min-height: 20px;
	text-align: center;
	display: block;
	background: #fff;
	z-index: 9999;
	column-count: 2;
}

#mainSection{
	width: 100%;
	height: 100%;
	padding-bottom:20px;
}








/* Top Navigation
********************************************************/
#mainNavigation{
	padding: 0px;
	height: auto;
	color: #fff;	
}
.toggle-line {
    height: 2px;
    width: 15px;
    display: block;
    background-color: #00282D;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    left: 134px;
}

.toggle-line.line-1 {
    top: 0;
}
.toggle-line.line-2 {
    top: 50%;
    margin-top: -1px;
}
.toggle-line.line-3 {
    top: 50%;
    margin-top: 6px;
}

#mainNavigation h1 {
	text-align: right;
	margin: 0;
	padding: 0;
	border-bottom: 1px #999 solid;
}

a.mainNavigationLogo {
	height: 94px;
	margin: 0;
	color: #000;
	font-size: 1.6em;
	font-weight: 500;
	font-family: 'Helvetica Neue', Helvetica, Ariel, sans-serif; 
	line-height: 41px;
	display: block;
}

a.mainNavigationLogo:hover {
	color: #222;
	text-decoration: none;
}

a.mainNavigationLogo span {
	font-size: .45em;
	font-weight: 300;
	color: #000;
	display: block;
	line-height: 23px;
	letter-spacing: 1px;
}

#mainNavigation .navExpander {
	text-indent: 0;
	text-align: right;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #333;
	line-height: 16px;
	height: 16px;
	display: block;
	margin: 10px 0;
	padding: 0 13px 0 0;
	position: relative;
}

#mainNavigation .navExpander:hover {
	opacity: .5;
	text-decoration: none;
}

#mainNavigation ul#navMainList {
	overflow:hidden;
	z-index: 9999;
	position: relative;
	height: 0px;
}

#mainNavigation ul {
	text-align: right;
	font-size: 1em;
	margin-bottom: 10px;
}

#mainNavigation ul li a {
	text-align: right;
	padding: 5px 0;
	color: #fff;
}

#mainNavigation ul li a.navMainLink {
	display: block;
	font-weight: 600;
	padding: 5px 0;
	z-index: 9999;
	opacity: 1;
	color: #333;	
}

#mainNavigation ul li a.navMainLink:hover{
	color: #fff;
	text-decoration: none;
	background: #000;
}

#mainNavigation .navNextArrow {
	width: 45px;
	height: 50px;
	display: block;
	background: url(/img/iconArrowNext-wh-3.png) 0 0 no-repeat;
	text-indent: -8888px;
	margin: 10px 0 0 120px;
	z-index: 9999;
}

#mainNavigation .navPrevArrow {
	width: 45px;
	height: 50px;
	display: block;
	background: url(/img/iconArrowPrev-wh-3.png) 0 0 no-repeat;
	text-indent: -8888px;
	margin: 0 0 15px 120px;
	z-index: 9999;
}

#mainNavigation .navNextArrow:hover {
	background: url(/img/iconArrowNext-wh-3.png) 0 0 no-repeat;
	opacity: .5;
}

#mainNavigation .navPrevArrow:hover {
	background: url(/img/iconArrowPrev-wh-3.png) 0 0 no-repeat;
	opacity: .5;
}

#mainNavigation .navTitle {
	text-align: right;
	margin: 10px 0 0 0;
	text-transform: lowercase;
}


footer #copyright {display:block; text-align: right;padding: 5px;font-size: .8em;}

html.lang-en .navMainItemZH, html.lang-en .navMainItemZT, html.lang-en .textZH, html.lang-en .textZT {display: none !important;}
html.lang-zh .navMainItemEN, html.lang-zh .navMainItemZT, html.lang-zh .textEN, html.lang-zh .textZT {display: none !important;}
html.lang-zt .navMainItemZH, html.lang-zt .navMainItemEN, html.lang-zt .textZH, html.lang-zt .textEN {display: none !important;}
header #languageSelector {display:none;}
#languageSelector {text-align: left;font-size: .8em; padding: 5px;} 
#languageSelector ul li {display: inline-block;}
.LanguageOption {display:inline-block; margin: 0 10px 0 0;}
.LanguageOption a {color: #979797; padding-bottom:30px;}
.LanguageOption a:hover {text-decoration: underline;}
.LanguageOption.active a {color: #000; }
/*.LanguageOption.Active a {color: #000; }*/

/* Home
********************************************************/
#homeContent{}

#homeMasthead,
#backdrop,
.pageMasthead {
	display: block;
	width: 100%; 
	height: 100%;
	background-color: #fff;
	min-height: 600px;
	min-width: 1000px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
}

#homeMasthead img,
#backdrop img,
.pageMasthead img {
	width: 100%;
	height: 100%;
	z-index:8888;
	position: fixed;
	top: 0;
	left: 0;
	object-fit: cover;
}

#homeContent .content{
	display: none;
}

#mainSection .content {
	z-index: 6666;
	position: relative;
	font-size: .8em;
}





/* Projects Grid 
********************************************************/
#mainSection.content_portfolio {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

#mainSection.content_portfolio #backdrop {}
#mainSection.content_portfolio #backdrop img {object-fit: cover;}

article.projectCategory {
	z-index: 9999;
	font-size: .8em;
}

article.projectGrid {    /*transition: all 0.3s ease-in-out 0s;*/}
article.projectGrid ul {
	list-style: none;
	margin: 0;
	padding: 0;
	grid-template-columns: 1fr 1fr 1fr;
	display: inline-grid;
	width: 100%;
	column-gap: 10px;
	row-gap: 10px;
}
article.projectGrid ul li.projectGridItem {
	margin: 0;
	padding: 0;
	min-height: 200px;
	border: 0;
	display: inline-block;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.projectGridItem a {
	display: block;
	height: 100%;
	width: 100%;
	font-size: 1.9em;
	font-weight: 100;
}
.projectGridItem a span {
	display: none;
}
.projectGridItem a:hover img {
	opacity: .5;
}
.projectGridItem a:hover span {
	display: block;
}
.projectGridItem a img {
	display: block;
	height: auto;
	min-width: 100%;
}
.projectGridItem a span {
z-index: 9999;
position: absolute;
bottom:0;left:0;
padding: 10px;
text-transform: uppercase;
}

.projectGridItemImage {min-height: 100%;background-size: cover;}

/* Filter Grid List Added 2021-2022 */
#projectGridListFilter.projectGrid_commercial .projectGridItem{ display:none;}
#projectGrid #projectGridListFilter.projectGrid_commercial .projectGridItemCategory-commercial{display:inline-block;}
#projectGridListFilter.projectGrid_residential .projectGridItem{ display:none;}
#projectGrid #projectGridListFilter.projectGrid_residential .projectGridItemCategory-residential{display:inline-block;}
#projectGridListFilter.projectGrid_restaurants-bars .projectGridItem{ display:none;}
#projectGrid #projectGridListFilter.projectGrid_restaurants-bars .projectGridItemCategory-restaurants-bars{display:inline-block;}
#projectGridListFilter.projectGrid_hotel .projectGridItem{ display:none;}
#projectGrid #projectGridListFilter.projectGrid_hotel .projectGridItemCategory-hotel{display:inline-block;}
#projectGridListFilter.projectGrid_all .projectGridItem{ display:inline-block;}
#projectGrid #projectGridListFilter.projectGrid_all .projectGridItemCategory-all{display:inline-block;}
#projectCategoriesList{opacity:0.3;}
#projectCategoriesList ul li {display: inline-block;margin:15px; font-size: 1.1em;position: relative;}
.projectCategory.active a {background-color: #000; color: #fff;}

/* Project Detail
********************************************************/
#mainSection.content_portfolio #backdrop.projectGallery {
	background-image: none;
	min-width: 0;
}

#backdrop.projectGallery img {
	position: fixed;
	min-width: 1000px;
	min-height: 670px;
	height: 100%;
	width: 100%;
}

.projectDetails {
	z-index: 9999;
	font-size: .9em;
	position: fixed;
	right: 15px;
	margin: -230px 0 0 0;
	color: #ccc;
	text-align: right;
	opacity: .8;
}

.projectDetails ul {
	list-style: none;
}


.navProjectTitle {
	font-size: .8em;
	text-align: right;
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: 100;
	text-transform: lowercase;
	letter-spacing: 2px;
	background: #000;
}

a.navViewAll {
	text-align: right;
	text-transform: lowercase;
	display: block;
	font-size: .8em;
	font-weight: 600;
}

a.navViewAll:hover {}

#projectDetails {
	overflow:hidden;
	height: 0;
}

.projectDetailsExpander {
	background: url(/img/icon-info.png) 0 0 no-repeat; 
	height: 20px;
	width: 20px;
	display: block;
	text-indent: -8888;
	margin: 0 0 10px 175px;
}

.projectDetailsExpander:hover {
	opacity: .7;
}



/* About, Contact Page
********************************************************/
#subnav {
	position: relative;
	z-index: 9999;
	width: 550px;
	margin: 0 auto;
	margin-top: 150px;
}

#subnav ul li {
	display: inline-block;
}

#subnav ul li a {
	font-size: .9em;
	font-weight: 900;
	padding: 0 30px 0 0;
	color: #666;
}

#subnav ul li.active a {
	color: #000;
}

.pageContent .content{
	width: 550px;
	margin: 0 auto;
	line-height: 150%;
}

.pageContent > .contentHeader{}

.pageContent .title{
	font-weight: 700;
	display: none;
}

.content_contact .content {
	margin-top: 150px;
}



#mainSection.content_company #backdrop {
	background: url(http://luidna.com/w/wp-content/uploads/2012/11/about-masthead.jpg) top left no-repeat;
	background-size: cover;
}
#mainSection.content_company #backdrop img {
	display: none;
}

#mainSection.content_contact .pageMashead {
	background: url(http://luidna.com/w/wp-content/uploads/2012/11/contact-masthead.jpg) top left no-repeat;
	background-size: cover;
}
#mainSection.content_contact .pageMashead img {
	display: none;
}





/* Blog Grid
********************************************************/
.blog {
	position: relative;
	z-index: 9000;
	margin-top: -500px;
	margin: 150px 150px 0 200px;
}

.blog article.newsListItem {
	position: relative;
	width: 400px;
	height: 290px;
	float: left;
	margin: 0 35px 50px 0;
	background: #fff;
	box-shadow: #999 0.1em 0.2em 0.4em;
}

.blog article.newsListItem:hover {
	background: #cfcfcf;
}

.content_blog h2.sectionTitle {
	display: none;
}

.blog .newsListItem .newsTitle {}

.blog .newsListItem .newsTitle a {
	font-size: 20px;
	font-weight: 100;
	padding: 15px;
	line-height: 140%;
	display: block;
	background: #fff;
}

.blog article.newsListItem:hover .newsTitle a:hover {
	color: #ccc;
	background: #333;
	text-decoration: none;
}

.blog .newsListItem .newsDate {
	font-size: .7em;
	opacity: .8;
	padding: 8px;
	position: absolute;
	bottom: 25px;
	z-index: 9999;
	background: #fff;
	text-transform: uppercase;
	box-shadow: #999 0.1em 0.2em 0.2em;
}

.blog .newsListItem .newsImage {}

.blog .newsListItem .newsImage img {
	max-width: 400px;
}

.blog article.newsListItem:hover .newsImage img {
	opacity: .5;
}

.blog .newsListItem .newsCategories {
	position: absolute;
	bottom: 5px;
}

.blog .newsListItem .newsCategories a {
	font-size: .8em;
	padding: 8px;
}

.navBlogCat {
	display: block;
}

.content_blog .news {
	width: 780px;
	position: relative;
	z-index: 9000;
	background: #fff;
	margin: 0 auto;
	margin-top: 150px;
	padding: 30px;
}

.content_blog .newsFullContentHeader h2 {
	font-size: 1.6em;
	font-weight: 100;
}

.content_blog .mainContent {
	font-size: .9em;
}

.content_blog .newsCats {
	margin: 10px 0;
}

.content_blog .newsCats a {
	font-size: .8em;
	padding: 6px;
	background: #ccc;
	display: inline-block;
	margin: 0 0 1px 0;
}

.newsFullContent .newsCats a {
	text-transform: uppercase;
	background: #ccc;
	font-size: .8em;
	padding: 2px;
}

.newsFullContent .postNavigation {
	float: none !important;
	margin: 10px 0;
}

.downNavigation a {
	display: block;
	width: 37px;
	height: 50px;
	text-indent: -8888px;
	background: url(/img/icon-prevArrow.png) 0 0 no-repeat;
	outline: 0;
	border: 0;
	cursor: pointer;
	float: left;
	margin: 0 0 0 -75px;
}

.upNavigation a {
	display: block;
	width: 37px;
	height: 50px;
	text-indent: -8888px;
	background: url(/img/icon-nextArrow.png) 0 0 no-repeat;
	outline: 0;
	border: 0;
	cursor: pointer;
	margin-left: 825px;
}

.downNavigation a:hover,
.upNavigation a:hover {
	opacity: .6;
}

.newsFullContent .description {
	clear: both;
	margin-top: -30px;
}

.newsFullContent img {
	max-width: 780px;
}



/* ******************************************** *
 * * Mobile Media Query Overrides  2022 ** *
 * ******************************************** */

 @media only screen and (max-width: 800px) {
	article.projectGrid ul {grid-template-columns: 1fr 1fr;}

}



/* Mobile iPhone5 high resolution --- Portrait 
*************************************************/
@media only screen and (max-device-width: 480px) {
	body {	}
	body > header {
		position: fixed;
		top: 0;
		right: 0;
		padding: 10px 0;
		width: 100%;
		opacity: .9;
		z-index: 9999;
	}
	#mainNavigation h1 {font-size: 1em;margin: 0 5px 0 0;border-bottom: none;}
	a.mainNavigationLogo {line-height:22px; height: auto; font-size: 1.8em;}
	a.mainNavigationLogo span {line-height:12px;}
	#mainNavigation .navExpander {
		text-align: left;
		padding: 0 13px 0 25px;
		top: 5px; 
		left: 5px;
		position: absolute;	
		font-size: 1.1em;
	}
	.toggle-line {left: 0;}
	#mainNavigation ul li a {text-align: center;}
	#mainNavigation ul li a.navMainLink {font-size: 1.3em; font-weight: 200; letter-spacing: 1px;}
	#mainNavigation .navNextArrow {position: absolute; margin: 0; right: 0; top:300px;}
	#mainNavigation .navPrevArrow {position: absolute; margin: 0; left: 0; top: 300px;}
	#languageSelector {text-align: center;    padding: 5px 0 0 5px;}
	#languageSelector ul li {display: inline-block;margin: 0 10px 0 0;}
	

	.pageMasthead {z-index: -1;}
	
	#mainSection {
		width: 100%;
		height: auto;
		padding-bottom:56px;
	}
	#mainSection.content_portfolio {
		margin: 0;
		width: 100%;
		position: relative;
		padding-top: 65px;
	}
	article.projectGrid ul {grid-template-columns: 1fr;}

	article.pageContent {padding-top: 75px;}

	article.projectCategory {
		z-index: 8888;
		position: relative;
		top: 170px;
		width: 290px;
		font-size: .8em;
		margin: 0 0 25px 25px;
		display: block;
	}
	#projectCategory_commercial {
		margin: 0 0 25px 15px;
	}
	#projectCategory_residential {
		margin: 0 0 25px 15px;
	}
	#projectCategory_restaurants-bars {
		margin: 0 0 25px 15px;
	}
	article.projectCategory ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	article.projectCategory ul li {
		margin: 10px 0;
	}
	article.projectCategory h3 {
		font-size: larger;
	}
	#backdrop.projectGallery {
		height: auto !important;
		position: relative !important;
	}
	.content_portfolio #backdrop.projectGallery img {
		height: auto;
		width:100%;
		min-width: 0;
		min-height: 0;
		max-height: none;
		display: block !important;
		opacity: 1.0 !important;
		position: relative !important;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 0 0 1px 0;
	}
	#header_portfolio .navNextArrow,
	#header_portfolio .navPrevArrow {
		display: none;
	}
	#subnav {
		width: 300px;
		margin: 240px 0 0 15px;
	}
	#subnav ul li.active a {
	}
	.pageContent .content{
		width: auto;
		margin: 15px;
	}
	.pageContent .title{
		font-weight: 700;
		display: none;
	}
	.content_contact .content {
		margin-top: 240px;
	}

	#mainSection.content_portfolio #backdrop.projectGallery {top: 95px; margin-bottom: 75px;}
	#projectCategoriesList ul li {display: block; margin: 15px 5px;}
	a.navViewAll {font-size:1em; padding: 0 5px 0 0;}

	.projectGridItem a {font-size:1.5em;}
	.projectGridItem a:hover img {opacity: .5;}
	.projectGridItem a span{display: block;background-color: #fff; opacity: 0.8;}
	.navProjectTitle {padding: 5px;}
	footer {text-align: center;}
	#copyright {font-size: .8em; color: #666;}
	
}


/* Mobile iPhone 5, Android --- Landscape 
*************************************************/
@media only screen and (min-width: 480px) and (max-device-width: 1136px) {
	
	body {
		/* background:; */
	}
	.pageContent .content{
		width: 490px;
		margin: 15px;
	}
	#homeMasthead,
	#backdrop,
	.pageMasthead {
		width: 575px;
		height: auto;
		min-height: 0px;
		min-width: 0px;
	}
	#homeMasthead img,
	#backdrop img,
	.pageMasthead img {
		width: 575px;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content_portfolio #backdrop.projectGallery img {
		height: auto;
		width: 575px;
		min-width: 0;
		min-height: 0;
		max-width: none;
		max-height: none;
	}
	.blog {
		position: relative;
		margin: 10px 0 0 0;
	}
	.blog article.newsListItem {
		position: relative;
		width: 400px;
		height: auto;
		float: none;
	}
	.content_blog .news {
		width: 400px;
		margin: 10px 0 0 0;
	}
	.content_blog .news img {
		max-width: 400px;
	}
	article.projectGrid ul {grid-template-columns: 2fr;}

}




/* Mobile iPad 3,4 --- Portrait
*************************************************/
@media only screen and (min-width: 748px) and (max-device-width: 1034px) {
	
	body {
		/* background: ; */
	}
	a.mainNavigationLogo {
		font-weight: 600;
	}
	#subnav {
		width: 300px;
		margin: 0px 0 0 15px;
		padding: 90px 0 0 0;
	}
	.pageContent .content{
		width: 490px;
		margin: 15px;
	}
	.content_contact .content {
		margin-top: 0px;
		padding-top: 90px;
	}
	#mainSection.content_portfolio {
		margin: 0 0 0 0;
		width: auto;
	}

	#homeMasthead,
	#backdrop,
	.pageMasthead {
		width: 768px;
		height: auto;
		min-width: 0;
		min-height: 0;
		/* background: ; */
		position: relative !important;
	}
	#homeMasthead img,
	#backdrop img,
	.pageMasthead img {
		width: 768px;
		height: auto;
		border: 0;
		outline: 0;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.content_portfolio #backdrop.projectGallery img {
		height: auto;
		width: 768px;
		min-width: 0;
		min-height: 0;
		max-width: 768px;
		max-height: none;
	}
	.blog {
		margin: 0;
		padding-top: 15px;
	}
	.blog article.newsListItem {
		float: none;
		margin: 0 15px 15px 15px;
		width: 550px;
	}
	.blog .newsListItem .newsImage img {
		max-width: 550px;
	}
	.content_blog .news {
		width: 450px;
		margin: 0 0 0 50px;
	}
	.content_blog .news img {
		max-width: 450px;
	}
	.upNavigation a {
		margin-left: 485px; 
	}
	article.projectGrid ul {grid-template-columns: 2fr;}


}





/* Mobile iPad pro --- Landscape
*************************************************/
@media only screen and (min-width: 1024px) and (max-device-width: 1366px) {
	
	body {
		/* background: ; */
	}
	a.mainNavigationLogo {
		font-weight: 600;
	}
	#subnav {
		margin: 0px 0 0 130px;
		padding: 90px 0 0 0;
	}
	.pageContent .content {
		margin: 15px 0 15px 130px;
	}
	.content_contact .content {
		margin-top: 0px;
		padding-top: 90px;
	}
	#mainSection.content_portfolio {
		margin: 0 0 0 0;
	}
	#homeMasthead,
	#backdrop,
	.pageMasthead {
		position: relative !important;
		width: 1024px;
		height: auto;
		min-width: 0;
		min-height: 0;
		top: 0;
		left: 0;
		/* background: ; */
	}
	#homeMasthead img,
	#backdrop img,
	.pageMasthead img {
		min-width: 1024px;
		min-height: 0;
		width: 1024px;
		height: auto;
		border: 0;
		outline: 0;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#mainSection.content_portfolio article.projectCategory {
		padding-left: 150px;
	}
	.content_portfolio #backdrop.projectGallery img {
		width: 1024px;
		height: auto;
		min-width: 1024px;
		min-height: 0;
		max-width: 1024px;
		max-height: none;
	}
	.blog {
		margin: 0;
		padding-top: 15px;
	}
	.blog article.newsListItem {
		float: left;
		margin: 0 15px 15px 15px;
	}
	.content_blog .news {
		width: 650px;
		margin: 0 0 0 50px;
	}
	.upNavigation a {
		margin-left: 690px; 
	}
	.content_blog .news img {
		max-width: 650px;
		width: auto;
	}
	article.projectGrid ul {grid-template-columns: 1fr 1fr;}
}