@media all and (max-width: 1292px) {

	#footer .right .expertadvice{
		float:none;
		width:100%;
		clear:both;		
	}
	
	#footer .trustpilot-widget{
		float:right;
		clear:both;
		margin-right:0;
		margin-top:20px;
	}
	
	#footer .disclaimers .disclaimer-left,
	#footer .disclaimers .disclaimer-right{
		width:100%;
		display:block;
		text-align:left;
	}

}


@media all and (max-width: 1280px) {
	
	#header .trustpilot-widget{
		margin-left:3%;
	}	
	
	#header .top-strip{
		width:20%;
	}	
	
	#header .paypal-credit{
		top:57px;
	}
	
}

@media all and (max-width: 1210px) {
	
	#header .paypal-credit{
		top:62px;
	}
	
	#header .paypal-credit img{
		max-width:250px;
		height:auto;
	}	

}	

/* following is currently redudant code
@media all and (max-width: 1160px) {
	#header .trustpilot-badge{
		display:none;
	}
}
following is currently redudant code ends here */

@media all and (max-width: 1150px) {

	#header .top-strip{
		width:198px;
	}	
	
	#header .paypal-credit{
		display:none;
	}	
	
}

@media all and (max-width: 980px) {
	
	.top-strip{
		padding-bottom:20px;
	}
	
	.header-contact-numbers .mobile{
		display:none;
	}

	/* following is currently redudant code
	#header .trustpilot-badge{
		display:block;
	}
	following is currently redudant code ends here */

	.header-contact-numbers{
		position:absolute;
		left:0;
		top:70px;
		float:none;
		margin:0;
		width:300px;	
	}
	
	.header-contact-numbers .centre{
		margin:0 ;
		width:100%;		
	}
	
	.header-contact-numbers h3 span.label,
	.header-contact-numbers h3 span.lines-open {
		text-align:left;
		width:auto;
	}
	
	.header-contact-numbers h3 span.label{
		padding-right:5px;
	}
	
	
	.header-contact-numbers h4.support{
		margin-top:0;
		text-align:left;
	}
	
	.header-contact-numbers h3.lines-open-wrapper{
		position:relative;
		bottom:2px;
	}
	
	#header .trustpilot-widget{
		margin-left:4%;
	}
	
	.main-banner li span.txt{
		width:45%;	
		padding:10px; 
	}
	
	.main-banner li span.txt span.title{
		font-size:21px;
	}
	
	.overlayimage{
		display:none;
	}

	.checkout-totals{
		width:50%;
	}

	#header .paypal-credit{
		display:block;
		top:64px;
	}
	
	.product-sliding-doors .steps .block p{
		padding-left:0;	
	}	

}

@media all and (max-width: 950px) {

	.product_infobox {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); /* centers it horizontally & vertically */
	}



	#nav ul.navigation-menu{
		display:none;
	}
	
	#nav a.mobile-menu{
		display:block;
	}		

	/* Mobile navigation */
	#nav ul.dropdown{
		display:none !important;
	}
	
	#nav ul{
		display:block;
	}

	#nav ul li{
		display:block;	
		width:100%;
		text-align:left;
	}

	#nav ul li a{
		border-bottom:1px solid #fff;
		padding:10px 20px;		
	}
	
	#nav ul li.samples,
	#nav ul li.samples ul.dropdown{
		display:block !important;
		width:100%;
		position:relative;
	}

	.main-banner .banner-circle{
		left:5px;
		top:5px;
		width:125px;
		height:125px;
		font-size:18px;	
	}

	.main-banner .banner-circle .sub-title{
		font-size:13px;
	}

	.main-banner .banner-circle .sub-title2{
		font-size:12px;
	}	

}


@media all and (max-width: 875px) {
	
	/* multi-select-template */
	.product-multiselect #sidebar-left-wrapper #sidebar{
		width:30%;
	}
	
	.product-multiselect #sidebar-left-wrapper #content-right{
		width:66%;
	}

}



@media all and (max-width: 1150px) {

	.wardrobe-doors .results.grid.col-3{
		grid-template-columns: repeat(4, 1fr);
	}
	
}	



@media all and (max-width: 950px) {

	/* search results */
	
	.results.grid.col-4{
		grid-template-columns: repeat(3, 1fr);
	}
	
	.grid.col-3,
	.results.grid.col-3{
		grid-template-columns: repeat(2, 1fr);
	}
	
	
}

@media all and (max-width: 650px) {

	/* search results */
	
	.results.grid.col-4{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.wardrobe-doors .results.grid.col-3{
		grid-template-columns: repeat(3, 1fr);
	}	
	
}


@media all and (max-width: 460px) {

	/* search results */
	
	.grid.col-3,
	.results.grid.col-3,
	.results.grid.col-4{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.wardrobe-doors .results.grid.col-3{
		grid-template-columns: repeat(2, 1fr);
	}		
	
}





@media all and (max-width: 800px) {
	.fullwidth-banner{
		padding:12px;
	}

	.fullwidth-banner h2{
		font-size:26px;
	}


	.fullwidth-banner h3{
		font-size:21px;
	}	

	.quickboxes .quickbox span.txt .title{
		font-size:22px;
		line-height:1.2em;
	}

	.results.upsell .product{
		width:25%;
		margin:10px 10px 5px 0;
		padding:5px;
	}

	#col6040 .left-wrapper,
	#col6040 .right-wrapper{
		width:100%;
		float:none;
	}
	
	table.order_summary{
		display:none;
	}
	
	.product-sliding-doors .steps,
	.product-sliding-doors .quote-form{
		float:none;
		width:100%;
	}

	.main-banner.split .left,
	.main-banner.split .right{
		float:none;
		width:100%;
		height:auto;
	}

	.main-banner.split img{
		width:100% !important;
		height:auto !important;
		min-height:auto;
		object-position: 0 !important;
	}

}


@media all and (max-width: 750px) {
	
	/* multi-select-template */
	.product-multiselect #sidebar-left-wrapper #sidebar,
	.product-multiselect #sidebar-left-wrapper #content-right{
		width:100%;
		float:none;
	}
	
	.product-multiselect #sidebar-left-wrapper #sidebar{
		margin-top:30px;
	}
	
	#drawer-guide{
		display:none !important;
	}
	
	.product-multiselect #sidebar-left-wrapper #content-right .catimage-wrapper.mobileonly{
		display:block;
	}
	
	#sidebar .catimage-wrapper{
		display:none;
	}
	
	.main-banner img.colour-match-icon,
	.main-banner img.best-value{
		width:100px;
		height:auto;
	}
	

	.checkout-totals{
		width:80%;
	}	
	
}



@media all and (max-width: 700px) {
	#header .trustpilot-widget{
		display:none;
	}	

	#header .top-strip{
		width:45%;
	}			
	

	.main-banner-inner img.banner{
		object-fit:cover;
		font-family: 'object-fit: cover;';	
		height:250px;
	}	
	
	
	.main-banner li span.corner-txt-wrapper{
		display:none;
	}
	
	.main-banner li span.txt{
		width:100%;
		left:0;
		bottom:0;
		position:relative;
		background:#1f1f1f;
	}	

	.main-banner li span.txt span.left-titles{
		float:left;
		width:60%;
	}

	.main-banner li span.txt span.right{
		float:right;
		text-align:right;
		width:35%;
	}

	.main-banner li span.txt span.price,
	.main-banner li span.txt span.disclaimer{
		width:100%;
	}
	
	.main-banner li span.txt span.price{
		font-size:24px;		
	}
	
	.main-banner b.shop-now{
		position:relative;
		left:0;
		margin-top:5px;
		bottom:0;
	}


	.quickboxes .quickbox,
	.quickboxes .quickbox.last{
		width:100%;
		float:none;
		margin-right:0;
	}

	.page  #sidebar-left-wrapper #sidebar,
	.page  #sidebar-left-wrapper #content-right{
		float:none;
		width:100%;
		padding-right:0;
		padding-left:0;
	}
	
	.page  #sidebar-left-wrapper #sidebar{
		margin-top:50px;
	}

	body.index .page-content .left,
	body.index .page-content .right{
		float:none;
		width:100%;
	}

	body.index .page-content .right{
		padding-top:30px;
	}

	#sidebar-left-wrapper #sidebar,
	#sidebar-left-wrapper #content-right{
		width:100%;
		float:none;
	}

	#sidebar-left-wrapper #content-right .result-top-details{
		margin-top:0;
	}

	#sidebar-left-wrapper #content-right .result-top-details .count{
		display: block;
		width:100%;
		margin-top:10px;
		vertical-align: bottom;
	}
	
	#sidebar-left-wrapper #content-right .result-top-details .orderby{
		display:none;
	}
	
	.help_tip{
		padding-top:0;
	}
	
	#sidebar-left-wrapper #sidebar h1{
		padding-bottom:10px;
		margin-bottom:10px;
	}

	.results.single .product .product_specs ul.show_more_wrapper{	
		position:relative;
		top:0;
		left:0;
		border:none;
		padding:0px;	
	}
	
	

}

@media all and (max-width: 600px) {

	.logo{
		width:200px;
	}
	
	.header-contact-numbers{
		top:60px;	
	}
	
	.header-contact-numbers h3 span.label{
		text-align:left;
		width:auto;
	}	
	
	#header .top-strip h4{
		font-size:12px;
	}
	
	.header-contact-numbers h3 span.lines-open{
		font-size:12px;
		padding-top:0px;		
	}

	.main-banner li span.txt span.title {
		font-size: 18px;
	}

	.main-banner li span.txt span.price,
	.main-banner li span.txt span.subtitle {
		font-size: 16px;
	}

	.main-banner li span.txt span.disclaimer {
		font-size: 12px;
	}

	.main-banner img.banner,
	.main-banner-inner img.banner{
		object-fit:cover;
		font-family: 'object-fit: cover;';	
		height:250px;
	}	

	.fullwidth-banner{
		display:block;
		width:100;		
	}

	.fullwidth-banner h3{
		font-size:16px;
		padding-top:6px;
	}
	
	.fullwidth-banner .left,
	.fullwidth-banner .right{
		width:100%;
		display:block; 
		vertical-align:top;
		padding:0;
	}
	
	#footer .left,
	#footer .right{
		float:none;
		width:100%;
	}
	
	#footer .trustpilot-widget{
		float:left;
		margin-right:20px;
	}
	
	#footer .trustpilot-badge{
		float:left;
		margin-top:10px;
	}	
	
	#footer .trustpilot-widget iframe{
		margin:0 auto !important;
	}

	.payment-options{
		margin-top:20px;
	}
	
	.payment-options,
	#footer .social ul{
		float:left;
	}	

	.main-banner img.colour-match-icon,
	.main-banner img.best-value{
		width:80px;
		height:auto;
		top:5px;
	}

	.main-banner img.colour-match-icon{
		right:5px;
	}
	
	.main-banner img.best-value{
		left:5px;
	}

	.main-banner .made_to_measure{
		padding:10px 15px;
		right:0px;
		bottom:0px;				
		width:100%;
	}
	
	.main-banner .made_to_measure h3{
		font-size:16px;
	}

	.results.upsell .product{
		width:30%;
		margin:10px 10px 5px 0;
		padding:5px;
	}
	
	.results.upsell .product .title{
		font-size:15px;
	}
	
	.infobox_trigger b.title{
		text-decoration:none !important;
	}
}

@media all and (max-width: 520px) {
	td .infobox{
		float:left;	
		width:100%;
	}
	
	.hinde-cutting-form{
		float:right;
		width:100%;
		margin-bottom:10px;
	}
	
	.product-list table tbody td.hinge-cutting label{
		display:none;
	}
	
}

@media all and (max-width: 500px) {
	
	.hide500{
		display:none;
	}

	.custom-colour-code input[type=text]{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}

	.custom-colour-code .btn-red{
		padding:2px 15px;
	}
	
	div.width_50{
		width:100% !important;
		float:none !important;
	}
	
	.popup .popup-info{
		margin:0 auto;
		top:0;
		left:0;
		width:100%;
		height:auto;
	}
	
	.popup .popup-info .actions{
		text-align:center;
	}
	
	.popup .popup-info .actions a{
		margin-bottom:6px;
	}
	
	.product-sliding-doors .steps .block img{
		float:none;
		margin:0 auto 30px auto;
	}

}


@media all and (max-width: 460px) {
	

	h1{
		font-size:26px;
	}

	#header .top-strip{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:0;
	}
	
	#header .top-strip h4{
		background:#eee;
		width:100%;
		padding:5px 0 5px 5px;
		text-align:center;
	}	

	.checkout-basket{
		float:none;
		position:relative;
		width:100%;
		margin-top:14px;
	}	
	
	.header-contact-numbers{
		position:relative;
		width:100%;
		top:10px;
		text-align:center;
	}

	
	.header-contact-numbers,
	.header-contact-numbers h3,
	.header-contact-numbers h3 span.tel,
	.header-contact-numbers h3 span.tel a,
	.header-contact-numbers h3 span.lines-open{
		text-align:center;
		float:none;
		padding:0;
	}
	
	.header-contact-numbers h4.support{
		text-align:center;
	}
	
	.header-contact-numbers h3 span.label{
		display:none;
	}
	
	.logo{
		float:none;
		margin:0 auto;
	}	


	.checkout-totals{
		width:100%;
	}		

	.main-banner img.colour-match-icon,
	.main-banner img.best-value{
		width:60px;
	}

}

@media all and (max-width: 420px) {

	.main-banner-inner img.banner{
		object-fit:cover;
		font-family: 'object-fit: cover;';	
		height:220px;
	}	

	.product_infobox{
		width:340px;
	}		
	
	.results.upsell{
		display:none;
	}

}