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

	#frmSelectCurrency_currencyselect{
		color:#fff;
		margin-right:10px;
		margin-left:auto;
	}
	#frmSelectCurrency_currencyselect option{
		color:#38404D;
		background-color:#fff;
	}



	ul.nav li:hover div.subnavcont
	{
		display:flex;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		padding:0; margin:0 auto;
	}
	ul.nav li:hover div.navbg{
		display:block;
	}
	.hdcont {
		position: relative;
	}	ul.nav {
		position:static;
	}
	div.desktop.navbg {
		position: absolute;
		background: white;
		left: 0;
		right: 0;
		width: auto;
		color: black;
		overflow: auto;
		width:100vw;
		filter: drop-shadow(0px 2px 3px #38404d);
	}
	div.subnavcont {
		width: 100%;
		color: black;
		max-width: 1260px;
		margin: 0px auto;
	}

	ul.subnav.menubrands{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: 600px;
	}
	ul.subnav.menubrands li{
		margin-right:20px;
	}
	ul.subnav.menubrands li:last-child{
		margin-top:auto;
	}
	ul.nav > li {
    font-size: 16px;
    padding: 0px 5px;
	}
	ul.nav > li.nav-first {
    padding-left: 0px;
	}
	ul.nav > li.nav-last {
    padding-right: 0px;
	}
}

@media (min-width: 900px) {
	p{font-size:20px}
	h3{font-size:24px;}
		.hdlogo {
		width: 131px;
		height:131px;
		margin:0px 0px 20px 0px;
		box-shadow: 3px 3px 15px #0000004D;
	}
		.hdlogo img {
		width: 131px;
		height:131px;
	}
	.hdtrolly {
		width: 36px ;
	}
	.no-filters .applicationproductbox{
		width:19%;
	}
	ul.nav > li {
    font-size: 18px;
    padding: 0px 10px;
	}

	ul.nav >li ul.menubrands li {
		font-size:16px;
	}
	.hdname { width: 400px;
		height: 100px;
		margin-top: 0px;
	}
	.hdname-top { font-size:31.5px}
	.hdname-sub { font-size:15px }
	.hdheart { margin-right:25px;
		width: 32px ;
	}
	.footer-social div.links, .footer-social div.links p {
		font-size: 18px;
	}
	.footer-social p{
		font-size:18px;
	}


}
@media (min-width: 1000px) {
	ul.subnav.menubrands{
		max-height: 500px;
	}
}
@media (min-width: 1060px) {
	#hdsearchbox  {
		height:30px;
	}
	ul.nav > li {
    	padding: 0px 15px;
	}

	.hdcontrol { width:400px; }
	.hdfree{font-size:15px}


}


@media (max-width: 1260px) {
	div.fw >p, h2, h3, div.ww>p{
		padding:0px 10px;
	}
}

@media only screen and (max-width: 899px) {
.product-brand-desc {
    order:2;
    max-width:auto !important;
  }
  .product-brand-image {
    order:1
  }
  .product-brand-container {
    display: grid;
  }
	.product-page-right {
		width: calc(500/1230*100% - (1 - 500/1230)*30px);
	}
	.prod-images {
		width: calc(730/1230*100% - (1 - 730/1230)*30px);
	}
}



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

div.banner { min-height: 42px}


.contact-us>div{width:100%;}
	.contact-us-form { width:100%}
	.contact-us-text { width:100%}
	.contact-us-showroom { width:100%}
	.contact-us-map { width:100%; }
	.contact-us { font-size: 15px;}
	h3.forminfo { font-size:15px;}
	.line-form > form > span { font-size:15px;}
.hdnav{
	display:none;
}
#hdnav{
	overflow-y:scroll;
}

.desktop, .rightfilters span.desktop{
	display:none;
}
.mobile{
	display:block;
}
.mobile-red-font, .hdnavinner a.mobile-red-font, a.mobile-red-font:hover{
	color:#B11010

}
.m-flex, .mobile.flex{
	display:flex;
}
p.smaller{
	font-size:13px;
}
ul.footer-privacy li{
	font-size:13px;
}
h1.application-header {
    text-align: center;
    font-size: 20px;
	line-height:24px;
}
ul.nav .subnav li a{
	display:block;
	width:100%;
}
div.lighting-design a > div.image-outer .italic {
	font-size:14px;
	display:block;
	bottom:10px;
	right:10px;
}
.basket-confirm-box {
	margin:auto;
	top: 200px;
	width:100%;
	left:0px;
	max-width:100%;
}
.basket-confirm-box a, .basket-confirm-box a:hover, .basket-confirm-box a:visited {
	font-size:15px;
}
ul.nav > li ::-moz-selection {background: #fff;}
ul.nav>li ::selection { background: #fff; }
.seasonalsalefeatured a{
	width:48%;
	margin-bottom:10px;
}
.seasonalsaleapps a{
	width:31%;
}
#frmSortBy_sorter{
	max-width:200px;
}
.rightfilters{
	margin-left:auto;
}
ul#searchoptions{
	margin-top:-10px;
}
#hdbasket-mobile{
	bottom:-100px;
}
a.brand-box{
	font-size:15px;
}
div.brand-page-featured-products{
	width:100%;
}
.brand-video{
	margin:20px auto;
}
div.lighting-page a{
	width:calc(50% - 10px);
}
div.lighting-page a p{
	font-size:16px;
	margin-bottom:20px;
}
div.lighting-page a.wide{
	width:100%;
}
.spec-thumb {
    width: 150px;
    display: block;
    margin: auto;
}
.spec-image {
    max-width: 100%;
    left: 0px;
    margin: auto;
    top: 50%;
}

form#advancedsearch{
position: fixed;
top: 0px;
left: 0px;
background-color: #fff;
z-index: 10;
height:100vh;
padding-bottom: 100px;
display:none;
overflow-y:scroll;
}
#applicationproductlist {
    width: 100%;
}
.applicationproductbox, .no-filters .applicationproductbox, .gallerylistbox{
	width:calc(50% - 30px);
}
.applicationproductbox, .no-filters .applicationproductbox{
	padding-bottom:90px;
}
.applicationproductbox.filling-empty-space-childs{
	padding-bottom:0px;
}

#frmNewsletterPromoProduct_discountinfo{
	margin-bottom:10px;
}
button#filter-show{
	background-color:#38404d;
	color:#fff;
	border-radius:2px;
	filter: drop-shadow(4px 2px 4px #00000045);
	font-size:16px;
	margin:10px 10px 10px 0px;
	padding:8px 32px;
	border:none;
	display:flex;
	justify-content:center;
	align-items:center;

}
button#filter-show img{
	width:20px;
	margin-left:10px;
}
button#filter-show  span{
	margin-left:0px;
}

.product-name{
	font-size:14px;
}.applicationproductbox table .med, .applicationproductbox table .strike-through{
	font-size:13px;
}
.f-m-ww{
	width:100%;
	margin:0px;
}
.prod-large-image{
margin-top:10px;
    aspect-ratio: 1/1;
}
div.prod-thumbs, div.prod-other, div.gallery-thumbs{
	margin-top:17px;
	margin-bottom:15px;
}



#frmNewsletterPromo{
	margin-bottom:15px;
}
div.banner p {
	font-size:12px;
}
.two-thirds-box{
	padding-bottom:23%;
}
a.blog-list p {
    margin-top: 5px;
}


.banner .mobile{
	display:inline;
	color:#fff;
}
img.wishlist-mobile{
	display:block;
	max-height:20px;
}
	.slick-next {
    right: 10px;
}
ul.nav li.mobile {
	display:block;
}
.searchshow{
	display:block;
}
p{font-size:15px;}
div.brandpagedesc p{
	font-size:15px !important;
}
div.brandpagedesc p span[style*="font-size: x-large;"],
div.brandpagedesc p span[style*="font-size: small;"],
div.brandpagedesc p span[style*="font-size: x-small;"],
div.brandpagedesc p span[style*="font-size: medium;"],
div.brandpagedesc p span[style*="font-size: large;"],
div.brandpagedesc p span[style*="font-size: xxx-large;"],
div.brandpagedesc p span[style*="font-size: xx-large;"],
div.brandpagedesc p span[style*="font-size: 12px;"],
div.brandpagedesc p span[style*="font-size: 14px;"],
div.brandpagedesc p span[style*="font-size: 16px;"]{
	font-size:15px !important;
}

.frontpagecarousel .slick-prev, .frontpagecarousel .slick-next{
	width:20px;
	height:20px;
	background-color:rgb(56, 64, 77, 0.48);
	padding:5px;

}
.frontpagecarousel .slick-prev{
	left:0px;
}
.frontpagecarousel .slick-next{
	right:0px;
}

.frontpagecarousel .slick-prev::before, .frontpagecarousel .slick-next::before{
font-size:15px;
}

.slick-prev{
	left:5px;
	z-index:1;
}
.slick-prev::before, .slick-next::before{
	font-size:25px;
	opacity:1;
}
.frontpagebrands-inner{
	margin:0px 5px;
}
h2{
font-size:18px;}
.blog-list{
	padding-top:0px;
}
h3.addpadding{padding-top:20px;
}
h3{margin-bottom:5px; font-size:18px;}
.footer-reasons {
	font-size:12px;
}
.footer-reasons h2{
	font-family:'Montserrat-Italic',sans-serif;
	font-size:16px;
}
.footer-reasons li img {
	max-width:30px;
	margin-right:10px;

}
.hdname { width: 40vw; height: auto; margin:0px; }
.hdname-top {font-size:19px; text-align:center;line-height:19px;}
.hdcontrol {
    width: 100%;
    display: block;
    margin: 0;
    height: auto;
}
.hdsearch{
	margin-bottom: -60px;
	height: 40px;
	z-index: 4;
	position: relative;
	padding:10px 0px;
}
form#topsearch {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 10px #00000033;
    opacity: 1;
    width:auto;
    margin: 0px -10px -20px -10px;
	border-radius:0px;
}
#hdsearchbox {
    border: none;
    background: white;
    display: block;
    flex-grow: 4;
    width: 100%;
    box-shadow: none;
	height: 40px;
	border-radius: 0px;
}
.hdcontrol.mobile {
    width: auto;
    height: 39px;
    margin: 8px 0px 0 0;
}
.hdsearchmob {
	width: 24px;
	margin:0px 10px 0 0;
	cursor:pointer;
}
.hdtrolly {
	width:36px;
	margin:2px 0px 0 0;
}
.hdnavbg, .advancedbg {
		content: '';
		position:fixed;
		top:0;
		left:0vw;
		width:100vw;
		height:100vh;
		background: rgba(0,0,0,0.5);
		z-index:1;
	}
.advancedbg{
	display:none;
}
.hdnavinner {
		position:fixed;
		padding:2px;
		top:0px;
		left:-100vw;
		right:20vw;
		min-height:100vh;
		width:auto;
		background: white;
		color: #38404D;
		z-index:200;
		transition: all 1s ease;
		font-family:'Montserrat-Medium',sans-serif;
	}
	.hdnavinner a {
		color:#38404D;
	}

	.subnav:hover .hdnavinner, .navshow .hdnavinner {
	 	left:0;
	}
	.subnav:hover, .navshow, .navshow .hdnav::before {
		left: 0;
		display:block;
	}
	.hdnavhead {
		font-size:20pt;
		border-bottom: 1.5px solid #CCC;
		padding:8px;
		display:flex;
	}
	.hdnavhead img { display:block;}
	.hdnavhead span { display:block; flex-grow:4; text-align:center; margin-top: 4px; color:#38404D }
	.hdfree { display:none }
	.hdnav-top { font-size: 13pt }
		ul.nav { display:block; }

	ul.nav > li > span { padding:0px; display:flex;justify-content:space-between;}
	ul.nav li {
		display:block;
		padding:10px ;
		font-size:18px;
		border-bottom: 1.5px solid #CCC;
	}
	ul.nav li.navshow div.navbg{
		display:block;
	}
	ul.nav li.navshow div.subnavcont {
		display:block;
		position:fixed;
		background:white;
		left:0;
		top:67px;
		right: 20vw;
		padding:0; margin:0;
		z-index:4;
		overflow-y: scroll;
		bottom:0px;
	}
	ul.subnav{
		padding:0px 0px 0px 10px;
	}
	div.subnav { padding: 0px; margin:0px;}
	.subnavhead {
		margin:0px;
		padding:6px 0px 8px 10px;
		font-size: 18px;
		border-bottom: 1.5px solid #CCC;
		font-weight:bold;
		text-align:center;
		font-weight:bold;
		color:#38404D;
	}.subnavhead span img {
		float:left;
		padding:4px
	}

	.menubrands{
		column-count:1;
	}
	.f-med-halves{
		margin: 0px 10px 10px 0;
  		width: calc(1/2*100% - (1/2)*10px);
	}
	.f-med-full
	{
		width:100%;
	}
	.f-med-wrap{
	flex-wrap:wrap;
	}
	.f-med-order-1{
		order:1;
	}
	.f-med-order-2{
		order:2;
	}
	.f-med-order-3{
		order:3;
	}
	.f-med-order-4{
		order:4;
	}

	.med-end{
		margin-right:0px;
	}
	li.newsletter-form{
		text-align:center;
	}
	.f-med-center
	{
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content:center;
	}


	.hdham {
   	cursor:pointer;
	width: 28px;
	height:21px;
	margin: 10px ;
}
	div.ww div.hdinner {
    padding: 10px 10px;
    align-items: center;
}.newsletter-promo {
	padding: 40px;
	width: 100%;
	left: 0;
	margin-left:0px;
	top:200px;
	box-sizing:border-box;
}
.newsletter-promo h2 {
	font-size:20px;
	line-height:20px;
}
.trustpilot-widget iframe{
	height:100px;
}
#hdsearchsubmit {
    height: 40px;
	margin-right:20px;
}
.hdbasket table td{
	padding-top:5px;
}
.show{
	display:block;
}
form#advancedsearch.show {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
form#advancedsearch.show>div {
	width:100%;
}
form#advancedsearch.show>div {
	order:1;
}
form#advancedsearch.show>div.filter-fieldsets {
	order:2;
}
form#advancedsearch.show>div.remove-filter-buttons {
	order:3;
}
a.brand-box{
	width:30%;
}
.brandlistpage .filling-empty-space-childs {
    width:30%; /*Important! for the divs to collapse should they fall in a new row*/
}
a.brand-box .image-outer div:first-child {
    padding:10px;
}

.show, form#advancedsearch.show
{display:block;
}
}



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

.small-mobile{
	display:block;
}
.f-m-halves, a.blog-list>div.f-m-halves
{  /*
    1/3  - 3 columns per row
    10px - spacing between columns
  */
  margin: 0px 10px 10px 0;
  width: calc(1/2*100% - (1/2)*10px);
}
.f-m-spread{
	justify-content:space-between;
}
.product-list-sh h2{
	font-size:16px;
}
.what-we-offer> div{
	width:100%;
	height:30px;
}
div.lighting-design a:first-child{
	margin-right:10px;
}
div.lighting-design a > h2 {
    padding: 0px;
}
div.lighting-design a > div, div.lighting-design h2 {
    border: 10px solid #38404d;
}
ul.faq-intro li.grey-box, div.not-found a.grey-box{
	width:80%;
	margin:15px auto;
}
.what-we-offer> div div:first-child{
	width:15%;
}
.residential-top >div:first-child{
	width:100%;
}
.residential-showroom{
	width:100%;
	margin-left:0px;
}
.grey-rounded-box.blue{
	margin: 10px auto;
}
ul.recent-commercial li{
	width:100%;
}
ul.recent-commercial.blue-box{
	margin:10px;
	width:calc(100% - 20px);
}
#newsletter-promo-side {
    height: 120px;
    font-size: 14px;
	box-sizing:border-box;
}
#newsletter-promo-side.brand-newsletter{
    height: 100%;
	padding-right:5px;
	padding-left:5px;
}
  .prod-title {
  min-height:147px;
  }
.prod-titles .designers{
	margin-right:10px;
}
.image-outer.bannerimage{
	padding-top:19%;
	padding-bottom:19%;
}

div.footer-reasons li.f-m-halves
{  /*
    1/3  - 3 columns per row
    10px - spacing between columns
  */
  margin: 0px 20px 20px 0;
  width: calc(1/2*100% - (1/2)*20px);
}
.footer-reasons li img {
	margin:0px 0px 10px 10px;
}
.frontproducts .slick-next, .slick-prev, .prod-thumbs .slick-next, .prod-thumbs .slick-prev,.prod-other .slick-next, .prod-other .slick-prev  {
    right: -20px;
    width: 30px;
    height: 40px;
}
#frontpagecarousel .splide__arrows {
    display: block;
}
#frontpagecarousel .splide__arrows button.splide__arrow--prev {
	left: 0px;
background-color: #999;
border-radius: 0px;
}
#frontpagecarousel .splide__arrows button.splide__arrow--next {
	right: 0px;
background-color: #999;
border-radius: 0px;
}
#frontpagecarousel .splide__arrows button.splide__arrow img{
	width:10px;
	height:20px;
}
a.brand-box{
	width:45%;
}
.brandlistpage .filling-empty-space-childs {
    width:45%; /*Important! for the divs to collapse should they fall in a new row*/
}

.prod-thumbs {
  height: 80px
  }
.prod-thumbs .slick-next, .prod-other .slick-nex  {
	right:-50px;
}
.prod-thumbs .slick-prev, .prod-other .slick-prev{
	left:-50px;
}

.frontproducts .slick-prev  {
	left:-20px;
}
div.frontproducts{
	width:calc(100% - 60px);
}
.f-lightingdesign, .f-m-full
{  /*
    1/3  - 3 columns per row
    10px - spacing between columns
  */
  box-sizing: border-box;
  margin: 0px 0px 10px 0;
  width: 100%;
}
.f-showroom
{
  margin: 0px 10px 0 0;
  width: calc(1/2*100% - (1/2)*10px);
}
.m-end, div.footer-reasons li.f-m-halves.m-end
{
	margin-right:0px;
}
.frontproducts-inner{
	margin:10px 10px;
}
.f-m-order-1{
	order:1;
}
.f-m-order-2{
	order:2;
}
.f-m-order-3{
	order:3;
}
.f-m-order-4{
	order:4;
}
.f-m-order-5{
	order:4;
}
.f-m-order-6{
	order:6;
}
.f-m-order-7{
	order:7;
}
.f-m-order-8{
	order:8;
}
.f-m-order-9{
	order:9;
}
.f-m-order-10{
	order:10;
}.f-m-order-11{
	order:11;
}
.f-m-order-12{
	order:12;
}
.f-m-order-13{
	order:13;
}
.f-m-order-14{
	order:14;
}
.f-m-order-15{
	order:15;
}
.f-m-order-16{
	order:15;
}



.footer-reasons li{
	flex-direction:column;
	text-align:center;
	justify-content:flex-end;
}
.m-top{
	margin-top:20px;
}
.div.footer-reasons li.f-m-halves .m-bottom{
	margin-bottom:0px;
}
div.footer-reasons{
	font-size:12px;
}
div.footer-social p{
	font-size:15px;
}
div.footer-social p.mobile{
	font-size:12px;
}
div.designer-image, div.designer-text{
	width:100%;
}
ul.designerlistpage {
	columns:1;
}
div.footer-social p{
	font-family:Montserrat-Italic,sans-serif;
}
input[type="submit"]{
	font-size:15px;
	cursor:pointer;
}
.f-m-wrap{
	flex-wrap:wrap;
}
.f-m-center
{
	-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
  -webkit-justify-content: center;
	justify-content:center;
}
.f-m-start
{
  -webkit-justify-content: flex-start;
	justify-content:flex-start;
}

.f-m-ww{
	width:100%;
	margin:0px;
}
.footer-social div.links, .footer-social div.links p
{
	font-size:14px;
	text-align:center;
}
.footer-social p{
	text-align:center;
}

div.line{
	width:100%;
}
img.shopfront{
	max-width:50%;
	margin:auto;
	display:block;
}
.footer-social li.newsletter-form{
	text-align:center;
}
	.frontpagebrands-inner{
		height:30px;
		width:60px;
		margin:0px 10px;
	}

	.frontpagebrands{
		padding:5px 0px;
	}
	.frontpagecarousel-inner {
    padding: 70% 0;
}
h2.grey-font {
    margin-top: 20px;
}
}
@media screen and (max-width:620px)
{
	.blog-grid-item{
		width:50%;
	}
}


@media screen and (max-width:480px)
{
.blog-grid-item{
	width:100%;
	max-width:270px;
	margin:0 auto;
	float:none;
}
.blog-small-grid{
	display:block;
}
#frmTradeNewsletter_tradetoadd, #frmTradeNewsletter_ok{
	margin:10px auto;
}

}
@media screen and (max-width:300px)
{

	#applicationproductlist{

		justify-content:center;
	}
	.no-filters .applicationproductbox{
		width:90%;
	}
	.applicationproductbox{
		width:90%;
	}
}