/*--------------- Useful for block switching --------------*/
/*---------------------------------------------------------*/
	
.hideOnPhone{
	display:block;
}
.hideOnSmallTablet{
	display:block;
}
.showOnPhone{
	display:none;
}
.showOnSmallTablet{
	display:none;
}

/*
Saeed - 10 Sept 2015
Some anchor links in the responsive versions of the site may span across and break the layout.
Uncomment the following line to fix this issue.  Left it commented at the moment but uncomment in 
2dev if you feel that it's safe to keep is available on responsive sites.
*/
/*
a {
	word-break: break-all;
}
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .wrapper-inner, .wrapper-inner-large {
		flex: 0 1 auto;
	 }
}

/*Apply to all Responsive*/
@media (max-width: 2000px) {
	
	img{
		max-width: 100%;
		height: auto;
	}

	.wrapper-inner{
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		max-width: 1180px;
	}
	
	#foot{
		width:100%;
	}	

}

/*Apply to all Responsive*/
@media (max-width: 1600px) {
	.banner .bannerText {
    	top: 24%;
	}
	
	.col2{
		margin-right: 2%;
		width: 49%;
	}
	
	.col2 .col4{
		margin-right: 4%;
		width: 48%;
	}
	
	.col4 {
		margin-right: 2%;
		width: 23.5%;
	}
	
	.colLast, .col2 .col4.colLast {
		margin-right: 0px;
	}

	.productImages{
		width:100%;
	}

	.productImages li {
		margin-right: 2%;
		width: 23.5%;
	}

	#productsList .slider-range {
		margin-bottom:2%;
	}

}

/*Apply to all Responsive*/
@media (max-width: 1400px) {
	#productRanges{
		width:100%;
	}
	#productRangesContainer .bx-controls {
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		position: relative;
		width:78px;
	}
	#productRangesContainer .bx-prev{
		left:0px;
    	background-image: url("../images/ranges-responsive-prev.png");
   	 	height: 48px;
    	width: 24px;
	}
	#productRangesContainer .bx-next{
		right:0px;
		background-image: url("../images/ranges-responsive-next.png");
   	 	height: 48px;
    	width: 24px;
	}

	#home-slider-wrapper div.textarea {
		top: 40%;
	}
}

/*small laptops */
@media(max-width: 1366px) and (max-height: 768px){
	h2 {
		font-size: 1.4em;
	}

	#featured-products h2 {
		font-size: 28px;
	}
	#featured-products div.featured-text h2 {
		font-size: 42px;
	}
	#page-top-banner h1 {
		font-size: 56px;
	}
	.variant-button, .variant-button:visited {
		font-size: 24px;
	}
	#productInfo h2, #productData-top h2 {
		font-size: 30px;
	}
	#home-slider-wrapper div.textarea h2 {
		font-size: 66px;
	}
}

/*Apply to all Responsive*/
@media (max-width: 1300px) {
	
	.banner .bannerText, .banner .bannerText p {
    	top: 16%;
		padding-left:1%;
		padding-right:1%;
		width:98%;
	}
	
	.banner .bannerText h2 {
		font-size: 4.0em;
		padding-left:1%;
		padding-right:1%;
		width:98%;
	}
	
	#nvcBrochure h3 {
    	margin-bottom: 81px;
	}
	
	#featuredProject p {
    	margin-bottom: 88px;
	}	
	
	#topSection .textContainer {
		margin-left: 4%;
		margin-right:4%;
		width: 92%;
	}

	#topSection h1 {
		font-size:2em;
	}
	
	.col3{
		margin-right:2%;
		width:32%;
	}
	
	.colLast{
		margin-right:0px;
	}	
	
	.Template2colContainer, .Template3colContainer {
		width:100%;
	}
	.Template2colColumn {
		margin-right:2%;
		width:48%;
	}
	/*.Template3colColumn {
		margin-right:2%;
		width:31%;
	}*/
	
	.newsimage {
		height:auto;
		width:100%;
	}
	.newsitem h2 {
		font-size:1.4em;
	}
	
	#news-leftc {
		padding-right:2%;
		width:19%;
	}
	#news-content {
		width:79%;
	}
	.menu_header, #news-leftc ul {
		padding-right:2%;
		padding-left:2%;
		width:96%;
	}
	
	/*#divMapLeft {
		margin-right:2%;
		padding:0px;
		width:30%;
	}
	#divMapRight {
		width:68%;
	}*/

	#home-slider-wrapper div.textarea {
		top: 40%;
	}

	#home-slider-wrapper div.textarea h2 {
		font-size: 66px;
	}
	
}

/*Apply to all Responsive*/
@media (max-width: 1200px) {
	label{
		float:none;
	}
	.submitButton {
		margin-left:0px;
		margin-bottom:24px;
	}
	
	
	#light-calculator ul.roomDimensionsContainerList li {
		width: 15%;
	}

	#navigation ul li a, #navigation ul li a:visited {
		font-size: 16px;
		padding-left: 12px;
    	padding-right: 12px;
	}
	
}

/*Apply to all Responsive*/
@media (max-width: 1120px) {
	#header_graphic {
    	z-index: 700;
	}
	
	#header-left {
		width: 160px;
	}
	
	/*#navigation {
		width:800px;
	}*/
	#navigation ul li a, #navigation ul li a:visited {
		font-size: 16px;
		padding-left: 12px;
    	padding-right: 12px;
	}
	
	#subLightingDesign .subnavarrow {
		background-position: 255px center !important;
	}
	#subTechnical .subnavarrow {
		background-position: 380px center !important;
	}
	#moreImages img {
		margin-right: 1%;
	}

	.navImage {
		display: none;
	}

	#home-slider-wrapper div.textarea h2 {
		font-size: 58px;
	}

	#home-slider-wrapper div.textarea p {
		font-size: 1.6em;
	}

}

/*Apply to all Responsive*/
@media (max-width: 1024px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/



	/*#wrapper-header.sticky {
		height:110px;
		position: relative;
	}
	#dropdown-bg.dropdown-bg-sticky {
		top:110px;
	}
	#header_graphic img.shrink {
		width: 157px;
		height: 110px;
	}
	#navigation ul li .sub.sub-sticky {
		top: 30px;
		padding-top: 10px;
	}
	#navigation.nav-sticky {
		margin-top: 0px;
	}*/

	#mobile-search {
		display: block;
		position: absolute;
		top: 26px;
		right: 86px;
    	width: 42px;
	}

	#mobile-contact {
		display: block;
		position: absolute;
		top: 26px;
		right: 128px;
    	width: 114px;
	}

	#mobile-contact img {
		float: left;
		margin-right: 15px;
	}

	#wrapper-header {
		height: 90px;
	}

	#header {
		padding-top: 12px;
	}
	
	#header_graphic {
    	z-index: 750;
	}

	#header_graphic img {
		width: 126px;
		height: 66px;
	}
	
	/*#wrapper-header .wrapper-inner{
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}*/

	#header-right {
	    margin-right: 110px;
	    margin-top: 18px;
	}

	#header-right p.strapline {
		display: none;
		font-size: 22px;
	}	
	
	#header-left{
		width: 126px;
	}

	#wrapper-navigation {
		position: absolute;
	    top: 0;
	    right: 0;
	    height: 1px;
	    margin-right: 0px;
	    margin-top: 0px;
	    width: 100%;
	}

	#wrapper-navigation div.container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	
	#navigation{	
		float:none;
		border-bottom:0px;
		margin:0px;
		height: 1px;
		top:0px;
		right:0px;
		width:100%;
		position:relative;
		z-index: 600;	
	}
	#navigation ul{	
		background-color:#161618;
		border:0px;
		border-bottom:0px;
		position: absolute;
		top: 90px;
		right:0px;
		z-index:600;
		display:none;
		width:100%;
	}
	/*#nav-icon {
		display: block;
		background-image:url(../images/nav-mobile.gif);
		background-repeat:no-repeat;
		float:right;
		margin-right:1%;
		height:40px;
		width:40px;
	}*/

	#nav-icon {
		display: block;
		float: right;
		width: 40px;
		height: 40px;
		top: 26px;
		right: 30px;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-icon span {
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: #ffffff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 2px;
	}

	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	  top: 19px;
	}

	#nav-icon span:nth-child(4) {
	  top: 38px;
	}

	#nav-icon.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#nav-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 14px;
	}

	#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 14px;
	}

	#nav-icon.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#navigation ul li {
		border-bottom:1px solid #cccccc;
		display: block;
		width: 100%;
	}
	#navigation ul li a, #navigation ul li a:visited{
		float:none;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:2%;
		padding-right:2%;
		text-align: left;
	}

	#navigation ul li a#navSearch {
		background-position: 8%;
		padding-right: 35px;
		padding-left: 2%;
	}	
	
	
	#navigation ul li .sub {
		padding: 0px;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 10px;
		position: static; 
		top: auto;
		left: auto;
		width: 96%;
	}
	
	.subnavarrow{
		display:none;
	}
	
	#navigation ul li ul, .subnav #nav-product-links ul{
		margin-right: auto;
		margin-left: auto; 
		position:static;
		width: 100%;
	}
	
	#navigation ul li ul li{
		border:0px;
	}
	
	#navigation ul li .subnav {
    	padding-top: 0px;
    	padding-bottom: 20px;
	}
	
	/*#navigation ul li ul{
		margin-right: 4%;
		width:47%;
	}
	
	#navigation ul li .subSecondUl{
		margin-right:0px;
	}*/

	#navigation ul li#navLi {
		display: none;
	}
	
	.navImage {
    	float: right;
    	width: 280px;
	}
	
	.closed{
		display:none;
	}
	.open{
		display:block !important;	
	}

	.subnav #nav-product-links {
		width:100%;
	}
	
	#footerleft {
		width:100%;
	}
	/*#footerleft ul{
		position:static;
		text-align:keft;
	}*/	
	#footerleft ul li {
		padding-right: 0px;
	}
	#footerleft p{
		text-align:right;
	}

	#footerright {
		clear: both;
		float: left;
		margin-top: 30px;
		width: 100%
	}

	/*#footerright div.social {
		margin-left: 0px;
		margin-right: 30px;
	}*/

	#footer-bottom ul {
		float: left;
		white-space: normal;
	}

	#footer-bottom ul {
		clear: both;
		margin-top: 10px;
		padding-left: 0px;
	}

	#footer-bottom ul li:first-child {
		padding-left: 0px;
	}

	.homeboxes {
		width: 50%;
		flex: 0 0 50%;
    	max-width: 50%;
	}
	
	.homeboxes:first-child {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.homeboxes img {
		object-fit: cover;
		width: 100%;
	}

	#featured-products {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
    	margin-bottom: 50px;
	}

	#featured-products div.featured-text {
		width: 50%;
		flex: 0 0 50%;
    	max-width: 50%;
	}

	#featured-products .bx-controls {
		display: none;
	}

	#latest-news {
		width: 100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#latest-news h2.newstitle {
		font-size: 26px;
	}

	#news-2 {
		display: block;
	}

	#page-top-banner {
		padding: 30px;
	}
	#page-top-banner h1 {
		font-size: 50px;
	}
	
	#lightingDesign {
    	margin-bottom: 12px;
	}
	#nvcBrochure h3 {
		margin-bottom: 105px;
	}
	
	#topSection .textContainer {
    	margin-top: 18px;
	}
	
	#topSection p {
		font-size: 1.05em;
	}

	.downloadImage {
		margin-left: 1%;
		margin-right: 2%;
		width: 12%;
	}
	.downloadText {
		font-size: 1.0em;
		padding-top: 14px;
		width: 85%;
	}	
	
	#productIcons img{
		/*margin-bottom:10px;*/
	}
	
	#stockTable3col, #stockTable4col{
		width:100%;
	}
	#stockTable3col .stockData, #stockTable3col .stockHeading, #stockTable4col .stockData, #stockTable4col .stockHeading {
		padding:1% 1%;
	}
	#stockTable3col .stockData, #stockTable4col .stockData {
		font-size:1em;
	}
	.stockCode, .stockDesc, .stockDownloads, .stockCodeHeader, .stockDescHeader, .stockDownloadsHeader {
		margin-right: 1%;
	}
	#stockTable4col .stockCode,  #stockTable4col .stockCodeHeader {
		width: 18%;
	}
	#stockTable3col .stockCode,  #stockTable3col .stockCodeHeader {
		width: 36%;
	}
	.stockDesc, .stockDescHeader {
		width: 31%;
	}
	.stockDownloads, .stockDownloadsHeader {
		width: 15%;
	}
	.stockEnquiry, .stockEnquiryHeader {
		width: 25%;
	}

	
	#moreImages img{
		height:auto;
	}	

	#productInfo h1 {
    	font-size: 3.0em;
	}
	
	#productInfo .shortDescription p {
		font-size: 1.4em;
		margin-bottom: 54px;
	}

	#productsList {
		padding-bottom:12px;
	}
	
	/*.slider-range-inner .productThumb {
		height: 152px;
		
	}*/
	/*.slider-range-inner img{
		max-height:152px;
	}*/

	/*.Template3colColumn {
		margin-right:2%;
		width:48%;
	}*/
	.Templatecol3 {
		clear:both;
	}
	
	.newsitem h2 {
		font-size:1.2em;
	}
	.newsitem p {
		font-size:1.1em;
	}
	.newsitem h2 {
		min-height:60px;
	}
	.newsitem p {
    	min-height: 80px;
	}
	
	#news-content {
		width:77%;
	}
	#news-leftc {
    	width: 21%;
	}
	
	#divMapLeft, #divMapRight {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    width: 100%;
	}
	 
	
	#divMapLeft img{
		display:none;
	}	
	
	#light-calculator ul.calcRoomSelectList li{
		font-size:0.9em;
		width: 17%;
	}	
	#light-calculator ul.roomDimensionsContainerList li{
		font-size:0.9em;
	}

	#home-slider-wrapper div.textarea {
		top: 40%;
	}

	#home-slider-wrapper div.textarea h2 {
		font-size: 50px;
	}

	.category-listing div.category-text h2, .project-listing div.project-listing-text h2 {
		font-size: 1.4em;
	}

	/*#productInfo {
		display: none;
	}*/

	#productInfoMobile h2 {
		color: #ffffff;
		font-size: 30px;
	}

	.shortDescription {
		width: 100%;
	}

	.variant-button, .variant-button:visited {
		font-size: 24px;
	}

	#stockHeaders,	.stockContent {
		font-size: 1em;
	}

	#sitesearch input[type=text] {
		width: 86%;
	}

	#sitesearch input[type=submit] {
		width: 14%;
	}

	#search-box p {
		font-size: 1.6em;
		margin-top: 8px;
	}

	.project-wrapper div.col-sm-6 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.project-wrapper h1#project-title {
		font-size: 2em;
	}

	#productInfo .shortDescription p {
		font-size: 1.2em;
		margin-bottom: 24px;
	}

	.variant-button, .catalogue-button {
		margin-right: 0px;
		max-width: 500px;
		width: 100%;
	}

	#product-overlay{
		width: 90%;
		height: 500px;
		z-index:12000;		
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -230px; /* Negative half of height. */
		margin-left: -45%; /* Negative half of width. */
	} 

	#mc_embed_signup form {
		padding: 0px !important;
	}

	#home-slider-wrapper video#video {
		display: none;
	}

	#home-slider-wrapper ul#sliderhome {
		display: block;
	}


	#home-slider-wrapper ul#sliderhome div.bannerText {
		top: 25%;
		position: absolute;
		left: 3%;
		width: 94%;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText h2 {
		color: #ffffff;
		font-size: 40px;
		font-weight: 200;
		text-shadow: 1px 1px 2px #000000;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText p {
		color: #ffffff;
		font-size: 1.1em;
		font-weight: 300;
		text-shadow: 1px 1px 2px #000000
	}

	#home-slider-wrapper ul#sliderhome div.bannerText a, #home-slider-wrapper ul#sliderhome div.bannerText a:hover, #home-slider-wrapper ul#sliderhome div.bannerText a:visited {
		color: #ffffff;
		text-decoration: none;
	}

	#home-slider-wrapper div.textarea {
		display: none;
		top: 18%;
	}

	#home-slider-wrapper .bx-controls {
		display: none;
	}	

	
}

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

	#home-slider-wrapper div.textarea {
		top: 30%;
	}

	#home-slider-wrapper div.textarea h2 {
		font-size: 40px;
	}

	#home-slider-wrapper {
		overflow: hidden;
	}

	#home-slider-wrapper video#video {
		/*height: 400px;*/
		overflow: hidden;
		/*width: auto;*/
	}

	.homeboxes {
		width: 33.3333%;
		flex: 0 0 33.3333%;
    	max-width: 33.3333%;
	}
	
	.homeboxes:first-child {
		width: 33.3333%;
		flex: 0 0 33.3333%;
    	max-width: 33.3333%;
	}

}

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

	.homeboxes {
		width: 33.3333%;
		flex: 0 0 33.3333%;
    	max-width: 33.3333%;
	}
	
	.homeboxes:first-child {
		width: 33.3333%;
		flex: 0 0 33.3333%;
    	max-width: 33.3333%;
	}

	.homeboxes img {
		object-fit: cover;
		width: 100%;
	}

	.home-news {
		width: 50%;
		flex: 0 0 50%;
    	max-width: 50%;
	}


}



/*Small Tablet Sized */
@media (max-width: 767px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	#header_graphic {
    	z-index: 800;
	}
	
	.hideOnSmallTablet{
		display:none;
	}
	.showOnSmallTablet{
		display:block;
	}
	
	#wrap{
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}

	#header-right p.strapline {
		display: none;
	}

	label{
		float:none;
	}
	.submitButton {
		margin-left:0px;
		margin-bottom:24px;
	}
	
	.contactInputLarge {
		max-width:326px;
		padding-left:2%;
		padding-right:2%;
		width:95%;
	}

	#homeboxes-title {
		display: none;
	}


	#affiliations img {
		display: block;
		float: none !important;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	#featured-products {
		margin-bottom: 20px;
	}

	#featured-products div.featured-text, #featured-products div.featured-image {
		width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	#featured-products div.featured-text p {
		display: none;
	}

	#featured-products div.featured-text h2 {
		font-size: 40px;
	}

	#featured-products div.featured-image {
		margin-bottom: 20px;
	}

	#mobile-featured-all {
		color: #ffffff;
		margin-bottom: 50px;
		text-decoration: none;
	}


	/*#productInfo {
		display: none;
	}*/

	#productInfoMobile {
		display: block;
	}

	#topSection #leftSide{
		display:none;
	}
	#topSection #rightSide{
		float:none;
		height:auto;
		width:100%;
	}
	
	#topSection .textContainer{
		height:auto;
		margin-top:0px;
		padding-top:18px;
		padding-bottom:18px;
	}	
	
	.navImage{
		display:none;
	}	
	
	
	.newsitem {
		width:49%;
	}
	.newsitem:nth-child(2n+1) {
		margin-right:0px !important;
	}
	.newsitemlast {
		margin-right:2% !important;
	}
	
	.newsitem p {
    	min-height: 60px;
	}
	
	#news-content, #news-leftc  {
		float:none;
		width:100%;
	}
	#news-leftc {
		padding-right:0px;
	}
	.menu_header, #news-leftc ul {
    	padding-right: 0px;
    	padding-left: 0px;
    	width: 100%;
	}
	
	#footQuickLinks1 {
		margin-right:0px;
	}
	
	#light-calculator ul.calcRoomSelectList li {
		width: 30%;
	}
	#light-calculator input[type="text"], #light-calculator input[type="password"], #light-calculator input[type="email"], #light-calculator input[type="number"], #light-calculator input[type="search"], #light-calculator textarea, #light-calculator select {
    	width: 230px;
	}

	#home-slider-wrapper div.textarea {
		display: none;
		top: 18%;
	}

	#navigation ul li a#navSearch {
		background-position: 12%;
	}

	#home-slider-wrapper {
		overflow: hidden;
	}

	#home-slider-wrapper video#video {
		display: none;
	}

	#home-slider-wrapper ul#sliderhome {
		display: block;
	}


	#home-slider-wrapper ul#sliderhome div.bannerText {
		top: 25%;
		position: absolute;
		left: 3%;
		width: 94%;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText h2 {
		color: #ffffff;
		font-size: 40px;
		font-weight: 200;
		text-shadow: 1px 1px 2px #000000;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText p {
		color: #ffffff;
		font-size: 1.1em;
		font-weight: 300;
		text-shadow: 1px 1px 2px #000000
	}

	#home-slider-wrapper ul#sliderhome div.bannerText a, #home-slider-wrapper ul#sliderhome div.bannerText a:hover, #home-slider-wrapper ul#sliderhome div.bannerText a:visited {
		color: #ffffff;
		text-decoration: none;
	}	

	.bg-white div#about-nav-btns a.btn {
		width: 31%;
	}

	/*#about-nav-btns a#btn-4, #about-nav-btns a#btn-5 {
		width: 48%;
	}*/
	.stock-files {
		text-align: left;
	}

	#main-product-image {
		clear: both;
	}

	#productData-top a.variant-button {
		float: left;
	}

	#news-2 {
		display: none;
	}
}

/*Small Tablet Sized */
@media (max-width: 639px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	#header_graphic {
    	z-index: 850;
	}

	.homeboxes {
		width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	#featuredProduct h2{
		font-size:1.5em;
	}
	
	

	#productLeft{
		float:none;
		margin-right:0px;
		width:100%;
	}
	#productRight{
		float:none;
		margin-right:0px;
		width:100%;
	}
	
	#productInfo {
    	margin-left: 0px;
	}
	
	#productData .col3{
		float:none;
		margin-right:0px;
		width:100%;
	}
	
	#productDrawings img{
		/*float:left;
		margin-left:1%;
		margin-right:1%;
		width:48%;*/
	}	
	
	.downloadImage {
		width: 6%;
	}
	.downloadText {
		width: 91%;
	}
	
	#moreImages {
		margin-bottom: 44px;
	}
	
	
	#navigation ul li ul{
		float:none;
		margin-right: 0px;
		width:100%;
	}

	.subnav #nav-product-links ul {
		margin-right:0px;
		width: 100% !important;
	}

	#navigation ul li ul li {
		margin-right: 0px;
		width: 100%;
	}

	.Template2colColumn, .Template3colColumn {
		float: none;
		margin-right: 0px;
		margin: 0 auto;
		width: 100%;
	}

	img.ImgFloatRightNoBorder, img.ImgFloatLeftNoBorder, img.ImgFloatNoneNoBorder, img.alignRight, img.alignLeft{
		float:none;
		display:block;
		margin:0px;
		margin-bottom:12px;
	}
	
	.newsitem p {
		min-height: 75px;
	}

	#productsList {
		padding-bottom: 0px;
	}
	
	#productInfoMobile {
		display:block;
	}

	#productInfo h1, #productInfo .shortDescription p{
		display:none;
	}
	
	#productInfoMobile .shortDescription p {
    	font-size: 1.4em;
	}
	
	#productInfoMobile h1 {
    	font-size: 3.0em;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	
	#productDownloads {
		margin-bottom: 32px;
	}
	
	#productIcons {
		margin-bottom: 24px;
	}
	
	#stockTable3col, #stockTable4col {
		margin-top:50px;
		margin-bottom:0px;
	}

	#stockTable4col .stockCode, #stockTable4col .stockCodeHeader {
		width: 25%;
	}
	#stockTable3col .stockCode, #stockTable3col .stockCodeHeader, #stockTable3col .stockDesc, #stockTable3col .stockDescHeader {
		width:47%;
	}
	
	#stockTable3col th, #stockTable3col td, #stockTable4col th, #stockTable4col td {
		font-size:1em;
	}

	.stockDownloads, .stockDownloadsHeader {
		width: 25%;
	}

	#stockTable3col .stockHeading, #stockTable4col .stockHeading {
		font-size:1em;
	}

	.stockEnquiryHeader {
		display:none;
	}
	.stockEnquiry {
		clear: both;
		float: none !important;
		width: 100%;
		margin: 0px;
		padding: 0px !important;
	}
	
	#light-calculator .calcRoomSelectListContainer p{
		margin-bottom:8px;
	}
	
	#light-calculator ul.roomDimensionsContainerList li {
		margin-bottom:4px;
    	width: 31%;
	}
	#light-calculator .illuminationValueCalc h3, #light-calculator .luminaireAmountCalc h3{
		font-size:1.4em;
	}
	
	#light-calculator input[type="text"], #light-calculator input[type="password"], #light-calculator input[type="email"], #light-calculator input[type="number"], #light-calculator input[type="search"], #light-calculator textarea, #light-calculator select {
		width:180px;
	}	
	
	#light-calculator .roomDimensionsContainer {
		margin-bottom: 20px;
	}

	#quickLinks, #foot-technical {
		width: 100%;
	}

	#navigation ul li a#navSearch {
		background-position: 15%;
	}

	#home-slider-wrapper div.textarea {
		top: 25%;
	}

	#home-slider-wrapper div.textarea h2 {
		font-size: 40px;
	}

	#projects-slider-wrapper div.bx-controls {
		display: none;
	}

	ul.ticklist {
		width: 100%;
	}

	.bg-white div#about-nav-btns a.btn {
		width: 48%;
	}
	
}


/* Boootstrap XS */
@media(max-width: 575px) {

	#mobile-homeboxes-wrapper {
		padding-top: 10px;
	}

	.homeboxes-mobile {
		padding: 2%;
		text-align: left;
	}

	.mobile-homeboxes-title {
		position: relative;
	}

	.mobile-homeboxes-title h2 {
		color: #2dbe85;
		display: block;
	}

	.mobile-homeboxes-title h2:before {
		content: '';
    	display: inline-block;
		border-top: 1px solid #ffffff;
	    border-right: 1px solid #ffffff;
	    height: 20px;
	    width: 20px;
	    position: absolute;
	    right: 7%;
	    top: 0px;
	    -moz-transform: rotate(-225deg);
	    -webkit-transform: rotate(-225deg);
	    transform: rotate(-225deg);
	}

	.mobile-homeboxes-text {
		background-color: #161618;
		padding-top: 10px;
		padding-bottom: 10px; 
		display: none;
	}

	#home-description {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#home-description p {
		font-size: 1.3em;
	}

	#mc_embed_signup {
		width: 100% !important;
	}

	#footerright div.social, #footerright div.youtube, #footerright div.facebook {
		float: left;
		margin-top: 30px;
		margin-left: 0px;
		margin-right: 30px;
	}

	#fixed-mobile-nav {
		background-color: #000000;
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}

	#fixed-mobile-nav ul {
		float: left;
		margin: 0px;
		padding: 0px;		
		width: 100%;
	}

	#fixed-mobile-nav ul li {
		display: inline-block;
		float: left;
		list-style: none;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 25%;
	}

	#fixed-mobile-nav ul li:nth-of-type(1n), #fixed-mobile-nav ul li:nth-of-type(2n), #fixed-mobile-nav ul li:nth-of-type(3n) {
		border-right: 1px solid #ffffff;
	}

	#fixed-mobile-nav ul li a {
		color: #ffffff;
		text-decoration: none;
		font-size: 0.8em;
	}

	#affiliations, #client-logos {
		padding-bottom: 24px;
		padding-top: 34px;
	}
}


/*Mobile Sized */
@media (max-width: 480px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnPhone{
		display:none;
	}
	.showOnPhone{
		display:block;
	}

	#wrapper-header {
		height: 64px;
	}
	
	#header div.col-12 {
		padding-left: 0px;
		padding-right: 0px;
	}

	#header-left {
		width: 75px;
	}
	
	#nav-icon {
    	margin-right: 2%;
    	width: 30px;
    	height: 30px;
    	top: 16px;
    	right: 11px;
	}

	#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
		top: 15px;
	}

	#nav-icon span:nth-child(4) {
		top: 28px;
	}

	#mobile-search {
		top: 16px;
	    right: 60px;
	    width: 30px;
	}

	#mobile-contact {
		top: 18px;
	    right: 86px;
	    width: 90px;
	}

	#mobile-contact img {
		width: 30px;
	}
	
	/*.wrapper-inner {
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}*/
	
	#foot{
    	padding-top: 14px;
    	padding-bottom: 14px;
	}
	
	#footerleft{
		float:left;
		width:48%;
	}
	
	#footerleft p {
		text-align: left;
	}
	
		
	#header_graphic{
		z-index:900;
	}
	#header_graphic a img, #header_graphic img.shrink{
		height:auto;
		width:auto
	}
	
	#navigation ul{
		top:64px;
	}


	iframe {
		width: 100%;
	}
	
	#navigation ul li a#navSearch {
		background-position: 23%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:300px;
	}


	
	
	.newsitem h2, .newsitem p {
    	min-height: auto;
		padding-bottom:10px;
	}

	.newsdate{
		left:auto;
		right:0px;
	}
	
	
	
	
	a.greenButton, a.greenButton:visited {
		font-size:0.8em;
		padding-left: 4%;
		padding-right: 4%;
		width: 92%;
	}
	
	
	#quickLinks ul {
		width: 100%
	}
	#quickLinks h2 {
		font-size: 1.1em;
		margin-bottom: 16px;
		padding-top: 8px;
	}
	
	#productsList #productRanges {
		padding-top: 18px;
		padding-bottom: 0px;
	}
	#productsList .slider-range {
		margin-bottom: 8px;
	}
	#productsList {
		padding-bottom: 20px;
	}
	
	#footContact{
		margin-right:0px;
		width:100%;
	}
	
	#breadcrumb{
		margin-bottom:24px;
	}
	#moreImages{
		margin-bottom:18px;
	}
	
	#productInfo h1 {
    	font-size: 2.8em;
	}	
	
	#productInfo .shortDescription p {
		margin-bottom: 38px;
	}
	
	.downloadImage {
		width: 10%;
	}
	.downloadText {
		width: 87%;
	}

	#productDrawings img {
		display:block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width:250px;
	}
	
	#stockTable3col td, #stockTable4col td {
		-ms-word-break: break-all;	
		word-break: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#stockTable3col .stockHeading, #stockTable4col .stockHeading {
		font-size:1em;
	}
	#stockTable3col .stockData, #stockTable3col .stockHeading, #stockTable4col .stockData, #stockTable4col .stockHeading {
		padding: 2% 1%;
	}
	.stockDesc, .stockDescHeader {
		width: 39%;
	}
	.stockDownloads, .stockDownloadsHeader {
		width: 27%;
	}
	
	#divMapCanvas{
		height:240px; 
	}
	
	/*.slider-range-inner .productThumb {
		height: 110px;
		
	}*/
	/*.slider-range-inner img{
		max-height:110px;
	}*/
	
	.popUpLeft{
		display:none;
	}	
	.popUpRight{
		float:none;
		width:200px;
	}
	
	#light-calculator input[type="text"], #light-calculator input[type="password"], #light-calculator input[type="email"], #light-calculator input[type="number"], #light-calculator input[type="search"], #light-calculator textarea, #light-calculator select {
		width: 90px;
	}
	
	#light-calculator ul.calcRoomSelectList li {
		width: 46%;
	}
	
	#light-calculator .calcRoomSelectProductContainer .selectContainer{
		float:none;
		margin-right:0px;
		width:100%;
	}
	#light-calculator .calcRoomSelectProductContainer .selectContainer select{
		margin-bottom:8px;
	}

	#search-box p {
	    font-size: 1.4em;
	    margin-top: 10px;
	}

	#sitesearch input[type=text] {
		width: 80%;
	}

	#sitesearch input[type=submit] {
		width: 20%;
	}

	.bg-white div#about-nav-btns a.btn {
		width: 98%;
	}

	#requestCat-button, #requestMerc-button {
		clear:both;
		display:block;
		float:none;
	}
	#requestCat-button {
		margin-bottom:20px;
	}
	.project-wrapper {
		background-size: cover;
		background-position: top center;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText {
		top: 18%;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText h2 {
		font-size: 30px;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText p {
		font-size: 1em;
	}

	#fixed-mobile-nav ul li {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		width: 50%;
	}

	#fixed-mobile-nav ul li:nth-of-type(even) {
		border-right: none;
	}

	#fixed-mobile-nav ul li:nth-of-type(1), #fixed-mobile-nav ul li:nth-of-type(2) {
		border-bottom: 1px solid #ffffff;
	}

	
}

@media (max-width: 370px) {
	.banner-mobile .bannerText h2 {
		font-size:1.4em;
	}

	#home-slider-wrapper ul#sliderhome div.bannerText p {
		display: none;
	}
}
@media (max-width: 359px) {
	.banner-mobile .bannerText h2 {
		font-size:1.2em;
	}
	#fixed-mobile-nav ul li a {
		font-size: 0.7em;
	}
}

@media (max-width: 319px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	.banner-mobile .bannerText h2  {
		font-size:1em;
	}
	#footQuickLinks1, #footAddress, #footQuickLinks2, #footPhone {
		float:none;
		width:100% !important;
	}

	#quickLinks #footPhone {
		margin-bottom:16px;
	}

	
}