@media (max-width: 1004px) {
	
	#wrapper {
		width: 100%;
	}

	#inner_wrapper{
		border-left : #c8c8c6 1px solid;
		border-right : #c8c8c6 1px solid;
		width: 100%;
		margin: 0 auto;
		padding: 0 40px;
	}	
	
	footer#footer {
		width: 100%;
		margin: 0 auto;
		border-top: #d9dcdf 1px solid;
		padding: 10px 0 0 0;
	}	

	
	nav.main-navigation { width: 100%; height: auto; background: #ffce0c; margin: 0 0 20px 0; }
	nav.main-navigation ul { clear: both; border-bottom: 0; width: 100%; position: relative; text-align: left; }
	nav.main-navigation ul { display: none; height: auto; width: 100%; }
	nav.main-navigation ul li { display: block; float: none; width: 100%; }
	nav.main-navigation ul li a { float: none; padding-left: 16px; padding-right: 16px; height: auto; display: block; width: 100%; border-bottom: 1px solid #535152; font-size: 12px; line-height: 34px; background: none; }	
	nav.main-navigation ul li a:hover, nav.main-navigation ul li.active a { background: #535152; color: #FFF; }
	nav.main-navigation a#pull { display: block; float: none; text-decoration: none; box-sizing: border-box; width: 100% !important; position: relative; height: 32px; line-height: 32px; font-size: 13px; text-transform: uppercase; color: #535152; padding: 0 16px; }
	nav.main-navigation a#pull:after { content:""; background: url(../images/mobile/nav-icon.png) no-repeat; width: 45px; height: 32px; display: inline-block; position: absolute; right: -10px; top: 6px; }	
	
	.main_content_container ul.home-gallery li {
		float: left;
		list-style-type: none;
		list-style-image: none;
		padding: 0;
		width: 22%;
		height: auto;
		border: 1px solid #b7b0b0;
		position: relative;
		margin: 0 4% 20px 0;
	}
	
	.main_content_container ul.home-gallery li img {
		width: 100%;
		height: auto;
	}	
	
	
	.left_hand_column_container {
		clear: both;
		float: none;
		width: 100%;
		margin: 11px 0 0 0px;
	}
	
	.bespoke-look p br {
		display: none;
	}
	
	.bespoke-look .button {
		bottom: 10px;
		right: 10px;
	}	
	
	.main_content_container {
		float: none;
		width: 100%;
		padding: 11px 0 0;
		margin: 0 0 0 0;
		clear: both;
	}	
	
	.main_content_container .guarantees {
		position: relative;
		top: auto;
		left: auto;
		background: none;
		width: 100%;
		height:	auto;
	}	
	
	.main_content_container .guarantees ul li {
		float: none;
		list-style-image: none;
		text-align: left;
		color: #717172;
		font-family: Helvetica;
		font-size: 16px;
		line-height: 18px;
		font-weight: 500;
		letter-spacing: 1px;
	}	

	
	.main_content_container .guarantees ul li.first {
		float: left;
		background: url(../images/mobile/ten_year_guarantee.png) no-repeat;
		margin: 0 2% 0 0;
		width: 32%;
		height: 79px;
		padding: 17px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.second {
		float: left;
		background: url(../images/mobile/home_delivery.png) no-repeat;
		margin: 0 2% 0 0;
		width: 32%;
		height: 79px;
		padding: 17px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.third {
		float: left;
		background: url(../images/mobile/price_match.png) no-repeat;
		margin: 0 0 0 0;
		width: 32%;
		height: 79px;
		padding: 17px 0 0 110px;
	}	
	
	.measuring-guide {
		float: none;
		background:url(../images/measuring_guide_background_extended.png) no-repeat;
		width: 100%;
		height: 76px;
		position: relative;
		margin: 10px 18px 20px 0px;
		padding: 5px 10px 0 80px;
	}	
	
	.installation-guide {
		float: none;
		background:url(../images/installation_guide_background_extended.png) no-repeat;
		width: 100%;
		height: 76px;
		position: relative;
		margin: 10px 17px 20px 0;
		padding: 5px 10px 0 80px;
	}	
	
	.request-a-sample {
		float: left;
		background:url(../images/request_a_sample_background_extended.png) no-repeat;
		width: 100%;
		height: 76px;
		position: relative;
		margin: 10px 0 20px 0;
		padding: 5px 10px 0 80px;
	}	
	
	.measuring-guide p br, .installation-guide p br, .request-a-sample p br {
		display: none;
	}
	
	.measuring-guide .button, .installation-guide .button, .request-a-sample .button {
		bottom: 10px;
		right: 10px;
	}
	
	.content-wrapper {
		width: 100%;
		border-bottom: 1px solid #CCC;
		margin: 0 auto 10px auto;
		padding: 25px 0;
	}	
	
	.collections {
		width: 100%;
		margin: 0 auto;
		border-top: 1px solid #d9dcdf;
		padding: 15px 0 0 0;
	}	
	
	.collections ul li {
		float: left;
		width: 48%;
		margin: 2px 0 15px 0;
		text-align: center;
	}
	
	.collections ul li:nth-child(2n+2) {
		float: right;
		width: 48%;
		margin: 2px 0 15px 0;
	}	
	
	.collections ul li h4 {
		text-align: center;
	}	
	
	.collections ul li img {
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}
	
	.prices-from {
		float: left;
	}	
	
	
	.five-steps-panel .header {
		min-height: 54px;
		width: 100%;
		padding: 20px 10px 0 45px;
		background: url(../images/mobile/5steps-header.png) top left no-repeat;
	}	
	
	ul.steps {
		float: none;
		list-style-type: none;
		margin: 0 0 0 25px;
		padding: 0;
	}
	
	ul.steps li {
		width: 100%;
		background: #d7d7d7;
		margin: 0 0 5px 0;
		padding: 8px 0px 8px 13px;
		font-size: 12px;
		line-height: 14px;
		position: relative;
	}	
	
	.carousel-content {
		position: relative;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0px 0 0 10px;
		font-family: 'Lato', sans-serif;
	}	
	
	.carousel-content h2 br {
		display: none;
	}
	
	.carousel-content h2 span.small {
		font-size: 40px;
	}	
	
	.carousel-content h2 span.small {
		font-size: 40px;
	}
	
	
	.carousel-image {
		float: none;
		width: 100%;
	}
	
	.carousel-image img {
		width: 100%;
		height: auto;
	}
	

	.carousel-offer {
		border-top: 1px solid #d2d2d0;
		position: relative;
		bottom: auto;
		left: auto;
		z-index: 10;
		width: 100%;
		height: 124px;
		overflow: hidden;
		border-bottom: 1px solid #d2d2d0;
		display: none;
	}	
	
	.first-offer {
		float: left;
		width: 50%;
		min-height: 124px;
		position: relative;
	}
	
	.button.first {
		position: absolute;
		left: auto;
		right: 10px;
	}	

	.second-offer {
		float: left;
		width: 50%;
	}	
	
	.product-container-left-col, .product-detail-left-col {
		float: none;
		width: 100%;
	}
	
	.product-detail-price .price {
		text-align: left;
		margin: 5px 0 0 0;
	}
	
	.product-detail-price p span {
		font-size: 16px;
		line-height: 20px;
		display: inline-block;
	}
	
	#product_container_right_col, .product-detail-right-col {
		width: 100%;
		float: none;
	}
	
	#product_container_right_col .image-wrapper,
	.product-detail-right-col .image-wrapper {
		position: relative;
		min-height: auto;
		height: auto;
		margin: 0 0 20px 0;
		overflow: visible;
	}
	
	#product_container_right_col .image-wrapper img,
	.product-detail-right-col .image-wrapper img {
		position: relative;
		left: auto;
		width: 100%;
		height: auto;
		top: auto;
	}

	#product_container_right_col img#item-image {
		position: relative;
		left: auto;
		width: 100%;
		height: auto;
		top: auto;
	}	
	
	img.full {
		width: 100%;
		height: auto;
	}
	
	.main-door-frame-styles .main-door-frame-styles-left {
		float: none;
		width: 100%;
	}

	.main-door-frame-styles .main-door-frame-styles-right {
		float: none;
		width: 100%;
		text-align: left;
		margin: 0 0 20px;
	}
	
	.main-gallery .gallery-item {
		float: left;
		width: 48%;
		margin: 0 0% 2% 0 !important;
		border: 1px solid #c8c8c8;
		position: relative;
	}

	.main-gallery .gallery-item:nth-of-type(3n+3) {
		margin: 0 0 0 0;	
	}
	
	.main-gallery .gallery-item:nth-of-type(odd) {
		float: right;
	}
	
	.gallery li {
		float: left;
		width: 22%;
		position: relative;
		height: 140px;
		margin: 0px 4% 4% 0;
		overflow: hidden;
	}	
	
	.gallery li:nth-child(4n+4) {
		margin: 0px 0 4% 0;
	}
	
	ul.help li a {
		width: 32%;
		padding: 10px;
		margin: 0 2% 2% 0;
		float: left;
		height: 315px;
		color: #646362 !important;
		position: relative;
		transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
	}	
	
	img.hero {
		width: 100%;
		height: auto;
	}
	
	.related-articles {
		width: 100%;
		margin: 0 auto;
		border: #d9dcdf 1px solid;
	}	
	

	.related-articles ul {
		padding: 15px 15px 15px 15px;
	}	
	
	.carousel-images {
		width: 100%;
	}
	
	
}


@media (max-width: 768px) {
	
	header#header {
		min-height: 130px;
		padding: 60px 0 0 0;
	}	
	
	nav.main-navigation {
		margin: 0;
	}
	
	.logo {
		float: none;
		margin: 0px auto 20px auto;
		width: 288px;
	}
	
	.breadcrumbs ul li {
		line-height: 17px;
	}
	
	.basket-container {
		position: absolute;
		top: 0px;
		left: 50%;
		right: auto;
		margin-left: -116px;
		width: 235px;	
	}
	
	.contact-info {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		text-align: center;
		padding: 10px 0 20px;
	}	
	
	.tel {
		font-size: 36px;
		line-height: 36px;
		font-weight: 400;
		padding: 5px 0;
	}
	
	
	
	#right_body_column_share_this_outer_wrapper	{
		display: none;
	}
	
	
	.form-left {
		float: none;
		width: 100%;
	}

	.form-right {
		float: none;
		width: 100%;
	}	
	
	.main_content_container .guarantees ul li.first {
		float: none;
		background: url(../images/mobile/ten_year_guarantee.png) no-repeat;
		margin: 0 0 0 0;
		width: 100%;
		height: 79px;
		padding: 25px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.second {
		float: none;
		background: url(../images/mobile/home_delivery.png) no-repeat;
		margin: 0 0 0 0;
		width: 100%;
		height: 79px;
		padding: 25px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.third {
		float: none;
		background: url(../images/mobile/price_match.png) no-repeat;
		margin: 0 0 0 0;
		width: 100%;
		height: 79px;
		padding: 25px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li br {
		display: none;
	}	
	
	footer#footer {
		text-align: center;
	}
	
	.footer-menu ul li {
		float: none;
		width: 100%;
		font-size: 11px;
		color: #9e9d9d;
		border-left: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		text-align: center;
	}
	
	.manufactured {
		display: none;
	}
	
	.payment-logos {
		float: none;
	}
	
	.payment-logos img {
		width: 100%;
		height: auto;
	}
	
	.freeindex {
		display: none;
	}	
	
	.product-description-left {
		float: none;
		width: 100%;	
	}

	.product-description-right {
		float: none;
		width: 100%;	
	}	
	
	.gallery li {
		float: left;
		width: 48%;
		position: relative;
		height: 140px;
		margin: 0px 0px 4% 0px;
		overflow: hidden;
	}
	
	.gallery li:nth-child(2n+2) {
		float: right;	
		margin: 0 0 4% 0;
	}	
		
	
	.mobileimage {
		float: none !important;
		margin: 20px 0 20px 0;
		max-width: 100%;
		height: auto;		
	}
		
	.basket-content-left {
		float: none;
		width: 100%;
	}	
	
	.basket-content-right {
		float: none;
		width: 100%;
	}	
	
	.totals-container {
		float: none;
		width: 100%;
		margin: 0px 0px;
		padding: 30px 0;
	}
	
	.buttons-container {
		width: 100%;
		float: none;
		margin: 0px 0px 30px 0px;
	}	
	
	.title-content {
		width: 100%;
	}
	
	.content-section-left, .content-section-right {
		float: none;
		width: 100%;
	}
	
	.choose-your-design-content {
		float: none;
		width: 100%;
	}
	
	ul.related-articles-list li {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	ul.related-articles-list li a {
		border-bottom: 0px solid #fec300
	}
	
	
	ul.related-articles-list li a p {
		height: auto;
	}
	
	.gallery-item.spacing {
		margin: 0 0 20px;
	}
	
	.sample-detail-header-title {
		float: none;
		width: 100%;
	}
	
	.sample-detail-header-egger {
		float: none;
		height: 25px;
		margin: 20px 0 0 0;
		width: 100%;
	}
	
	
	.slider-for {
		width: calc(100% - 3px);
		height: 215px;
		background: #FFF;
		margin: 0 0 10px;
		border: 1px solid #CFCFCF;
		overflow: hidden;
	}

	.slider-for .main-image img {
		width: 100%;
		height: 215px;
		object-fit: cover;
		position: relative;
	}
	
	.slider-nav {
		height: 230px;
		border: none;
	}
	.slider-nav div.slide-nav-item {
		margin: 0 10px 10px 0;
	}
	
	.sample-detail-carousel {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.sample-detail-content-wrapper {
		float: none;
		width: 100%;
	}
	.sample-detail-specs-wrapper {
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
	}
	.doors-designer-text {
		position: relative;
		top: auto;
		left: auto;
		transform: translateY(0%);
		font-size: 15px;
		line-height: 17px;
		background: url(../images/icon-choose.svg) 0% 50% no-repeat;
		background-size: 50px;
		padding: 10px 0 10px 60px;
		margin: 0 0 10px;
	}
	.doors-designer-text br {
		display: none;
	}
	
	.panel-links-wrapper {
		border: 1px solid #c8c8c8;
		background: #e6e6e6;
		padding: 10px;
		width: 100%;
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	
	.panel-list {
		text-align: center;
	}
	.panel-list li {
		margin: 5px 10px !important;
	}
	
/*
	.slick-prev, .slick-next {
		display: block !important;
	}
*/
	
}

@media (max-width: 600px) {
	


	.main_content_container ul.home-gallery li {
		float: none;
		padding: 0;
		width: 100%;
		height: auto;
		border: 1px solid #b7b0b0;
		margin: 0 0 20px 0;
	}	
		
	
	.contact-column {
		float: none;
		width: 100%;
	}
	
	.main_content_container .guarantees ul li.first {
		padding: 17px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.second {
		padding: 17px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li.third {
		padding: 17px 0 0 110px;
	}	
	
	.main_content_container .guarantees ul li br {
		display: block;
	}
	
	
	.left_hand_column_container {
		float: none;
		width: 100%;
		margin: 11px auto 0 auto;
	}	
	
	.bespoke-look p br {
		display: block;
	}
	
	.bespoke-look .button {
		bottom: 5px;
		right: 5px;
	}	
	

	.measuring-guide {
		float: none;
		background:url(../images/measuring_guide_background.png) no-repeat;
		width: 299px;
		height: 76px;
		position: relative;
		margin: 10px auto 20px auto;
		padding: 5px 10px 0 80px;
	}

	.installation-guide {
		float: none;
		background:url(../images/installation_guide_background.png) no-repeat;
		width: 300px;
		height: 76px;
		position: relative;
		margin: 10px auto 20px auto;
		padding: 5px 10px 0 80px;
	}

	.request-a-sample {
		float: none;
		background:url(../images/request_a_sample_background.png) no-repeat;
		width: 300px;
		height: 76px;
		position: relative;
		margin: 10px auto 20px auto;
		padding: 5px 10px 0 80px;
	}

	.measuring-guide .button,
	.installation-guide .button,
	.request-a-sample .button {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
	
	.measuring-guide p br, .installation-guide p br, .request-a-sample p br {
		display: block;
	}	
	
	.collections ul li {
		float: none;
		width: 100%;
		margin: 2px 0 15px 0;
		display: inline-block;
	}	
	
	.collections ul li:nth-child(2n+2) {
		float: none;
		width: 100%;
		margin: 2px 0 15px 0;
	}	
	
	.logo {
		width: 250px;
	}	
	
	.logo img {
		width: 100%;
		height: auto;
	}
	
	.carousel-content .button {
		position: relative;
		bottom: auto;
		right: auto;
	}
	
	.line3 {
		margin: 0 0 10px;
	}
	
	ul.extra {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: auto;
		gap: 20px;
	}
	
	
	.gallery li {
		float: none;
		width: 100%;
		position: relative;
		height: 140px;
		margin: 0px 0px 4% 0px;
		overflow: hidden;
	}
	
	ul.help li a {
		width: 100%;
		padding: 10px;
		margin: 0 0 2% 0;
		float: left;
		height: 315px;
		color: #646362 !important;
		position: relative;
		transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
	}	
	
	.related-articles ul li {
		float: left;
		width: 48%;
		margin: 0 0 20px 0;
		min-height: 220px;
		padding: 5px;
	}

	.related-articles ul li:nth-child(2n+2) {
		float: right;
		width: 48%;
		margin: 0 0 20px 0;
		min-height: 220px;
		padding: 5px;
	}	
	
	.related-articles ul li img {
		margin: 0 0 15px 0;
		width: 100%;
		height: auto;
	}
	
	#left_body_column_shadow{
		display: none;

	}

	#right_body_column_shadow{
		display: none;
	}	

	#inner_wrapper{
		border-left: none;
		border-right: none;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}	
	
	.carousel.mobile {
		display: block;
	}	
	.carousel.desktop {
		display: none;
	}	
	
	
	ul.extra.wi li:nth-child(1) div #january-sale,
	ul.extra.wi li:nth-child(2) div #january-sale,
	ul.extra.wi li:nth-child(3) div #january-sale,
	ul.extra.wi li:nth-child(4) div #january-sale {
		background: url(../images/sale/5-day-flash-sale-interiors.png) 50% 45% no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}	
	
	.image-wrapper #january-sale {
		background: url(../images/jansale.png) top right no-repeat;
		width: 100px;
		height: 140px;
		position: absolute;
		top: -1px;
		right: -1px;
		z-index: 11;
		background-size: 150%;
	} 	
	
	.grid-row-column-one {
		float: none;
		width: 100%;
		margin: 0 0 50px;
	}
	
	.grid-row-column-three {
		float: none;
		width: 100%;
	}
	
	.grid-row-column-three ul li {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}
	
	.grid-row-column-full ul li {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}
	
	.instant-quote-sub-title h2 {
		font-size: 16px;
		line-height: 22px;
	}
	
	.step {
		display: block;
		height: auto;
		border-left: none;
		vertical-align: top;
		padding: 0 0 20px !important;
		border-bottom: 2px solid #fecd32;
		margin: 0 0 20px !important;
	}
	.step:first-of-type {
		margin-left: 0px;
		padding: 0;
		border-bottom: 2px solid #fecd32;
	}
	
	.step:last-of-type {
		padding: 0;
	}
	
	.step-content {
		margin: 5px 0 0 0;
		width: 80%;
	}
	.step-content p br {
		display: none;
	}
	.steps-info {
		border-bottom: 2px solid #c8c8c8;
		padding: 0 0 10px 0px;
	}
	
	.wardrobe-collections {
		padding: 0;
	}

	.wardrobe-collections li, .wardrobe-interiors li {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	.filter button {
		margin: 10px 10px;
		width: 90px;
		height: 90px;
	}
	
	.help-articles {
		gap: 10px;
		grid-template-columns: repeat(1, 1fr);
	}
	
	.help-articles li a .article-title {
		border-bottom: 2px solid #ffbb2f;
		min-height: auto;
		margin: 0 0 10px;
		padding: 10px 0 0 0;
	}
	
	.help-articles li a .article-snippet {
		min-height: auto;
	}
	
	
}