@media(max-width:1600px){	
	
	.approved .grid-container { max-width: 1260px;}	
	
	
	
	

}

@media(max-width:1400px){
	
	h1 { font-size: 70px; line-height: 80px;}
	
	.slider-text h1 { font-size: 70px; line-height: 80px;}
	.four-tiles ul li h3 { font-size: 22px; line-height: 30px; height: 58px;}
	.dropdown.menu > li > a { font-size: 20px; padding: 18px 20px; }
	.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 56px;}
	.bespoke-ramp { height: 100%;}
	.bespoke-ramp img { height: 100%; object-fit: cover;}
	
	.ramp-boxes { padding-bottom: 40px;}
	.recent-projects { padding-bottom: 150px;}
	.why-choose img { height: auto;}
	.why-choose {padding-top:50px; padding-bottom:10px;}
	.testimonials { padding-bottom: 150px;}
	.approved {padding-bottom:10px; padding-top: 50px;}
	.approved .slider .slick-prev {left:20px;}
	.approved .slider .slick-next {right:20px;}
	.approved .slider {padding:0px 50px;}
	.approved h2 { padding-bottom: 40px;}
	.testimonials .slider .slick-prev, .testimonials .slider .slick-next {top:20%;}
	 .home-about h2 { font-size: 56px; line-height: 70px;}
	.home-about h3 { font-size: 40px; line-height: 50px;}
	.foot-1 { padding-right: 30px;}
	.slider-sec .slider .slick-slide {min-height:700px;}
	.home-about { padding-top: 70px;}
	.inner-banner-title h1 { font-size: 60px; line-height: 70px;}
	.inner-banner-title { padding: 70px 0px; }
	
	
	
	
}


@media(max-width:1279px){	
	.dropdown.menu > li { margin: 0px 0px 0px 0px; display: inline-block;}
.dropdown.menu > li:nth-child(5) { 
	margin-left: 100px;
}
	
}

@media(max-width:1199px){
.dropdown.menu > li {margin-left: 0px;}
.vertical.menu.submenu a {font-size: 16px;}
.is-dropdown-submenu {min-width: 269px;}
	
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {top:56px;}
.search-wrap { min-width: 360px;}
.login-icon { margin-left: 10px; }	
.logo img { width: 370px;}	
	
.four-tiles ul li h3 { height: 64px;  padding: 0px 10px; display: flex; justify-content: center; align-items: center;}	
.ramp-boxes { padding-bottom: 20px; padding-top: 80px;}	
.home-about a.btn { padding: 18px 26px; font-size: 24px; margin-right: 10px;}	
.home-about h2 { font-size: 50px; line-height: 60px; padding-bottom: 15px;}
.home-about p { padding-bottom: 30px;	font-size: 18px;}
.home-about-right { padding-left: 20px !important;}	

.foot-wrap { flex-flow: row wrap; padding-bottom:30px;}	
.foot-1, .foot-2, .foot-3, .foot-4, .foot-5 { width: 50%; margin-bottom: 30px;}	
.discuss h2 { font-size: 50px; line-height: 60px; padding-bottom: 50px;}	
h2 { font-size: 44px; line-height: 54px;}	
.approved h2 { padding-bottom: 30px;}
.slider-text h1 { font-size: 60px; line-height: 70px;}	
.slider-text .btn { padding: 18px 28px; font-size: 26px; }	
	.slider-text h4 {padding-bottom:0px;}	
	.slider-sec .slider .slick-slide {min-height:560px;}
	.four-tiles { margin-top: -50px;}
	.recent-projects a.btn { padding: 18px 30px; font-size: 24px; }
	.test-box p { max-width: 750px;}
	.testimonials .slider .slick-prev {left:40px;}
	.testimonials .slider .slick-next {right:40px;}
	.testimonials h2 { font-size: 44px; line-height: 54px;}	
	.discuss h2 { font-size: 44px; line-height: 54px;}
	.home-about h3 { font-size: 34px; line-height: 44px;}
	.newsletter h2 {font-size: 34px; line-height: 44px; }
	.recent-projects h2 {font-size: 34px; line-height: 44px; }
	.bespoke-ramp h2 { font-size: 44px; line-height: 54px;}
	
	.toprow { padding: 5px 0px 0px;}
	.dropdown.menu > li:nth-child(5) {
	margin-left: 0px;
}
	.dropdown.menu > li:nth-child(4) {
	margin-right: 0px;
}
	.logo { position: relative;	top: 0px;}
	
	.inner-banner-title { padding: 60px 0px;}
	.inner-banner-title h1 { font-size: 52px; line-height: 62px;}
	.inr-pages { padding: 60px 0px; }
	
	


}

@media(max-width:1024px){
.title-bar {float: right; margin-right:0px; padding:14px 7px; background:#fff; z-index: 99999999; position: relative;}
.is-drilldown {max-width: 100% !important;}
.top-bar-right ul {width: 100%;}
.vertical.menu.submenu {margin-top: 0;}
.nav-outer {padding:0px;}
.title-bar .title-bar-title {display: none;}

	
.is-drilldown li {width: 100%; padding-left:0px;}
.vertical.medium-horizontal.menu.drilldown { background: #000; padding: 0px 0px; border-top: 0px #fff solid;}	
	
.vertical.menu.submenu a {font-size: 17px;}
.drilldown .js-drilldown-back > a::before{ display: none;}	
li.js-drilldown-back {padding-left: 5px;}
.vertical.medium-horizontal.menu.drilldown { position: relative; margin-top:100px; left: 0;}
	
	.drilldown .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #c0d7cb; right: 0rem;}
	li.js-drilldown-back { padding-left: 0px;}
	li.js-drilldown-back a {color:#c0d7cb !important;}
	

	
}



@media(max-width:1023px){
	
.search-wrap { min-width: 360px; display: none;}
	.title-bar { float: none; margin-right: 0px; padding:0px; background: #ed1d24; z-index:999; position: absolute; right: 15px; top: -94px;}
    .vertical.medium-horizontal.menu.drilldown { position: absolute; margin-top: 0px; left: 0;     z-index: 2;}
	.cell.head-left { width: 50%;}
	.cell.head-right { width: 50%;}
	.logo {text-align:left;}
	.logo img { width: auto; height:110px;}
	.login-icon { margin-left: 0px;}
	.cart-icon { margin-right: 64px;}
	.title-bar .menu-icon { margin: 0px; padding: 20px;}
	.menu-icon::after { top: 11px; left: 8px; display: block; width: 60%; height: 2px; background: #fff; -webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; content: '';}
	.menu-icon:hover::after { background: #fff; -webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;}
	.drilldown .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #fff; right: 10px;}
	.drilldown a { border-bottom: 1px solid #222; background: #000; color: #fff; padding: 14px 15px; transition:all ease 0.3s;}
	.drilldown a:hover {background:#ed1d24; color:#fff;}
	.drilldown .is-drilldown-submenu-parent > a:hover::after { border-color: transparent transparent transparent #fff; right: 10px;}
	li.js-drilldown-back a { color: #fff !important;}
	.slider-sec { margin-top: -90px;}
	.nav-outer ul li.active a { background: #ed1d24; color: #fff;}
	.vertical.menu.submenu { background: #000;}
	.slider-text h1 { font-size: 50px; line-height: 60px;}
	.slider-text .btn {padding:14px 22px; font-size:24px;}
	.slider-sec .slider .slick-slide {min-height:500px; background-position:center center !important;}
	.four-tiles { margin-top: 60px;}
	.four-tiles ul { flex-flow: row wrap;}
	.four-tiles ul li { width: 47%; margin-bottom: 30px;}
	.four-tiles ul li h3 { font-size: 24px; line-height: 30px;}
	.nav-outer-main.stickymenu { height: auto; box-shadow: 0px 2px 7px rgba(0,0,0,0.1);}
	.ramp-boxes { padding-top: 50px;}
	.bespoke-ramp { height: auto; margin-bottom: 30px;}
	.bespoke-ramp img { height: auto; object-fit: cover; width: 100%;}
	.hand-rail img { width: 100%; height: 450px; object-fit: cover; }
	.timber-ramp img { width: 100%; height: 450px; object-fit: cover; }
	.recent-projects { padding-bottom: 110px; padding-top: 150px;}
	.project-box { margin-bottom: 30px;}
	.project-box img { margin-bottom: 10px;}
	.recent-projects a.btn { margin-top: 20px;}
	h2 { font-size: 40px; line-height: 50px;}
	.why-choose p { padding-bottom: 10px;}
	.testimonials h2 { font-size: 40px; line-height: 50px;}
	.testimonials .slider .slick-prev, .testimonials .slider .slick-next {display:none !important;}
	.discuss ul li a { padding: 15px 20px; font-size: 24px;}
	.discuss { padding: 50px 0px 70px; }
	.home-about-left { margin-bottom: 20px;}
	.home-about { padding-top: 60px; padding-bottom: 80px;}
	.madein img { left: 20px;}
	.madein { padding: 70px 0px 50px; }
	.newsletter form { max-width: 660px; }
	.newsletter form input[type="text"] { height: 60px;}
	.newsletter form input[type="submit"] { width: 168px; height: 60px;}
	.recent-projects h2 { font-size: 38px; line-height: 48px;}
	.search-mobile-wrap {display:block;}
	.search-mobile-wrap form { display: none;}
	.search-box-mobile { position: absolute; width: 100%; left: 0; right: 0; margin: 0 auto; bottom:0px; top: 120px; display:none; }
	.search-box-mobile form input[type="text"] { width:100%; height: 50px; box-shadow:none; border:1px solid #c6c6c6; font-size:18px; padding:0px 15px; margin:0px;}
	.search-box-mobile form input[type="submit"] { position: absolute; right: 10px; top: 4px; width: 40px; height: 40px; cursor: pointer; background: url("../img/search.svg") no-repeat; background-position: center center; border: 0px; padding: 0px;}
	.search-mobile-wrap a { width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 38px;}
	.cart-icon { width: 42px; }
	
	.logo { position: relative; top: 0px; margin: 0;}
	.inner-banner-title { padding: 50px 0px;}
	.inner-banner-title h1 { font-size: 46px; line-height: 56px; font-weight: 700;}
	.discuss h2 { font-size: 40px; line-height: 50px;}
	.abt-page img { margin-bottom: 15px;}
	
	
	
}

@media(max-width:767px){

.toprow ul li span { display: none;}
	.toprow ul { justify-content: center;}
	.toprow ul li a i { margin-right: 10px; margin-left: 10px;}
	.four-tiles ul li { width: 48%; margin: 0px 0px 20px;}
	.bespoke-ramp h2 { font-size: 38px; line-height: 48px;}
	.bespoke-ramp a { font-size: 22px; line-height: 28px; }
	.recent-projects a.btn { padding: 14px 22px; font-size: 22px;}
	.slant-edge-top { height: 80px;}
	.testimonials { padding-bottom: 100px; padding-top: 130px;}
	.approved h2 br { display: none;}
	.approved h2 { padding-bottom: 30px; font-size: 34px; line-height: 44px;}
	.approved .slider .slick-prev { right: 10px;}
	.approved .slider .slick-next { right: 10px;}
	.title-bar { top: -80px;}
	.discuss h2 { font-size: 40px; line-height: 50px;}
	.discuss ul li a { padding: 10px 20px; font-size: 22px; display: inline-block; margin-bottom: 15px;}
	.discuss ul li { margin: 0px 5px;}
	.discuss ul li a i { width: 38px; height: 38px; font-size: 18px; line-height: 38px; }
	.home-about h2 { font-size: 44px; line-height: 54px; }
	.newsletter h2 { font-size: 30px; line-height: 40px;}
	.copyright { padding: 20px 0px;}
	.approved .slider img { height: 100px;}
	.slider-text h1 { font-size: 44px; line-height: 54px;}
	.foot-1, .foot-2, .foot-3, .foot-4, .foot-5 { width: 100%; margin-bottom: 30px; text-align: center;}
	.foot-1 { padding-right: 0px;}
	.approved .slider .slick-prev {left:10px;}
    
	.toprow { display: none;}
	
	.logo { text-align: left;}
	.logo img {width:auto; height:100px;}
	
	.inner-banner-title {
	padding: 40px 0px;
}
	.inner-banner-title h1 { font-size: 40px; line-height: 50px;}
	.inr-pages { padding: 50px 0px;}
	
	
    
}


@media(max-width:639px){
	
.title-bar { top: -80px;}
	.slider-sec .slider .slick-slide {min-height:400px;}
	.slider-text h1 { font-size: 40px; line-height: 50px;}
	.slider-text h4 { font-size: 26px; line-height: 36px; }
	.slider-sec { margin-top:0px;}
	.four-tiles ul li h3 { font-size: 22px; line-height: 26px;}
	.bespoke-ramp h2 { font-size: 32px; line-height: 42px;}
	.timber-ramp h2, .hand-rail h2 { font-size: 32px; line-height: 40px; }
	.timber-ramp a, .hand-rail a { font-size: 22px; line-height: 28px; }
	.slant-edge-top { height: 60px;}
	.recent-projects { padding-bottom: 90px; padding-top: 110px;}
	h2 { font-size: 32px; line-height: 42px;}
	.why-choose h2 { margin-bottom: 30px;}
	.why-choose img { height: auto;}
	.why-choose h3 { font-size: 26px; line-height: 36px; padding-top: 10px;}
	.testimonials h2 { font-size: 32px; line-height: 42px; margin-bottom: 25px;}
	.test-box p {font-size:18px; line-height:28px;}
	.approved h2 { padding-bottom: 20px; font-size: 30px; line-height: 38px;}
	.discuss h2 { font-size: 30px; line-height: 40px; padding-bottom:20px;}
	.discuss { padding: 30px 0px 80px;}
	.discuss ul li { display: block;}
	.discuss ul li a { width: 220px;}
	.home-about h3 { font-size: 28px; line-height: 36px;}
	.home-about h2 { font-size: 38px; line-height: 46px;}
	.home-about a.btn { padding: 14px 22px; font-size: 20px; margin-right: 10px;}
	.home-about { padding-top: 60px; padding-bottom: 60px;}
	.madein img { left: 0; right: 0; position: relative; display: block; margin: 0 auto 20px; }
	.madein p { padding-left: 0px; padding-bottom: 15px;}
	.foot-social a { margin-right: 5px;	margin-left: 5px;}
	.foot-5 i { left: 0px; width: 24px; top: 0px; position: relative; margin-right: 4px;}
	.foot-social a i { margin-right: 0px;}
	.copy-left {margin-bottom:10px;}
	.copy-left, .copy-right { width: 100%; text-align:center; }
	.foot-5 li { padding-left: 0px;}
	.foot-wrap { padding-top: 40px; }
	.newsletter h2 { font-size: 26px; line-height: 36px;}
	.search-box-mobile { top: 106px;}
	.vertical.menu.submenu { background: #000; height: 330px; overflow-y: auto; overflow-x: hidden;}
	.home-about-right { padding-left: 15px !important;}
	
	.logo {text-align:left;}
	.logo img { width: auto; height: 100px;}
	
	.news-box { margin-bottom: 30px;}
	.news-sec { padding: 40px 0px 30px;}
	.inr-pages { padding: 50px 0px;}
	.floating i { font-size: 36px;}
	.floating { width: 60px; top: 37%;}
	.course-page img {margin-bottom:20px;}	
	.events-page h3 { font-size: 30px; line-height: 40px;}
	
	
}

@media(max-width:479px){

.search-mobile-wrap a { width: 20px; height: 20px; line-height: 20px;}
.login-icon { width: 20px; height: 20px; line-height: 20px;}	
	.cart-icon { width:20px; margin-right: 54px;}
	.cell.head-left { width: 44%;}
	.cell.head-right { width: 56%;}
	.slider-text h1 { font-size: 30px; line-height: 36px;}
	.slider-text h4 { font-size: 22px; line-height: 32px;}
	.slider-text .btn { padding: 10px 20px; font-size: 20px;}
	.slider-sec .slider .slick-slide {min-height:320px;}
.four-tiles ul li { width: 100%; }
	.timber-ramp h2, .hand-rail h2 { font-size: 26px; line-height: 34px;}
	.bespoke-ramp h2 { font-size: 26px; line-height: 34px;}
    .ramp-heading { bottom: 20px; left: 20px;}
	.recent-projects h2 { font-size: 30px; line-height: 40px; margin-bottom: 30px;}
	.project-box h3 { font-size: 24px; line-height: 32px;}
	.recent-projects a.btn { padding: 10px 20px; font-size: 20px; margin-top: 0px;}
	.why-choose { padding-top: 30px; }
	h2 { font-size: 28px; line-height: 38px;}
	.why-choose img { height: auto;}
	.testimonials { padding-top: 90px;}
	.slant-edge-top { height: 40px;}
	.testimonials h2 { font-size: 28px; line-height: 38px; }
	.test-box h4 { font-size: 22px; line-height: 30px; }
	.why-choose h3 { font-size: 24px; line-height: 30px; }
	.approved h2 { padding-bottom: 10px; font-size: 26px; line-height: 32px;}
	.discuss { padding:30px 0px 80px;}
	.home-about { padding-top: 40px; padding-bottom: 50px;}
	.home-about a.btn { padding: 12px 12px; font-size: 18px; margin-right: 10px;}
	.madein { padding: 40px 0px 30px;}
	.newsletter form input[type="submit"] { width: 100%; height: 60px; position: relative; border-radius: 6px;	margin-top: 10px;}
	.newsletter form input[type="text"] { height: 60px; width: 100%; border-radius: 6px;}
	.home-about h3 { font-size: 22px; line-height: 32px;}
	.home-about h2 { font-size: 30px; line-height: 40px;}
	.cart-icon { margin-right: 60px; width:24px;}
	.login-icon { width: 21px; margin: 0px 10px;}
	.search-mobile-wrap { margin-right: 5px;}
	.logo img { width: 65px; height: 60px; object-fit: cover; object-position: left;}
	.nav-outer-main.stickymenu .logo img { width: 65px; height: 60px; object-fit: cover; object-position: left;}
	.title-bar { top: -60px;}
	.cart-item { right: -8px; }
	.discuss h3 { font-size: 22px; line-height: 32px; font-weight: 600;}
	.inner-banner-title { padding: 26px 0px;}
	.inner-banner-title h1 { font-size: 30px; line-height: 40px; }
	.inr-pages { padding: 40px 0px;}
	.vision { margin-top: 20px;}
	
	
}