/*--------------- 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;
}
*/

/*16:9 laptops screen size in inches can vary from 12" to 15" */
@media(max-width: 1366px) and (max-height: 768px){
	
}
@media (max-width: 1730px) {

		#enhance-content .overlap-content h2, #popular-content .overlap-content h2 {
			font-size:5.5em;
		}
		#enhance-content .overlap-content h3, #popular-content .overlap-content h3 {
			font-size:2.5em;
		}
}

@media (max-width: 1620px) {

	#header_graphic {
		z-index: 550;
	}
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
		/*h1 {
			font-size:2em;
		}
		h2 {
			font-size:1.6em;
		}*/
		.download-btn {
			font-size:0.8em;
		}

		#order-samples-content h2 {
			font-size:2.4em;
		}

		#topbar .topbar-box img, #sliderTopBar li img {
			margin-right: 18px;;
		}
		#topbar .topbar-box p, #sliderTopBar li span {
			font-size: 0.6em;
		}

		#navigation ul li a, #navigation ul li a:visited {
			font-size:15px;
			padding-right:25px;
		}

		#navigation ul li div.subnav div.wrapper-inner {
			max-width: 965px;
			width: 100%;
		}

		/*#navigation ul li div.subnav {
			max-width: 965px;
		}*/

		.img-overlap-right, .img-overlap-left {
			height:auto;
			width:100%;
		}

		#peel-stick-seal-container .overlap-content {
			margin-top:30px;
		}
		#peel-stick-seal-container h2 {
			font-size:2.5em;
		}
		#peel-stick-seal-container h3 {
			font-size:2em;
		}
		#peel-stick-seal-container p {
			font-size:1.3em;
		}

		/*.product-listed-box h2, .product-listed-box .price {
			font-size:1em;
		}*/
		#product-content-h1 {
			font-size: 2.4em;
			margin-bottom: 15px;
		}

		#brand-content #brandTitle {
			font-size: 4.5em;
		}

		.buttonSampleBasket {
			font-size:1.4em;
		}
}

@media (max-width: 1360px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	#enhance-content .overlap-content h2, #popular-content .overlap-content h2 {
			font-size:3em;
	}
	#enhance-content .overlap-content h3, #popular-content .overlap-content h3 {
		font-size:2em;
	}

	#peel-stick-seal-container .overlap-content {
		margin-top: 20px;
	}

	#peel-stick-seal-container h2 {
		font-size:2em;
	}
	#peel-stick-seal-container p {
		font-size: 1.1em;
		padding-top: 12px;
		top: 17px;
	}

	.product-listed-box h2, .product-listed-box .price, #you-may-like .product-listed-box h2, .product-listed-box h2, .product-listed-box .price {
		font-size: 1.3em;
	}

	.container-content .media img, #faq-container .media img {   
		width: 50%;
		height: auto;
		max-width:300px;
	}

	.buttonSampleBasket {
		font-size: 1.2em;
	}

	#topbar .topbar-box img, #sliderTopBar li img {
		margin-right: 11px;;
	}
	#topbar .topbar-box p, #sliderTopBar li span {
		font-size: 0.5em;
	}
	
	.product-roundel-large {
		height: 120px;
		width: 120px;
	}
	
	.product-roundel-large p {
		font-size: 1.8em;
		top:30px;
		height: 120px;
    	width: 120px;
	}
	.filter-h3 {
		font-size: 1.2em;
	}
	
}
@media (max-width: 1200px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	h1 {
		font-size:1.8em;
	}
	h2 {
		font-size:1.4em;
	}
	p, #brand-content p, #brand-content a, #brand-content a:visited, #product-content ul li, .inspirationBoxText p, .inspirationBoxText a, .inspirationBoxText a:visited {
		font-size:1.4em;
	}
	#brands-heading {
		font-size:1.8em;
	}
	#header_graphic {
		z-index: 600;
	}

	img {
		height:auto;
		max-width:100%;
	}

	#wrapper-header {
		height:88px;
	}
	
	#header_graphic img {
		width:200px;
	}
	
	#wrapper-navigation {
		height:2px;
		padding:0;
	}
	
	#navigation-inner{
		padding-left:0%;
		padding-right:0%;
		width:100%;
	}
	
	#navigation{	
		float:none;
		border-bottom:0px;
		margin:0px;
		width:100%;
		padding:0;
		position:absolute;	
		top:-58px;
	}
	#navigation ul{	
		background-color:#dfe6ea;
		border:1px solid #dfe6ea;
		border-top:0px;
		position: absolute;
		top:60px;
		right:0px;
		z-index:1000;
		display:none;
		width:100%;
	}
	/*#nav-icon {
		display: block;
		float:left;
		margin-right:2%;
		height:31px;
		width:34px;
	}*/

	#nav-icon {
		display: block;
		float: left;
	  	width: 32px;
		height: 26px;
	  	margin-right: 15px;
		margin-left: 15px;
	  	position: relative;
	  	-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: #7b95a9;*/
		background: #414142;
		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: 0px;
	}

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

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

	#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);
	}

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

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

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


	#navigation ul li div.subnav {
		position: static;
		top: 0px;
		width: 100%;
	}
	#navigation ul li div.subnav h2 {
		border-bottom:1px solid #cccccc;
		height:auto;
	}
	#navigation ul li div.subnav h2 a, #navigation ul li div.subnav h2 a:visited {
		font-size: 13px;
		width:120px;
	}

	#navigation ul li ul {
		border: 0;
		background-color: transparent;
		float:left;
		position: relative;
		top: 0;
		width:100%;
	}

	#navigation ul li div.subnav{
		margin-top:0px;
		padding-top:18px;
		padding-bottom:10px;
		padding-left: 2%;
  		padding-right: 2%;
		max-width:100%;
		width:100% !important;
	}

	/*#nav6 {
		display:none;
	}*/
	
	.closed{
		display:none;
	}
	.open{
		display:block !important;	
	}

	#header-basket {
		position:relative;
		z-index: 100;
	}
	#header-trustpilot {
		padding:0;
	}

	.divBasketSnapshot {
		margin-top:0px;
	}
	.divBasketSnapshot img {
	    height:26px;
		width: 32px;
	}

	#foot-madein-britain p, #foot h2, #foot ul li, #foot2 ul li {
		font-size:1.4em;
	}

	/*---------------- Bespoke ---------------*/
	/*----------------------------------------*/

	.home-messages {
		font-size: 1.4em;
	}
	.headers, .headers-large, .home-messages {
		margin-top:30px;
		margin-bottom:30px;
	}

	#home-splashback-types h3 {
		font-size: 1.2em;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.headers-large h2 {
		font-size: 3.5em;
	}

	#enhance-container, #popular-container, #peel-stick-seal-container {
		height: auto;
		margin-top: 0;
	}

	#enhance-container {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	#popular-container, #peel-stick-seal-container {
		margin-bottom: 0px;
	}

	#enhance-container .overlap-content h2, #popular-container .overlap-content h2 {
		letter-spacing: 15px;
	}

	#enhance-content .overlap-content, #popular-content .overlap-content, #peel-stick-seal-container .overlap-content {
		clear:both;
		max-width: 581px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		position: relative;
		width:100%;
	}

	.img-overlap-right, .img-overlap-left {
		display:block;
		position: relative;
		margin: 0 auto;
		width: 100%;
		max-width: 581px;
	}
	#enhance-image, #popular-image, #peel-stick-seal-image {
		margin:0;
		max-width: 581px;
	}
	#order-samples-content {
		top: 13%;
	}
	#order-samples-content h2 {
		color: #FFFFFF;
		font-size: 1.8em;
	}
	#order-samples-content p {
		font-size:1.4em;
	}

	#filterContainer {
		clear:both;
		display:none;
		position: static;
		padding-left:0px;
	}
	#filterContainer ul li {
		padding: 0px 0px 10px 0px;
	}

	.filterbutton {
		display:block;
	}
	.filterbutton p {	
		background-color: #404041;
		border: 0px;
		clear: both;
		color: #ffffff;
		cursor: pointer;
		display:inline-block;
		float:right;
		font-size: 1em;
		font-weight: 300;
		padding: 10px 40px;
		text-transform: uppercase;
	}

	.filter-h3 {
		padding-left:0px;
	}

	.buttonBasket, .buttonSample {
		display:block;
		font-size:1em;
		text-align:center;
		width:100%;
	}

	.selectOptions {
		font-size:12px;
	}

	.brand-title {
		font-size:1.6em;
	}

	#peel-stick-seal-container h3 {
		font-size:3em;
	}

	#peel-stick-seal-container h2 {
		font-size:2.5em;
	}

	.contactInputLarge, .contactInputSmall {
		/*max-width:326px;*/
		padding-left:2%;
		padding-right:2%;
		width:100%;
	}

	#product-content-h1 {
		font-size: 1.8em;
		margin-bottom: 15px;
	}

	#product-thumbnails h2 {
		font-size:1.4em;
	}

	.price {
		font-size: 1.6em;
	}

	/*#FeaturesText {
		display:none;
	}
	#FeaturesTextMob {
		display:block;
		margin-top:20px;
	}*/

	#you-may-like {
		margin-top: 60px;
	}
	
	#faq-container .media {
		display:block;
	}
	#faq-container .media img {
		display: block;
		float: none;
		height: auto;
		max-width: 300px;
		margin: 0 auto;
		width: 100%;
	}

	#popular-image {
		order:2;
	}
	#popular-text {
		order:1;
	}

}

@media (max-width: 1024px) {
	#banner-area-desktop .banner-area-container {
		width:578px;
	}
	#banner-area-desktop .countdown-text {
		font-size:22px;
	}
}

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

	#header_graphic {
		z-index: 650;
	}
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	#foot, #foot2{
		width:100%;
	}
	
	#centerc-1col {
		width: 100%;
	}
	
	#leftc ul{
		margin:0px;
		padding:0px;
	}
		
	#leftc ul li a, #leftc ul li a:visited {
		padding-left: 2%;
		width: 98%;
	}

	
	#leftc ul li ul li a, #leftc ul li ul li a:visited{
		padding-left: 6%;
		width: 94%;
	}
	
	#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
		padding-left: 10%;
		width: 90%;
	}
	
	.menu_header {
		width:100%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	#product-image-container .bx-controls {
		display: none;
	}
	.headers h2 {
		font-size:1.8em;
	}

	#brand-content #brandTitle {
		font-size:3.5em;
	}

	.headers-large h2 {
		font-size: 3.5em;
	}

	#social-icons img {
		height:30px;
		width:30px;
		max-width:30px;
	}
	#payment-icons img {
		height: 32px;
		width: 45px;
		max-width: 45px;
	}

	#foot2  #foot-copyright {
		display:block;
		margin-right:0;
		margin-bottom:12px;
		width:100%;
	}
	
	#map-wrap, #map-placeholder{ 
		width: 100%; 
	}
	#map-wrap img{
		display:block;
	}
	
	#stockistCheckboxContainer div div{
		width:50%;
	}
	#stockistCheckboxContainer label{
		width:85%;
	}
	
	.stockist1, .stockist2, .stockist3{
		width:33%;
	}	
	
	#gallery {
		width: 100%;
	}
	#gallery a, #gallery a:visited{
		margin-right: 1%;
		max-width:185px;
		width:32%;
	}
	
	/*label cell*/
	div.TableReplaceRow div.TableReplaceLeft {
		width: 20%;
	}
	/*data cell*/
	div.TableReplaceRow div.TableReplaceRight {
		margin-left: 2%;
		width: 75%;
	} 
	
	div.TableReplaceRow div.TableReplaceLeftB {
		width: 60%;
	}
	/*data cell*/
	div.TableReplaceRow div.TableReplaceRightB {
		margin-left: 2%;
		width: 30%;
	 } 
	 
	 #homeboxes {
	 	background:none;
		width: 100%;
	}
	
	#filterContainer {
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}

	/*.newsitem{
		width:32%;
		margin-right:2%;
	}*/
	.newsimage{
		height:auto;
		overflow:hidden;
		width:100%;
	}
	.newsdate{
		left:auto;
		right:0px;
	}
	
	#home-slider-wrapper .bx-controls {
		height: 65px;
		top: -255px;
		max-width: 976px;
		width:100%;
	}

	@media (max-width: 940px) {

		#popular-image {
			order:1;
		}
		#popular-text {
			order:2;
		}
	}

	/* Mobile carousel for installation images */
	@media (max-width: 767px) {
		.mobile-carousel {
			height:550px;
			max-height:550px !important;
			position: relative;
			overflow: hidden;
		}

		.mobile-carousel .carousel-slide {
			position: absolute;
			inset: 0;
			opacity: 0;
			animation: installationCarouselFade 9s infinite;
		}

		.mobile-carousel .carousel-slide:nth-child(1) {
			animation-delay: 0s;
		}
		.mobile-carousel .carousel-slide:nth-child(2) {
			animation-delay: 3s;
		}
		.mobile-carousel .carousel-slide:nth-child(3) {
			animation-delay: 6s;
		}

		.mobile-carousel .carousel-slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		@keyframes installationCarouselFade {
			0%, 5%, 100% { opacity: 0; }
			10%, 30% { opacity: 1; }
		}
	}

	#brand-content, #brand-image, .inspirationBox, .inspirationBoxImage {
		flex:100%;
		max-width:100%;
		width:100%;
	}
	#brand-content, .inspirationBox {		
		margin-bottom:20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	
	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	
	div.tableBasket div.basketCol1 {
		width: 100%;
	}
	div.tableBasket div.basketCol2 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 48%; 
	}
	div.tableBasket div.basketCol3 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 30%;
	}
	div.tableBasket div.basketCol6 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 13%;
	}
	div.tableBasket div.basketCol7 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 11%;
	}
	#basketUpdate {
		margin-left: 59%;
		width: 109px;
	}
	.totalRowMargin {
		margin-left: 40%;
	}
	#backToShop {
		width: 98px;
	}
	div.totalRow div.basketCol3 {
		width: 60%;
	}
	div.totalRow div.basketCol6 {
		width: 22%;
	}
	div.totalRowMargin {
		margin-left: 0px;
	}

}

/* Portrait */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
	#brands-heading {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	#brand-content, #brand-image {
		flex:100%;
		max-width:100% !important;
		margin-bottom:20px;
		width:100% !important;
	}
}

/*Large Tablet Sized */
@media (min-width: 768px) and (max-width: 999px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	#wrap{
		padding-left:1%;
		padding-right:1%;
		width:98%;
	}
	
	#header-left {
		width: 40%;
	}

	#header_graphic{
		z-index:650;
	}

	#navigation {
		width:100%;
	}
	#navigation ul li a, #navigation ul li a:visited {	
		font-size:15px;
		padding-left: 12px;
		padding-right: 12px;
	}

	#centerc{
		margin-left:25%;
		width:75%;
	}
	#centerc-2col {
		margin-left: 25%;
		width: 75%;
	}

	#leftc{
		margin-left:-100%;
		padding-right:2%;
		width: 23%;
	}
	
	#menu ul li a, #menu ul li a:visited {

		height:auto;
		padding-left: 2%;
		width: 98%;
	}
	#menu ul li ul li a, #menu ul li ul li a:visited{
		padding-left: 6%;
		width: 94%;
	}
	#menu ul li ul li ul li a, #menu ul li ul li ul li a:visited{
		padding-left: 10%;
		width: 90%;
	}	
	.menu_header {
		padding-left: 2%;
		width: 98%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	
	#homebox-left, #homebox-center, #homebox-right {
		padding-left: 2%;
		padding-right: 2%;
		width: 29%;
	}
	
	.product-roundel-large {
		height: 80px;
		width: 80px;
	}
	
	.product-roundel-large p {
		font-size: 1.1em;
		top: 24px;
		height: 80px;
		width: 80px;
	}
	

}

@media (max-width: 991px) {
	#home-fav-designs .fav-designs-overlay h2 {
		font-size: 1.5em;
	}
	#home-fav-designs .fav-designs-overlay .view-product {
		font-size: 1.5em;
	}
}

@media (max-width: 940px) {
    #enhance-image, #popular-image, #peel-stick-seal-image {
        margin: 0 auto;
        max-width: 581px;
        width: 100%;
    }

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

	#header_graphic img {
		width: 161px;
	}
		
	#centerc{
		display: block;
		float:none;
		margin-left:0px;
		width:100%;
	}
	
	#centerc-2col {
		display: block;
		float: none;
		margin-left: 0px;
		width: 100%;;
	}

	#leftc{
		float:none;
		margin-left:0px;
		padding-right:0px;
		width: 100%;
	}
	#foot{
		width:100%;
	}
	#footerleft{
		float:none;
		width:100%;
	}
	#footerleft ul{
		position:static;
	}
	#footerright{
		float:none;
		width:100%;
	}
	
	label{
		float:none;
	}
	.submitButton {
		margin-left:0px;
		margin-bottom:24px;
	}

	#topbar {
		display:none;
	}

	#sliderTopBar li a, #sliderTopBar li a:visited, #sliderTopBar li a:hover {
		width:100%;
	}
	#navigation ul li div.subnav h2 a, #navigation ul li div.subnav h2 a:visited {
	    width: 100%;
	}

	#navigation ul li div.subnav h2 {
		margin-bottom:0px;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#header-trustpilot {
		padding-left:10px;
	}
	#header-trustpilot img {
		width: 81px;
	}

	.BasketSnapshotText {
		display:none;
	}

	.navigation-menu {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#navigation ul li div.subnav {
        padding-top: 0px;
        padding-bottom: 0px;
	}

	#navigation ul li .navigation-menu .navImg {
		display:none;
	}

	#order-samples-content {
		background-image: url(/images/order-samples-content-bg.png);
		background-repeat: repeat;
		padding: 10px;
	}

	.product-listed-box h2, .product-listed-box .price, #you-may-like .product-listed-box h2, .product-listed-box h2, .product-listed-box .price {
		font-size: 1.2em;
	}
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:400px;
	}
	
	.stockist1, .stockist2, .stockist3{
		width:50%;
	}
	
	#homebox-left, #homebox-center, #homebox-right {
		float:none;
		margin-bottom:12px;
		padding-left: 0%;
		padding-right: 0%;
		text-align:center;
		width: 100%;
	}

	#product-content, #product-image {
		padding:0;
	}

	#product-image div.bx-wrapper {
		width: 100%;
	}

	#brand-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#navigation ul li div.subnav h2 a, #navigation ul li div.subnav h2 a:visited {
		font-weight:bold;
		padding: 15px 0;
		text-align:left;
	}

	#product-default-image {
		display:none !important;
	}

	#brand-image {
		padding:0;
	}

	.filterbutton p {
		text-align:center;
		width:100%;
	}

	#social-payment-icons {
		float: left;
		margin-top:20px;
		max-width: 410px;
		padding-left:0;
	}
	#social-icons img {
		height: 47px;
		width: 47px;
		max-width: 47px;
	}

	#payment-icons img {
		height: 45px;
		width: 64px;
		max-width: 64px;
	}
	
	#foot-terms {
		display:block;
		width:100%;
	}
	
	.product-roundel-large {
		bottom: 4%;
	}

	.fav-designs-item {
		max-width: 580px;
    	margin: 0 auto;
	}
	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	
	div.tableBasket div.basketHeading {
		display: none;
	}
	div.tableBasket div.productRow {
		background-color: #f3f7fb;
		border-bottom: 0px;
		margin-bottom: 10px;
		padding: 8px;
		position: relative;
		/*width: 96.5%;*/
	}
	div.tableBasket div.tdProductImage {
		min-height: 100px; /*set height to style without image */
		width:15%;
	}
	div.tableBasket div.tdProductName {
		width:75%;
	}
	div.productRow div.removeButton {
		clear: none;
		display: block;
		padding: 0px;
		padding-right: 8px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 25px;
	}
	.remove {
		background-color: #FF0033;
		background-image: none;
		padding-left: 0px;
		width: 25px;
	}
	div.tableBasket div.basketPrice, div.tableBasket div.basketQty, div.tableBasket div.basketSubTotal{
		text-align: left;
		width: 80%;
	}
	div.tableBasket div.basketQty label {
		float: left;
		padding-top: 3px;
		width: 40px;
	}
	.inputQty {
		float: left;
	}
 	div.couponRow div.basketCol3 {
		width: 50%;
	}
	div#coupon-box div.basketCol2 {
		padding-right: 0px;
		width: 87%;
	}
	div#update-box {
		background-color: #ffffff;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	#basketUpdate {
		padding: 0px;
		width: 100%;
		margin-left: 0px;
	}
	.update {
		width: 129px;
	}
	div.totalRow div.basketCol3 {
		width: 75%;
	}
	.totalRowMargin {
		margin-left: 40%;
	}
	#basketCheckout {
		width: 330px;
	}


	#navigation ul li div.subnav img {
		display:none;
	}
	#product-image img {
		margin-bottom:20px;
	}
	#brand-content {
		margin-bottom:20px;
	}

	#banner-area-desktop {
		display: none;
	}
	#banner-area-mobile {
		display: block;
	}
}

@media (max-width: 641px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	#header_graphic {
		z-index: 750;
	}
	#foot2 ul li {
		margin-right:25px;
	}

	#breadcrumb {
		display:none;
	}

	.headers h2, .home-messages {
		font-size: 2em;
	}

	#brand-slider-wrapper .bx-controls {
		right:10px;
		bottom:20px;
	}

	#brand-content #brandTitle {
		font-size: 3em;
	}
	#brand-content p, #brand-content a, #brand-content a:visited, .inspirationBoxText p, .inspirationBoxText a, .inspirationBoxText a:visited {
		font-size: 1.4em;
	}

	#navigation ul li:hover div.subnav {
		padding-top:0;
	}

	.filterbutton p {
		text-align:center;
		width:100%;
	}

}

@media (max-width: 576px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/


	/*#wrapper-header {
		height: 125px;
	}*/

	#header_graphic {
		z-index: 780;
	}

	#header_graphic img {
		width: 161px;
	}
	#header-basket {
		position: absolute;
		top: 0;
		z-index: 100;
		right: 0;
	}

	#header-basket {
		z-index:200;
	}
	#header-trustpilot {
		margin-top:10px;
	}
	#header-trustpilot img {	
		display: block;
		margin: 0 auto;
		width: 81px;
	}

	/*#navigation {
		top: -94px;
	}

	#navigation ul {
		top: 96px;
	}*/

	.headers, .headers-large, .home-messages {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.headers h2, .home-messages, .headers-large h2 {
		font-size: 1.5em;
	}

	#home-banner-left img {
		margin-bottom:20px;
	}

	#enhance-content .overlap-content h2, #popular-content .overlap-content h2 {
		font-size:3em;
		letter-spacing: 8px;
	}
	#enhance-content .overlap-content h3, #popular-content .overlap-content h3 {
		font-size: 2em;
	}
	#enhance-container .overlap-content p, #popular-container .overlap-content p {
		font-size:1.4em;
	}

	table.shoping-cart-table, table.shoping-cart-table tbody, table.shoping-cart-table tr, table.shoping-cart-table tr td {
		display: block;
	}
	table.shoping-cart-table tr td:first-child {
		display: none;
	}
	table.shoping-cart-table tr td {
		float: left;
		width: 50%;
	}
	table.shoping-cart-table tr td.desc, table.shoping-cart-table tr td:last-child {
		width: 100%;
	}

	.product-listed-box {
		/*margin-left:auto;
		margin-right:auto;
		max-width:300px;*/
	}

	#brand-content #brandTitle {
		font-size:7em;
		font-weight:500;
		text-transform:none;
		margin-bottom:40px;
		background-size: contain !important;
		background-repeat: no-repeat;
		background-position: center;
		height:110px;
		width:100%;
		margin-right:auto;
		margin-left:auto;
	}

	.cookiesTable tr td {
	    font-size: 1em;
	    padding: 10px;
	}

	.news-box .card-title {
		font-size: 1.6em;
	}

	#product-thumbnails {
		margin-bottom: 20px;
	}

	.container-content .media, #faq-container .media {
		display:block;
	}

	.container-content .media img, #faq-container .media img {
		    display: block;
			float: none;
			height: auto;
			max-width: 300px;
			margin: 0 auto;	
			width:100%;
	}

	#foot-designer {
		margin-top:20px;
	}
	
	.product-roundel {
		height: 50px;
		width: 50px;
	}
	.product-roundel p {
		font-size: 0.7em;
		top:14px;
		height: 50px;
		width: 50px;
	}
	
	#sliderBrand .product-roundel {
		height: 70px;
		width: 70px;
	}
	
	#sliderBrand .product-roundel p {
		font-size: 0.8em;
		top: 21px;
		height: 70px;
		width: 70px;
	}
	
	#enhance-image .product-roundel p, #popular-image .product-roundel p, #peel-stick-seal-image .product-roundel p {
		font-size: 1.4em;
		top: 24px;
		height: 100px;
		width: 100px;
	}
	#peel-stick-seal-image .product-roundel p {
		top: 12px;
	}
	
	
	.product-roundel-large {
		height:80px; width:80px;
		bottom:7%;
	}
	
	.product-roundel-large p {
		font-size: 1.1em;
		top: 24px;
		height: 80px;
		width: 80px;
	}

	.installation-btn {
		width:100%;
	}

	.carousel-btn-overlay {
		position: absolute;
		bottom: 0;
		padding: 1rem 0;
		text-align: center;
		z-index: 2;
		margin: 0 auto;
		width: 100%;
	}

	.carousel-btn-overlay .carousel-btn-text{
		background-color: #7b95a9;
		color: #ffffff;
		font-size: 1.6em;
		padding: 0.6rem 2.5rem;
		text-decoration:none;
	}

	.carousel-btn-overlay .carousel-btn-text:hover{
		background-color: #ffffff;
		color: #3F3F3F;
		text-decoration:none;
	}
	
}



/*Mobile Sized */
@media (max-width: 480px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	h1, #product-content-h1 {
		font-size:1.5em;
	}
	h2, #product-features-h2, #you-may-like h2 {
		font-size:1.3em;
	}
	h3 {
		font-size:1.2em;
	}

	p, ul li, #product-content ul li {
		font-size:1.2em;
	}
	ul li ul li {
		font-size:1em;
	}
	
	.hideOnPhone{
		display:none;
	}
	.showOnPhone{
		display:block;
	}

	.download-btn {
		font-size: 0.7em;
		padding: 10px 20px;
	}
	
	#footerleft ul li {
		display:block;
	}
	#footerright ul li {
		display:block;
	}
	
	img.ImgFloatRightNoBorder, img.ImgFloatLeftNoBorder, img.ImgFloatNoneNoBorder, img.alignRight, img.alignLeft{
		float:none;
		display:block;
		margin:0px;
		margin-bottom:12px;
	}
	
	#header-left, #header-right {
		float:none;
		margin-bottom:6px;
		width: 100%;
	}
		
	#header_graphic{
		z-index:800;
		width: 161px;
		margin-left: auto;
		margin-right: auto;
	}

	iframe {
		width: 100%;
	}

	#sliderTopBar li img {
		display:inline-block;
		width: 35px;
	}
	#sliderTopBar li span {
		display:inline-block;
		font-size:0.9em;
		margin-left:20px;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#peel-stick-seal-container h3 {
        font-size: 2em;
    }
	
	#order-samples-content {
		left:0;
	}
	#order-samples-content h2 {
		font-size: 1.6em;
	}
	#order-samples-content p {
		font-size:1.2em;
	}

	#foot2 ul li {
		display:block;
		margin-right:0;
	}
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:300px;
	}
	
	#stockistCheckboxContainer div div{
		clear:both;
		float:none;
		width:100%;
	}
	#stockistCheckboxContainer label{
		width:90%;
	}
	
	.stockist1, .stockist2, .stockist3{
		clear:both;
		float:none;
		height:auto;
		width:100%;
	}	
	
	#gallery a, #gallery a:visited{
		margin-right: 1%;
		margin-bottom: 1%;
		max-width:185px;
		width:48%;
	}

	.newsitem{
		float:none;
		width:100% !important;
		/*max-width:300px !important;
		margin-right:0% !important;*/
	}	

	.newsdate{
		left:auto;
		right:0px;
	}

	#you-may-like-slider {
		max-width:329px;
	}

	.buttonSampleBasket {
		padding: 10px 20px;
	}
	
	.arrow-right-large {
		border-width: 0px 100px 100px 0;
	}
	.arrow-right-large span {
		font-size: 2em;
		left: 36px;
		top: 17px;
	}
	
	.home-statement-image {
		max-width: 400px;
		margin: 0 auto;
		position: relative;
	}

	
	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	div.tableBasket div.tdProductImage {
		width: 28%;
	}
	div.tableBasket div.tdProductName {
		width: 58%;
	}
	div.tableBasket div.basketPrice, div.tableBasket div.basketQty, div.tableBasket div.basketSubTotal {
		float: right;
		width: 69%;
	}
	div.couponRow div.basketCol6 {
		width: 20%;
	}
	div#update-box {
		padding: 0px;
		width: 100%;
	}
	.update {
		font-size: 14px;
		height: 34px;
		padding: 0px;
		width: 100%;
	}
	div#coupon-box div.basketCol2 {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	div#coupon-box div.basketCol2 label {
		float: left;
		margin-right: 1%;
		padding-top: 5px;
		text-align: left;
		width: 26%;
	}
	div#coupon-box div.basketCol2 input[type="text"] {
		float: left;
		margin-right: 0px;
		width: 65%;
	}
	.addButton {
		font-size: 14px;
		height: 34px;
		margin-left: 0px;
		margin-top: 15px;
		width: 100%;
	}
	div.totalRow div.basketCol3 {
		width: 70%;
	}
	div.totalRow div.basketCol6 {
		width: 27%;
	}
	#backToShop {
		padding: 0px;
		width: 100%;
	}
	.shopBack {
		font-size: 14px;
		height: 25px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	#basketCheckout {
		padding: 0px;
		width: 100%;
	}
	.checkout {
		font-size: 14px;
		height: 25px;
		width: 100%;
	}
	
}

@media (max-width: 380px) {
	#social-icons img {
		height: 30px;
		width: 30px;
		max-width: 30px;
	}
	#payment-icons img {
		height: 32px;
		width: 45px;
		max-width: 45px;
	}

	.sample-product-box {
	    width: 100%;
		max-width: 300px;
		margin: 0 auto;
		flex: 100%;
	}
}

/* small mobile fix */
@media (max-width: 345px) {
	div#coupon-box div.basketCol2 label {
		float: left;
		margin-right: 0px;
		padding-top: 5px;
		text-align: left;
		width: 100%;
	}
	div#coupon-box div.basketCol2 input[type="text"] {
		float: left;
		margin-right: 0px;
		padding-left: 3%;
		padding-right: 3%;
		width: 93%;
	}
}