/*
Vastern Timber
Bopgun Design
Theme Name: Vastern 
*/



/* 

|---------------------|
|  RESPONSIVE STYLES  |
|---------------------|

*/



/* 
-----------
ABOVE 1960PX 
-----------
*/
@media screen and (min-width: 1960px) {

/*.wrapper,
.header {
	width: 1960px;
	float: none;
	margin: 0 auto;
	clear: both;
}*/

}


/* 
-----------
BELOW 1920PX 
-----------
*/
@media screen and (max-width: 1919px) {

.footer .google-reviews-embed {
    left: auto;
    right: 20px;
}

}


/* 
-----------
BELOW 1430PX 
-----------
*/
@media screen and (max-width: 1429px) {

.footer .google-reviews-embed {position: static;}

}


/* 
-----------
BELOW 1400PX 
-----------
*/
@media screen and (max-width: 1400px) {

.template-overview .l-hero {padding: 120px 0;}
.template-overview .l-hero.has-logo {padding: 60px 0 120px 0;}
.template-overview .l-hero .copy img {margin: 0 0 20px 0;}
.template-overview .l-hero .cta {bottom: -80px;}

.template-product .hero-alternate h1 {padding: 120px 0;}

/* Header */

.header .side-menu-wrapper {position: static;}
.header .side-menu {
    width: 250px;
    right: 0px;
}

/* Template: Product */

.template-product .toolbar,
.template-overview .toolbar {padding: 20px;}
.template-product .toolbar .links .link,
.template-overview .toolbar .links .link {margin: 7.5px 25px 0 0;}

/* Stock */

.stock-data {padding: 60px 0 100px 0;}
.stock-data table tr:nth-child(1) td,
.stock-data table tr th {font-size: 16px;}

}


/* 
-----------
BELOW 1240PX 
-----------
*/
@media screen and (max-width: 1239px) {

.stock-data .filters {margin: 0 0 20px 0;}
.stock-data .title h1 {margin: 0 0 20px 0;}
.stock-data .title h2 {display: block;}


}


/* 
-----------
BELOW 1020PX 
-----------
*/
@media screen and (max-width: 1020px) {

h1 {font-size: 32px;}
h2 {font-size: 24px;}

.template-overview .layout h1 {font-size: 48px;}

.fixed-width {
	width: 100%;
    float: left;
    padding: 0 20px;
}
body.home .container,
body.page-template-template-news .container,
body.page-template-template-casestudies .container,
body.single-post .container,
body.single-timber-board .container,
body.page-template-template-contact .container,
body.page-template-template-sawnplank .container,
body.page-template-template-resourcecentre .container,
body.page-template-template-aboutus .container,
body.page-template-template-environment .container,
body.page-template-template-feedback .container,
body.page-template-template-wood-for-the-trees .container,
body.page-template-template-reviews .container,
.template-overview,
body.search,
body.page-template-template-article .container,
body.page-template-template-delivery .container,
body.page-template-template-data .container,
body.page-template-template-timber-boards .container {margin-top: 140px;}

.button,
.newsletter .open a,
.case-study-navigation p,
body .wrapper .cta a,
.template-search .results .alm-btn-wrap button.alm-load-more-btn,
.news-content .posts .alm-btn-wrap button.alm-load-more-btn,
.sawnplank-content-wrapper .alm-btn-wrap button.alm-load-more-btn {padding: 10px 25px;}
.button,
.newsletter .open a p,
body .wrapper .cta a p,
.template-search .results .alm-btn-wrap button.alm-load-more-btn,
.news-content .posts .alm-btn-wrap button.alm-load-more-btn,
.sawnplank-content-wrapper .alm-btn-wrap button.alm-load-more-btn,
.case-study-navigation p {font-size: 15px !important;}
body .wrapper .header .cta a p {font-size: 14px !important;}

/* Default Template */

.cookies {padding: 15px 0;}
.cookies p {font-size: 13px;}

.page-content {
	width: 100%;
	margin-top: 210px;
	padding: 0 20px;
	box-sizing: border-box;
}
.main-page-content {
	width: 75%;
	margin: 0 auto;
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
}
.proImg img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.proImg2 img {max-width: 48%;}
.main-right-column {width: 100%;}
.main-left-column {width: 25%;}

.page-content-heading-search {display: none;}

.page-content-heading-title {
    width: 100%;
    height: auto;
    padding: 10px 0 10px 25%;
    margin: 0px;
    box-sizing: border-box;
}
.page-content-heading-title h1 {margin-left: 20px;}

.page-title-wrapper {height: auto;}
.page-title .title {padding: 60px 20px 60px 40px;}
.page-title .title h1 {font-size: 32px;}
.widget h3, 
.widget-container h3 {font-size: 24px;}

.widget-container {
	width: 33.33%;
	padding: 20px 10px 0 10px;
	box-sizing: border-box;
}
.widget-container img {max-width: 100%;}

/* Header */

.header .top-panel-wrapper {height: 140px;}
.header .top-panel .logo {
    width: 140px;
    padding: 20px 0 0 0;
}
.header .top-panel .contact {padding: 30px 0 0 0;}
.header .top-panel .contact a {
    width: 110px;
    padding: 10px
}
.header .top-panel .menu {padding: 65px 100px 0 0;}
.header .top-panel .menu .item a {
	margin: 0 10px;
	font-size: 18px;
}
.header .main-menu .item.level1 > a {font-size: 17px;}
.header .main-menu .supermenu-wrapper {padding: 10px 20px 20px 20px;}
.header .main-menu .supermenu .column .level2 > a, 
.header .main-menu .supermenu .column .level2 > .label {font-size: 16px;}
.header .main-menu .supermenu .column .level3 > a, 
.header .main-menu .supermenu .column .level3 > .label {font-size: 16px;}
.header .main-menu .supermenu .column .level2 > .submenu .label {font-size: 16px;}
.header .main-menu .supermenu .column {box-sizing: border-box;}

.header .mobile-menu-toggle {right: 20px;}
.header .top-panel .search {right: 80px;}

.header .search-panel .stage {width: 65%;}
.header .search-panel .logo {
    width: 140px;
    padding: 20px 0 0 0;
}

.header .search-panel .bar #searchform {margin: 12.5px 0 10px 0;}
.header .search-panel .bar #searchform input[type="text"] {font-size: 16px;}
.header .search-panel .bar #searchform input[type="submit"] {font-size: 17px;}
.header .search-panel .quicklinks .list .item a p {font-size: 15px;}
.header .search-panel .stage .close {top: 10px;}

.header .side-menu {top: 100px;}
.header .side-menu .item p {font-size: 16px;}

.floating-contact h2 {font-size: 24px;}

/* Home */

.home-intro h1 {font-size: 32px;}
.home-hero .slick-slide {height: 400px;}
.home-hero .slick-slide .copy {
    width: 50%;
    padding: 80px 40px 0 40px;
}
.home-hero .slick-slide .copy h2 {font-size: 32px;}
.home-hero .slick-slide .copy p {font-size: 18px;}
.home-hero .slick-slide .feature p {font-size: 115px;}
.home-hero .slick-slide .feature img {width: 380px;}
.home-sawnplank-wrapper {padding: 40px 20px;}
.home-products .item {height: 180px;}
.home-news .post .hero {height: 190px;}

/* News */

.news-title-wrapper {height: auto;}
.news-title .title {padding: 60px 20px 60px 40px;}
.news-title .title h1, 
.news-title .title h2 {font-size: 32px;}
.news-content-wrapper {padding: 60px 0;}
.news-content .toolbar h6 {font-size: 20px;}
.news-content .toolbar select {font-size: 15px;}

.news-content.newsletter-feed .posts,
.news-content .alm-listing {grid-template-columns: repeat(2, 1fr);}
.news-content.newsletter-feed .posts .item:nth-child(4) {display: inline-block;}

/* Resource Centre */

.resourcecentre-title-wrapper {height: auto;}
.resourcecentre-title .title {padding: 60px 20px 60px 40px;}
.resourcecentre-title .title h1 {font-size: 32px;}
.resourcecentre-content .layouts .layout .inner .item,
.resourcecentre-content .layouts .layout .inner .item:nth-child(5n+5) {
    width: 22%;
    margin: 0 4% 20px 0;
}
.resourcecentre-content .layouts .layout .inner .item:nth-child(4n+4) {margin: 0 0 20px 0;}
.resourcecentre-content .layouts .layout .inner .item:nth-child(5n+6) {clear: none;}
.resourcecentre-content .layouts .layout .inner .item:nth-child(4n+5) {clear: both;}
.resourcecentre-content .layouts .layout.videos .inner .item {
    width: 30.66%;
    margin: 0 4% 20px 0;
}
.resourcecentre-content .layouts .inner .divNBSPlus table {width: 100%;}
.resourcecentre-content .layouts .inner .divNBSPlus iframe {
	width: 100%;
    height: 300px;
    overflow: scroll;
}

.video-lightbox iframe {
	width: 728px;
    height: 410px;
}

/* Sawn Plank */

.sawnplank-title-wrapper {height: auto;}
.sawnplank-title .title {padding: 60px 20px 60px 40px;}
.sawnplank-title .title h1 {font-size: 32px;}
.sawnplank-content .posts .item {margin: 0 0 40px 0;}
.sawnplank-content .posts .item .hero .gallery {width: 47.5%;}
.sawnplank-content .posts .item .hero .copy {width: 47.5%;}
.sawnplank-content .posts .item .hero .copy .left,
.sawnplank-content .posts .item .hero .copy .right {width: 48%;}

/* Delivery */

.delivery-wrapper {background-position: center;}

/* Template: Overview */

.template-overview .layout h2,
.template-overview .layout h1.smaller,
.template-overview .layout h2.smaller {font-size: 30px;}
.template-overview .layout h4 {font-size: 17px;}
.template-overview .l-copyimage .copy .inner,
.template-overview .l-copyimage .item:nth-child(even) .copy .inner {    
    width: 100%;
    padding: 0 20px;
}
.template-overview .l-copyimage .copy,
.template-overview .l-copyimage .item:nth-child(even) .copy {
    width: 50%;
    padding: 40px 0;
    left: 0;
    right: 0;
    float: left;
}
.template-overview .l-copyimage .item:nth-child(even) .copy {float: right;}
.template-overview .l-copyimage .image {width: 50%;}
.template-overview .l-2columnboxes .row .box.type-link .inner, 
.template-overview .l-2columnboxes .row .box.type-form .inner,
.template-overview .l-media .type-videoandcasestudies .list .box .inside {padding: 0 20px;}
.template-overview .l-2columnboxes .row .box.type-copy,
.template-overview .l-2columnboxes .row .box.type-copy:nth-child(2n+2) {padding: 0px;}
.template-overview .l-media .type-videoandcasestudies .list .case-studies,
.template-overview .l-media .type-videoandcasestudies .list .post {margin: 0 20px 0 0;}
.template-overview .l-media .type-videos .list .post {margin: 0 20px 0 0;}
.template-overview .l-media .type-casestudies .list .item {margin: 0 20px 0 0;}
.template-overview .l-media .type-casestudies .list .item .image {height: 160px;}

.template-overview .l-faqs .list .item {padding: 15px 0;}

.template-overview .l-product-pricing .list > .slick-list {margin: 0 -30px 0 0;}
.template-overview .l-product-pricing .list > .slick-list .item {margin-right: 30px;}

/* Template: Product */

.template-product {margin: 140px 0 0 0;}
.template-product .hero {padding: 40px 0 20px 0;}
.template-product .hero .gallery .item {width: 46vw !important;}
.template-product .hero .gallery button.slick-prev {left: -25px;}
.template-product .hero .gallery button.slick-next {right: -25px;}
.template-product .hero .copy {width: 45%;}
.template-product .hero .copy .title h1 {font-size: 34px;}
.template-product .hero .copy p {font-size: 17px;}
.template-product .specification .item {padding: 20px 0;}
.template-overview .layout h6 {font-size: 18px;}
.template-product .further-information .list {padding: 30px 0 0 0;}
.template-product .further-information .list .item .copy h3 {font-size: 23px;}
.template-product .further-information .list .item .copy p {font-size: 17px;}

.wrapper.fixed .header.hide {top: -140px;}
.template-product .toolbar,
.template-overview .toolbar {padding: 10px 20px;}
.template-product .toolbar .breadcrumb,
.template-overview .toolbar .breadcrumb {display: none;}

/* Template: Cladding Profiles */

.cladding-profiles .hero {padding: 120px 0;}
.cladding-profiles .intro h2 {font-size: 30px;}
.cladding-profiles .intro h6 {font-size: 18px;}
.cladding-profiles .options .box {
    padding: 40px 40px 25px 40px;
    margin: 0 0 40px 0;
}
.cladding-profiles .options .box ul li {font-size: 22px;}
.cladding-profiles .profiles {padding: 0px;}
.cladding-profiles .profiles .category {
    padding: 0 0 20px 0;
    margin: 0 0 40px 0;
}
.cladding-profiles .profiles .subtitle {margin: 0 0 40px 0;}
.cladding-profiles .profiles .subtitle h2 {font-size: 28px;}
.cladding-profiles .profiles .subtitle p {
    font-size: 18px;
    margin: 10px 0 0 0;
}
.cladding-profiles .profiles .category .list {margin: 0 0 20px 0;}
.cladding-profiles .profiles .category .label {margin: 0 0 40px 0;}
.cladding-profiles .profiles .category .label h3 {font-size: 26px;}
.cladding-profiles .profiles .category .inside .item .diagrams img {margin: 0 30px 10px 0;}

/* Stock */

.stock-data .stock {padding: 0 20px;}
.stock-data table tr:nth-child(1) td,
.stock-data table tr th {font-size: 15px;}
.stock-data table tr th {top: 140px;}
.stock-data .title p {font-size: 16px;}

.stock-data .filters .filter label {font-size: 16px;}

/* Timber Board */

.timber-boards .results .item,
.timber-boards .results .item:nth-child(4n+4) {
    width: 32%;
    margin: 0 2% 20px 0;
}
.timber-boards .results .item:nth-child(3n+3) {margin: 0 0 20px 0;}
.timber-boards .results .item:nth-child(4n+5) {clear: none;}
.timber-boards .results .item:nth-child(3n+4) {clear: both;}

.timber-board .hero .copy .prices p,
.timber-board .hero .copy .prices .inc-vat {
    width: 100%;
    float: left;
    margin: 0 auto;
}
.timber-board .hero .copy .buttons .cta:nth-last-child(1) {margin: 0 0 20px 0;}

}













/* 
-----------
BELOW 768PX 
-----------
*/
@media screen and (max-width: 767px) {

.page-content {margin-top: 140px;}

body.home .container,
body.page-template-template-news .container,
body.page-template-template-casestudies .container,
body.single-post .container,
body.single-timber-board .container,
body.page-template-template-contact .container,
body.page-template-template-sawnplank .container,
body.page-template-template-resourcecentre .container,
body.page-template-template-aboutus .container,
body.page-template-template-environment .container,
body.page-template-template-feedback .container,
body.page-template-template-wood-for-the-trees .container,
body.page-template-template-reviews .container,
.template-overview,
body.search,
body.page-template-template-article .container,
body.page-template-template-delivery .container,
body.page-template-template-data .container,
body.page-template-template-timber-boards .container {margin-top: 70px;}

body.killscroll {
    margin: 0; 
    height: 100%; 
    overflow: hidden;
}

.button {font-size: 18px;}

.single-content h2 {font-size: 22px;}

/* Header */

.header .promo-banner {height: 30px;}
.header .promo-banner .carousel .item p {
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.8;
}
.header .main-menu .home {display: none;}
.header .main-menu .supermenu .column .cta-wrapper .cta {width: 240px;}
.header .top-panel-wrapper {
	height: 70px;
	background-color: #FFFFFF;
	position: relative;
    z-index: 1;
}
.header .top-panel {padding: 0px;}
.header .top-panel .logo,
.header .search-panel .logo {
	width: 100%;
	padding: 15px 0 0 0;
}
.header .top-panel .logo img,
.header .search-panel .logo img {
    width: 100px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.header .search-panel .stage {
    width: 100vw;
    height: 100vh;
    padding: 0 20px;
    background-color: #415A29;
    top: 55px;
    left: 20px;
    box-sizing: border-box;
}
.header .search-panel .bar #searchform {margin: 0 0 10px 0;}
.header .search-panel .stage .close {
    top: -55px;
    right: auto;
    left: 10px;
}

.header .top-panel .contact {
	float: left;	
    padding: 5px 0 0 20px;
}
.header .top-panel .contact a {
    width: 30px;
    height: 30px;
    padding: 5px 0 0 0;
    font-size: 20px;
    border-radius: 100%;
    background-color: #415A29;
    color: #FFFFFF;
}
.header .top-panel .contact p {display: none;}
.header .top-panel .contact i {display: inline-block;}

.header .top-panel .search {
    width: 40px;
    height: 40px;
    padding: 7.5px 0 0 0;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 35px;
    left: 10px;
    box-sizing: border-box;
}
.header .top-panel .search a {
	display: block;
    width: 30px;
    height: 30px;
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 20px;
    border-radius: 100%;
    background-color: #415A29;
    color: #FFFFFF;
    box-sizing: border-box;
}

.header .top-panel .menu {display: none;}
.header .mobile-menu-toggle {
    display: inline-block;
    right: 10px;
}

.header .main-menu-wrapper,
.header .main-menu-wrapper.active {
	height: 100vh;
	padding: 0 0 150px 0;
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    overflow: scroll;    
    opacity: 0;
    visibility: hidden;
}
.header .main-menu-wrapper.on {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.header .main-menu-wrapper .mask {display: none;}

.header .main-menu {padding: 0px;}
.header .main-menu .item {
	width: 100% !important;
	position: relative;
	background-color: #FFFFFF;
}
.header .main-menu .product-list {display: none;}
.header .active .main-menu .product-list {display: inline-block;}
.header .active .main-menu .mobile-secondary-menu {display: none;}

.header .main-menu .mobile-secondary-menu .item {background-color: #FFFFFF;}
.header .main-menu .item a,
.header .main-menu .item .label {font-size: 20px !important;}
.header .main-menu .item i,
.mobile-products-trigger i {display: inline-block;}
.header .main-menu .supermenu-wrapper {
	display: none;
	padding: 0px;
	opacity: 1;
	visibility: visible;
	position: static;
	-moz-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    -webkit-transition: .0s ease-in-out;
    transition: 0s ease-in-out;
}
.header .main-menu .level1 .supermenu-wrapper .submenu2,
.header .main-menu .level1 .supermenu-wrapper .submenu3 {display: none;}
.header .main-menu .level1 .supermenu-wrapper .submenu2 {margin: 5px 0 10px 0;}

.header .main-menu .item.level1 > a {
    width: 100%;
    text-align: left;
    padding: 0 20px;
}
.header .main-menu .supermenu-wrapper {padding: 0 0 20px 0;}
.header .main-menu .supermenu {
    display: inline-block;
    height: auto;
    border: 0px;
}
.header .main-menu .supermenu .column {
	width: 100%;
	padding: 0px;
}
.header .main-menu .supermenu .column .level2 > a, 
.header .main-menu .supermenu .column .level2 > .label,
.header .main-menu .supermenu .column .level3 > a, 
.header .main-menu .supermenu .column .level3 > .label {
	width: 100%;
	padding: 10px 20px;
	margin: 0 auto;
	color: #000000 !important;
    border: 0px;
    text-transform: none;
    box-sizing: border-box;
}
.header .main-menu .supermenu .column .level3 > a {
    font-size: 17px !important;
    padding: 7.5px 20px;
}
.header .main-menu .supermenu .column .submenu > .level3:nth-child(1) > .label {margin: 0 auto;}

.header .main-menu .supermenu .column .level2 > .submenu .label {
    width: 100%;
    float: left;
    padding: 7.5px 20px;
    margin: 5px 0 0 0;
}
.header .main-menu .supermenu .column .level2 > .submenu .clear {display: none;}

.header .main-menu .item.open > a,
.header .main-menu .item.open .item.open > .label {color: #FFFFFF !important;}
.header .main-menu .item.open.scheme-cladding > a,
.header .main-menu .item.open.scheme-cladding .item.open > .label {background: #E26E1E !important;}
.header .main-menu .item.open.scheme-flooring > a,
.header .main-menu .item.open.scheme-flooring .item.open > .label {background: #DDB306 !important;}
.header .main-menu .item.open.scheme-beams > a,
.header .main-menu .item.open.scheme-beams .item.open > .label {background: #776441 !important;}
.header .main-menu .item.open.scheme-sawntimber > a,
.header .main-menu .item.open.scheme-sawntimber .item.open > .label {background: #A59A00 !important;}
.header .main-menu .item.open.scheme-decking > a,
.header .main-menu .item.open.scheme-decking .item.open > .label {background: #6E8878 !important;}
.header .main-menu .item.open.scheme-mouldings > a,
.header .main-menu .item.open.scheme-mouldings .item.open > .label {background: #38939B !important;}
.mobile-products-trigger.activated a {
    color: #FFFFFF;
    background-color: #7F7F7F;
}
.header .main-menu .item.open > i:before,
.mobile-products-trigger.activated i:before {
    color: #FFFFFF;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.scheme-cladding:hover > a {color: #E26E1E !important;}
.scheme-flooring:hover > a {color: #DDB306 !important;}
.scheme-beams:hover > a {color: #776441 !important;}
.scheme-sawntimber:hover > a {color: #A59A00 !important;}
.scheme-decking:hover > a {color: #6E8878 !important;}
.scheme-mouldings:hover > a {color: #38939B !important;}
.scheme-cladding:hover > a,
.scheme-flooring:hover > a,
.scheme-beams:hover > a,
.scheme-sawntimber:hover > a,
.scheme-decking:hover > a,
.scheme-mouldings:hover > a {background: inherit;}

.header .main-menu .search {display: none;}
.header .main-menu .mobile-secondary-menu {display: inline-block;}

.header .side-menu-wrapper {display: none;}

.mobile-products-trigger {display: inline-block;}

.floating-contact {display: none;}

/* Footer */

.footer .menu span {display: none;}
.footer .menu a {
	width: 100%;
    float: left;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 10px 0;
}

/* Home */

.home-intro h1 {font-size: 26px;}
.home-hero .slick-slide {height: 340px;}
.home-hero .slick-slide .copy {padding: 20px 20px 0 20px;}
.home-hero .slick-slide .copy h2 {font-size: 30px;}
.home-hero .slick-slide .copy p {font-size: 16px;}
.home-hero .slick-slide .feature p {font-size: 95px;}
.home-hero .slick-slide .feature img {width: 310px;}
.home-products .item {height: 150px;}
.home-products .item .copy {padding: 10px;}
.home-products .item:hover .copy {padding: 15px 10px;}
.home-products .item .copy h3 {font-size: 22px;}

.home-resourcecentre .list .item {
    width: 30%;
    margin: 0 5% 20px 0;
}
.home-resourcecentre .list .item:nth-child(3n+3) {margin: 0 0 20px 0;}
.home-news .title h2 {font-size: 24px;}
.home-news .post .hero {height: 160px;}

/* Request a quote */

.request-a-quote-wrapper .contact-content,
.newsletter-popup .contact-content {
	top: 20px;
    transform: translateY(0%);
}

/* Delivery */

.delivery-wrapper {
    height: 1070px;
    background-size: 800px;
    background-position: bottom center;
}

/* Contact */

.contact-content .columns h3 {font-size: 24px;}
.contact-content .columns table tr td:nth-child(1) {width: 62%;}
.contact-content iframe.map {height: 250px;}

/* Prices */

.prices-individual {
    width: 180px;
    margin: 0 40px 40px 0;
    background-position: 0px 250px;
}

/* Resouce Centre */

.resourcecentre-content .layouts .layout.videos .inner .item .image {height: 120px;}
.resourcecentre-content .layouts .layout.videos .inner .item .image img {top: 30px;}
.resourcecentre-content .layouts .layout .inner .item .image {height: 160px;}
.resourcecentre-content .layouts .layout .inner .item .image img {top: 50px;}

/* Sawn Plank */

.sawnplank-content .toolbar {
    height: auto;
    margin: 0 0 30px 0;
}
.sawnplank-content .toolbar h6 {
	width: 30%;
    margin: 5px 0 0 0;    
    text-align: left;
}
.sawnplank-content .toolbar select {
    width: 65%;
    float: right;
}
.sawnplank-content .toolbar .product,
.sawnplank-content .toolbar .category {
	width: 100%;
	float: left;
}
.sawnplank-content .toolbar .category {margin: 10px 0 0 0;}
.sawnplank-content .posts .item h2 {font-size: 28px;}

/* News */

.news-content .toolbar {
    height: auto;
    margin: 0 0 20px 0;
}
.news-content .toolbar h6 {
	width: 30%;
    margin: 5px 0 0 0;    
    font-size: 18px;
    text-align: left;
}
.news-content .toolbar select {
    width: 65%;
    float: right;
}
.news-content .toolbar .filter {
	width: 100%;
	float: left;
}
.news-content .toolbar .filter.topic {margin: 10px 0;}

.single-layouts .copy-image .item .image, 
.single-layouts .copy-image .item .copy {width: 100%;}

.single-layouts .infographics {padding: 30px 0 20px 0;}
.single-layouts .infographics .list {padding: 0px;}

.single-layouts .carousel .slick-slide {max-width: 85vw;}

body.page-template-template-delivery .single-content {    
    padding-bottom: 60vw;
    background-size: 130vw auto;
}
body.page-template-template-delivery .single-content table tr > td:nth-child(1) {padding-right: 30px;}

/* Overview */

.template-overview .layout h6 {font-size: 18px;}
.template-overview .l-hero {padding: 120px 0;}
.template-overview .l-hero.has-logo {padding: 60px 0 120px 0;}
.template-overview .l-hero h1 {font-size: 40px;}
.template-overview .l-copyimage .item {min-height: auto;}
.template-overview .l-copyimage .image {
    width: 100%;
    height: 300px;
    position: static;
}
.template-overview .l-copyimage .copy,
.template-overview .l-copyimage .item:nth-child(even) .copy {width: 100%;}
.template-overview .l-2columnboxes {padding: 40px 0 0 0;}
.template-overview .l-2columnboxes .row {
    display: flex;
    flex-direction: column;
}
.template-overview .l-2columnboxes .row.type-copy-image {flex-direction: column-reverse;}
.template-overview .l-2columnboxes .row .box {
    width: 100%;
    min-height: unset;
    text-align: center;
    margin: 0 0 20px 0;
}
.template-overview .l-2columnboxes .row .box.type-copy {margin: 0 auto;}
.template-overview .l-2columnboxes .row .box.type-link .inner, 
.template-overview .l-2columnboxes .row .box.type-form .inner,
.template-overview .l-media .type-videoandcasestudies .list .box .inside {
    padding: 30px 20px;
    position: static;
    top: 0;
    transform: translateY(0%);
}
.template-overview .l-resourcecentre .list .item {
    width: 30%;
    margin: 0 5% 20px 0;
}
.template-overview .l-resourcecentre .list .item:nth-child(3n+3) {margin: 0 0 20px 0;}
.template-overview .l-media .list {flex-wrap: wrap;}
.template-overview .l-media .type-videoandcasestudies .list .post .image {aspect-ratio: 1.78 / 1;}
.template-overview .l-media .type-videoandcasestudies .list .case-studies {
    flex: 1 1 100%;
    margin: 0 0 20px 0;
}
.template-overview .l-media .type-casestudies .list .item {
    flex: 1 1 40%;
    margin: 0 20px 20px 0;
}
.template-overview .l-media .type-casestudies .list .item:nth-child(2n+2) {margin: 0 0 20px 0;}

.template-overview .l-prices .list .item {
    width: 180px;
    background-position: 0px 250px;
}
.template-overview .l-prices .list .item .banner p {font-size: 13px;}

/* Video */

.video-lightbox iframe {
    width: 560px;
    height: 320px;
}

/* Product */

.template-product {margin: 70px 0 0 0;}
.template-product .hero .copy {
    width: 100%;
    text-align: center;
    padding: 0 0 40px 0;
}
.template-product .hero .copy .summary {text-align: left;}
.template-product .hero .gallery {width: 100%;}
.template-product .hero .gallery .item {
    width: 60vw !important;
    max-width: 490px;
}
.template-product .template-overview .l-copy {text-align: center;}
.template-product .further-information .list {display: inline-block;}
.template-product .further-information .list .item {
    width: 100%;
    margin: 0 0 20px 0;
}
body.page-template-template-overview .template-product .further-information.infographics h2 {margin: 0 0 20px 0;}
.template-product .further-information.infographics .list .item {
    width: 32%;
    margin: 0 2% 0 0;
}
.template-product .further-information.infographics .list .item:nth-child(3) {margin: 0 auto;}
.template-product .specification .item .data img {max-width: 100%;}

.template-product .hero-alternate h1 {font-size: 40px;}

.wrapper.fixed .header.hide {top: -70px;}
.template-product .toolbar .links .link,
.template-overview .toolbar .links .link {margin: 7.5px 25px 0 0;}

/* Template: Cladding Profiles */

.cladding-profiles .hero h1 {font-size: 40px;}
.cladding-profiles .intro {padding: 40px 0 20px 0;}
.cladding-profiles .profiles .category .list .item h4 {
    font-size: 21px;
    padding: 0 20px 0 0;
    box-sizing: border-box;
}
.cladding-profiles .profiles .category .label {margin: 0 0 30px 0;}
.cladding-profiles .options .box ul li {font-size: 21px;}

/* Newsletter */

.template-overview.template-fromthesawmill .l-hero.has-logo {padding: 60px 0 40px 0;}

/* Advice */

.template-advice.template-overview .copy-layouts .layout {padding: 0px;}
.template-advice.template-overview .copy-layouts {padding: 30px 0 10px 0;}
.template-advice.template-overview .copy-layouts .two-column .left,
.template-advice.template-overview .copy-layouts .two-column .right {
    width: 100%;
    float: left;
    margin: 0 auto;
}

/* Search */

.template-search .results .list .item,
.template-search .results .list .item:nth-child(3n+3) {
    width: 47.5%;
    margin: 0 5% 0 0;
}
.template-search .results .list .item:nth-child(2n+2) {margin: 0 auto;}
.template-search .results .list .item:nth-child(3n+4) {clear: none;}
.template-search .results .list .item:nth-child(2n+3) {clear: both;}

/* Stock */

.stock-data {padding: 60px 0;}
.stock-data table {min-width: 1320px;}
.stock-data table tr th {
    top: 70px;
    padding: 5px;
    font-size: 14px;
}
.stock-data table tr td {
    padding: 5px;
    font-size: 14px;
}
.stock-data table tr td:empty {padding: 10px;}
.stock-data .title p {font-size: 15px;}
.stock-data .title h2 {font-size: 20px;}

.stock-data .title {margin: 0 auto;}

/* Timber Board */

.timber-boards .results .item .copy .ex-vat {font-size: 24px;}

body.single-timber-board .timber-board {margin: 0 auto;}
body.single-timber-board .timber-board .hero {padding: 0 0 20px 0;}
body.single-timber-board .timber-board .hero .copy {padding: 0px;}
.timber-board .hero .copy .buttons .cta {
    float: none;
    margin: 0 10px 20px 10px;
}
.timber-board .hero .copy .prices .ex-vat {font-size: 34px;}
.timber-board .collect {padding: 40px 0;}
.timber-board .collect .left,
.timber-board .collect .right {width: 100%;}
.timber-board .collect .item .left,
.timber-board .collect .item .right {width: 50%;}

}












/* 
-----------
BELOW 600PX 
-----------
*/
@media screen and (max-width: 600px) {

.button,
.newsletter .open a p,
body .wrapper .cta a p,
.template-search .results .alm-btn-wrap button.alm-load-more-btn,
.news-content .posts .alm-btn-wrap button.alm-load-more-btn,
.sawnplank-content-wrapper .alm-btn-wrap button.alm-load-more-btn,
.case-study-navigation p {font-size: 14px !important;}
body .wrapper .header .cta a p {font-size: 13px !important;}

/* Generic Page Styles */

h1 {
    font-size: 28px;
    line-height: 1.1;
}
h2 {
    font-size: 24px;
    line-height: 1.1;
}
h3 {font-size: 22px !important;}

.default p {font-size: 15px;}

span.mobile {display: initial;}
span.desktop {display: none;}

.proImg.hover-opacity img {opacity: 1;}

.primary-menu,
.secondary-menu,
.strapline,
.main-left-column,
.page-content-heading-search,
.breadcrumbs {display:none;}


.page-content {
	width: 100%;
	margin-top: 120px;
}

.cookies {padding: 10px 0;}

.page-title-wrapper {height: auto;}
.page-title .title {
	width: 55%;
	padding: 40px 20px;
}
.page-title .title h1 {
	font-size: 24px;
	margin: 0 0 5px 0;
}
.page-content-heading-title h1 {margin: 0 auto;}

.main-right-column {width: 100%;}
.main-right-column a {
	clear: both;
	display: block;
}
.widget-container {
    width: 100%;
    padding: 20px 0 0 0;
    border: 0px;
}
.widget {border: 0px;}

.main-page-content {
	width: 100%;
	padding: 20px 0;
}

.contact-content .columns .left {
    width: 100%;
    margin: 0 0 40px 0;
}
.contact-content .columns .right {width: 100%;}

.mobile-left-column {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.page-content-heading {height: auto;}
.page-content-heading-title {
	width: 100%;
	height: auto;
	padding: 10px 0;
	margin: 0px;
}
.pdfLinkSec p.pdfLink a {
	width: 130px;
	background-size: 100% auto;
	padding-top: 6px;
	font-size: 16px;
	font-family: 'Sanchez';
}

.mobile-green-color {
	font-weight: normal !important;
	text-decoration: none !important;
	color: #415A29 !important;
}

.mobile-full-width {
	width: 100% !important;
	float: left;
}
.search-result-wrapper li#search-2 form.searchform input#s {width: 282px;}

.proImg2 img {
	height: 150px;
}

.wp-caption {
	width: 144px!important;
}

.wp-caption img {
	width: 100%;
	height: auto;
}

.detailsLeft,
.detailsRight {
	width: 100%;
}

.proImg2 .detailsLeft,
.proImg2 .detailsRight {
	width: 48%;
}

.proImg2 a {font-size: 14px;}

.button {font-size: 16px;}
.button i {font-size: 13px;}

/* /Generic Page Styles */


/* Header */

.header .site-banner .fixed-width {padding: 0 10px;}
.header .site-banner p {font-size: 13.5px;}

.header .main-menu .item .label {font-size: 18px !important;}
.header .main-menu .supermenu .column .level3 > a {font-size: 16px !important;}

.header .main-menu .mobile-secondary-menu .item a {height: auto;}

.header .search-panel .bar #searchform input[type="submit"] {
    font-size: 16px;
    padding: 0 20px;
}
.header .search-panel .quicklinks .list {padding: 0 20px 0 0;}

/* /Header */


/* Footer */

.newsletter {padding: 20px 0;}
.newsletter .subtitle h3 {font-size: 19px !important;}
.newsletter .open a p {font-size: 14px !important;}

.footer-wrapper {padding: 0px;}
.footer {
	background-color: #f1efea;
	padding: 20px;
}
.footer p {font-size: 13px;}

.request-a-quote-wrapper .contact-content .columns h2,
.newsletter-popup .contact-content .columns h2 {font-size: 19px;}
.newsletter .logo img {width: 150px;}
.newsletter-popup .logo img {width: 150px;}

/* /Footer */


/* Sidebar */

.sidebar-contact {display: none;}
.mobile-advise {display: inherit;}
.desktop-advise {display: none;}

/* /Sidebar */


/* Home */

.home-hero-wrapper {
	height: 250px;
	position: relative;
}

.home-hero .slick-slide {
    height: 350px;
    background-position: top center;
    background-size: auto 65%;
}
.home-hero .slick-slide.feature-slide {background-size: cover;}
.home-hero .slick-slide .feature p {
	margin: 80px 0 20px 0;
	font-size: 60px;
}
.home-hero .slick-slide .feature img {
	width: 220px;
	padding: 70px 0 20px 0;
}

.home-hero .slick-slide .copy {
    width: 100%;
    height: auto;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.home-hero .slick-slide .copy a {display: inline-block;}
.home-hero .slick-slide .copy h2 {font-size: 20px;}
.home-hero .slick-slide .copy h2 br {display: none;}
.home-hero .slick-slide .copy p {
    font-size: 15px;
    margin: 10px 0 0 0;
}

.home-intro-wrapper {padding: 30px 0 10px 0;}
.home-intro h1 {font-size: 20px;}
.home-intro p {
    font-size: 15px;
    margin: 10px 0 0 0;
}


.home-products-wrapper {padding: 20px 0 10px 0;}
.home-products .item {
    width: 47.5%;
    height: 130px;
    margin: 0 5% 20px 0;
}
.home-products .item:nth-child(2n+2) {margin: 0 0 20px 0;}
.home-products .item .copy {padding: 10px;}
.home-products .item .copy p {font-size: 12px;}
.home-products .item .copy h3 {font-size: 18px !important;}

.home-video-wrapper {padding: 0 0 30px 0;}
.home-video .intro {
	width: 100%;
	padding: 0 0 20px 0;
	text-align: center;
}
.home-video .intro h2 {font-size: 20px;}
body.home .home-video .intro p {font-size: 15px;}
.home-video .intro .button {float: none;}
.home-video .stage {width: 100%;}

.home-solutions-wrapper {margin: 20px 0 30px 0;}
.home-solutions h2 {font-size: 20px;}
.home-solutions p {
    font-size: 15px;
    margin: 20px 0 0 0;
    text-align: center;
}

.home-specialists-wrapper {margin: 10px 0 0 0;}
.home-specialists h2 {
    font-size: 20px;
    margin: 20px 0 0 0;
}
.home-specialists p {
    font-size: 15px;
    margin: 20px 0 0 0;
    text-align: center;
}

.home-sawnplank-wrapper {padding: 30px 0;}
.home-sawnplank h2 {margin: 0 0 20px 0;}

.home-resourcecentre-wrapper {
	padding: 30px 0 10px 0;
	margin-top: 40px;
}
.home-resourcecentre .title {text-align: center;}
.home-resourcecentre .title h2 {
    float: none;
    padding: 0px;
}
.home-resourcecentre .title .button {
	float: none;
	margin-top: 10px;
}
.home-resourcecentre p {
    font-size: 15px;
    text-align: center;
}
.home-resourcecentre .list {margin: 20px 0 0 0;}
.home-resourcecentre .list .item h3 {font-size: 15px !important;}

.home-news-wrapper {padding: 30px 0;}
.home-news .blog {
    width: 100%;
    margin: 0 0 20px 0;
}
.home-news .casestudies {width: 100%;}
.home-news .title {margin: 0 0 10px 0;}
.home-news .title h2 {padding: 10px 0 0 0;}
.home-news .post .hero {height: 160px;}
.home-news .post .copy {
	height: auto;
	padding: 10px;
}
.home-news .post .copy h3 {font-size: 18px !important;}
.home-news .post .copy p.post-title {font-size: 15px;}

.home-support-wrapper {padding: 30px 0;}
.home-support p {
    font-size: 15px;
    margin: 20px 0;
}
.home-support img {margin-top: 20px;}

.home-british-wrapper {padding: 30px 0;}
.home-british p {
    font-size: 15px;
    margin: 10px 0 0 0;
}
.home-british p br {display: none;}

/* /Home */


/* About Us */

.aboutus-wrapper {
	width: 300px;
	height: auto;
	background: none;
}
.aboutus-middle-column {
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}
.title-aboutus-wrapper {margin: 0px;}

/* /About Us */


/* Contact Us */

.contactus-wrapper {
	width: 300px;
	height: auto;
	background: none;
}
.contactus-middle-column {
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}
.title-contactus-wrapper {margin: 0px;}
.contactus-right-column {
	margin: 0px;
	background: #FFFFFF;
	opacity: 0.9;
}
.contact-content .columns h3 {font-size: 20px !important;}
.contact-content .columns p,
.contact-content form .preference span {font-size: 15px;}
.contact-content .notes {margin: 30px 0 10px 0;}
.contact-content .notes p {
    font-size: 12px;
    margin: 0 0 10px 0;
}
.contact-content .columns table tr td {font-size: 15px;}

/* /Contact Us */


/* Feedback */

.feedback-wrapper {
	width: 300px;
	height: auto;
	background: #FFFFFF;
}
.feedback-middle-column {
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}
.title-feedback-wrapper {margin: 0px;}

.feedback-middle-column .widget_woothemes_testimonials {
	height: inherit;
	overflow: visible;
	border-top: 1px solid #000000;
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
}

/* /Feedback */


/* Environment */

.environment-wrapper {
	width: 300px;
	height: auto;
	background: none;
}
.environment-middle-column {
	width: 300px;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
	background: none;
}
.title-environment {
	background: none;
}
.title-environment-wrapper {margin: 0px;}
.environment-right-column {
	width: 300px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	opacity: 0.9;
}
.title-environment h1, .environment-middle-column h3, .environment-middle-column p {color: #000000;}

.environment-videos .item,
.environment-videos .item:nth-child(2n+2) {
	width: 100%;
	margin: 0 0 50px 0;
}

/* /Environment */


/* Delivery */

.delivery-wrapper {
	height: 1040px;
    background-size: 130% auto;
    background-position: bottom center;
}

/* /Delivery */


/* Prices */

.prices-middle-column {padding: 30px 0 0 0;}
.prices-middle-column img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.prices-middle-column h3 {font-size: 16px !important;}

.prices-individual {
    width: 47.5%;
    margin: 0 5% 20px 0;
    background-image: none;
}
.prices-individual:nth-child(4n+3) {margin: 0 5% 20px 0;}
.prices-individual:nth-child(4n+4) {margin: 0 0 20px 0;}
.prices-individual.desktop {display: none;}
.prices-individual.mobile {display: inline-block;}

/* /Prices */


/* Advice */

.advice-section img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.advice-corners-content-section div {
	width: 300px !important;
	float: left !important;
}
.slidingDiv {margin-top:10px;}
.measurementstable td {font-size: 15px;}

/* /Advice */


/* Cladding/Profile */

.profile-container {overflow: none;}

.profile-images {width: 290px;}

.profile-images img {padding-top: 20px;}

.profile-scroll {display: none;}

.cladding-middle-column h3.floatleft, 
.cladding-middle-column h3.floatright {font-size: 14px !important;}

/* /Cladding/Profile */


/* Flooring Page */

.flooring-middle-column h3.floatleft,
.flooring-middle-column h3.floatright {font-size: 14px !important;}

/* /Flooring Page */


/* Recaptcha */

#recaptcha_widget_div #recaptcha_area, 
#recaptcha_widget_div #recaptcha_table {width: 300px !important;}

/* /Recaptcha */


/* News/Case studies */

.news-title-wrapper {height: auto;}
.news-title .title {
	width: 55%;
	padding: 40px 20px 20px 20px;
}
.news-title .title h1, 
.news-title .title h2 {
	font-size: 24px;
	margin: 0 0 5px 0;
}
.news-title .title p {font-size: 14px;}

.fromthesawmill-title {padding: 20px 0 0 0;}

.news-content-wrapper {padding: 20px 0 40px 0;}
.news-content .toolbar {
    height: auto;
    margin: 0 0 20px 0;
}
.news-content .toolbar h6 {
	width: 30%;
    font-size: 15px;
    margin: 0 auto;    
    line-height: 1.2;
    text-align: left;
}
.news-content .toolbar select {
    width: 65%;
    font-size: 14px;
    float: right;
}

.news-content.newsletter-feed .posts,
.news-content .alm-listing {grid-template-columns: repeat(1, 1fr);}
.news-content .posts .item .hero {aspect-ratio: 2 / 1;}
.news-content .posts .item .copy .title {margin: 5px 0 10px 0;}
.news-content .posts .item .copy .product, 
.news-content .posts .item .copy .date {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}
.news-content .posts .item .copy .category {font-size: 18px !important;}
.news-content .posts .alm-btn-wrap {padding: 10px 0 0 0;}
.news-content .posts .item.twitter {
	height: 195px;
	position: relative;
	margin: 0 0 20px 0;
}
.news-content .posts .item.twitter ul li {font-size: 12px;}
.news-content .posts .item.twitter > div {height: 170px;}
.news-content.newsletter-feed .posts .item:nth-child(4) {display: none;}

.single-hero-wrapper {height: 200px;}
.single-hero .copy {width: 75%;}
.single-content h1 {margin: 0 0 20px 0;}
.single-hero .copy p {font-size: 12px;}
.single-content-wrapper {padding: 20px 0;}
.single-outro-wrapper {
    padding: 20px 0 10px 0;
    margin: 0 0 20px 0;
}
.single-content h2 {font-size: 21px;}
.single-content h3 {font-size: 19px !important;}
.single-content p,
.single-content ul li,
.single-content ol li {font-size: 15px;}
.single-layouts .text li {font-size: 15px;}

.single-form-wrapper {padding: 20px 0;}
.single-form h2 {font-size: 18px;}
.single-form .type-text {
    width: 100%;
    margin: 0 0 20px 0;
}

.single-layouts .layout {margin: 0 0 10px 0;} 

.single-content p.caption {font-size: 12px;}

.single-layouts .text.grey-background {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
}

.single-layouts .quote h2 {font-size: 19px;}

.single-layouts .carousel .slick-slide {max-width: 75vw;}
.single-layouts .carousel .fades .left, 
.single-layouts .carousel .fades .right {
	width: 20px;
	background-color: #FFFFFF;
}
.single-layouts .image-2column .left {
    width: 100%;
    margin: 0 0 30px 0;
}
.single-layouts .image-2column .right {width: 100%;}

.single-layouts .copy-image .item {margin: 0 auto;}

.single-layouts .infographics {margin: 0 0 30px 0;}
.single-layouts .infographics .list .item {width: 100%;}

.case-study-navigation {padding: 0 0 20px 0;}
.case-study-navigation p {font-size: 14px;}
.case-study-navigation .previous p {padding: 9px 20px 9px 10px;}
.case-study-navigation .next p {padding: 9px 10px 9px 20px;}
.case-study-navigation .previous p:before,
.case-study-navigation .next p:after {width: 15px;}
.case-study-navigation span {display: none;}

/* Sawn plank */

.sawnplank-title .title {
	width: 55%;
	padding: 40px 20px;
}
.sawnplank-title .title h1 {font-size: 24px;}

.sawnplank-content .intro {padding: 30px 0 10px 0;}
.sawnplank-content .intro h2 {font-size: 20px;}
.sawnplank-content .intro p {font-size: 15px;}

.sawnplank-content .toolbar h6 {font-size: 16px;}
.sawnplank-content .toolbar select {font-size: 14px;}

.sawnplank-content .posts .item h2 {font-size: 20px;}
.sawnplank-content .posts .item .hero .gallery {width: 100%;}
.sawnplank-content .posts .item .hero .copy {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
.sawnplank-content .posts .item .hero .copy .left,
.sawnplank-content .posts .item .hero .copy .right {
    width: 100%;
    float: left;
}
.sawnplank-content .posts .item {
    margin: 0 0 30px 0;
    padding: 0px;
}
.sawnplank-content .posts .item .cta {padding: 0 0 10px 0;}
.sawnplank-content .posts .item .hero {padding: 10px 0 0 0;}

.sawnplank-content .posts .item .hero .gallery .thumb {height: 95px;}
.sawnplank-content .posts .item .hero .gallery .thumb:nth-child(1) {height: 200px;}

.sawnplank-content .toolbar #search {top: -110px !important;}

.home-sawnplank p {font-size: 15px;}

/* Resource Centre */

.resourcecentre-title-wrapper {height: auto;}
.resourcecentre-title .title {
	width: 55%;
	padding: 40px 20px 20px 20px;
}
.resourcecentre-title .title h1 {
	font-size: 24px;
	margin: 0 0 5px 0;
}
.resourcecentre-title .title p {font-size: 14px;}

.resourcecentre-content-wrapper {padding: 20px 0;}
.resourcecentre-content .category-title {padding: 0 0 20px 0;}
.resourcecentre-content .category-title p {font-size: 15px;}

.resourcecentre-content .toolbar {margin: 0 0 20px 0;}
.resourcecentre-content .toolbar .category {padding: 10px;}
.resourcecentre-content .toolbar .category h3 {
    width: 30%;
    font-size: 16px !important;
    margin: 5px 0 0 0;
    text-align: left;
}
.resourcecentre-content .toolbar .category select {
    width: 65%;
    font-size: 14px;
    float: right;
}
.resourcecentre-content .toolbar .type {padding: 10px 10px 0 10px;}
.resourcecentre-content .toolbar .type h3 {
	font-size: 16px !important;
	margin: 0 0 10px 0;
}
.resourcecentre-content .toolbar .type .list .item {
	padding: 10px;
    margin: 0 5px 10px 0;
    font-size: 14px;
}

.resourcecentre-content .layouts .layout.visible {margin: 0 0 10px 0;}
.resourcecentre-content .layouts .title {
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
}
.resourcecentre-content .layouts .title img {
	float: none;
	margin: 0 auto;
}
.resourcecentre-content .layouts .title h3 {
	float: none;
	margin: 10px 0 0 0;
	font-size: 16px !important;
}
.resourcecentre-content .layouts .layout .inner .item,
.resourcecentre-content .layouts .layout .inner .item:nth-child(5n+5) {
	width: 48%;
	margin: 0 4% 10px 0;
}
.resourcecentre-content .layouts .layout .inner .item:nth-child(5n+6) {clear: none;}
.resourcecentre-content .layouts .layout .inner .item:nth-child(2n+2) {margin: 0 0 10px 0;}

.resourcecentre-content .layouts .layout.videos .inner .item {
    width: 100%;
    margin: 0 0 10px 0;
}
.resourcecentre-content .layouts .layout .inner .item .subtitle,
.resourcecentre-content .layouts .layout.videos .inner .item .subtitle {
	padding: 8px 10px;
	min-height: 0px;
}
.resourcecentre-content .layouts .layout .inner .item .image {height: 150px;}
.resourcecentre-content .layouts .layout .inner .item .image img {top: 40px;}

.resourcecentre-content .layouts .inner .divNBSPlus iframe {height: 340px;}

.video-lightbox iframe {
    width: 280px;
    height: 160px;
}

/* Overview */

.template-overview .layout {padding: 30px 0 10px 0;}
.template-overview .layout br {display: none;}
.template-overview .layout h2,
.template-overview .layout h1.smaller,
.template-overview .layout h2.smaller {font-size: 25px;}
.template-overview .layout h3 {font-size: 20px !important;}
.template-overview .layout h4 {font-size: 15px;}
.template-overview .layout h6 {font-size: 15px;}
.template-overview .layout p,
.template-overview .layout .copy ul li,
.template-overview .layout .copy ol li {font-size: 15px;}

.template-overview .l-hero {padding: 80px 0;}
.template-overview .l-hero.has-logo {padding: 40px 0 80px 0;}
.template-overview .l-hero h1 {font-size: 32px;}
.template-overview .l-hero h6 {font-size: 16px;}
.template-overview .l-hero .cta {bottom: -50px;}
.template-overview .l-copy table {font-size: 12px;}
.template-overview .l-copy ul,
.template-overview .l-copy ol {font-size: 14px;}
.template-overview .l-copyimage .copy,
.template-overview .l-copyimage .item:nth-child(even) .copy {padding: 30px 0 10px 0;}
.template-overview .layout.l-copyimage {padding: 0px;}
.template-overview .l-copyimage .image {height: 240px;}
.template-overview .l-copyimage.type1 .item .image,
.template-overview .l-copyimage.type1 .item:nth-child(odd),
.template-overview .l-copyimage.type1 .item:nth-child(even) .image {
    background-size: cover;
    background-position: center;
}
.template-overview .l-cta {padding: 30px 0;}
.template-overview .l-cta.bg-image {padding: 50px 0;}
.template-overview .l-review {padding: 30px 0 10px 0;}
.template-overview .l-review .stars {padding: 0 0 20px 0;}
.template-overview .l-review .stars i {
    font-size: 26px;
    margin: 0 10px;
}
.template-overview .l-resourcecentre {padding: 30px 0;}
.template-overview .l-resourcecentre .list {padding: 10px 0;}
.template-overview .l-products {padding: 30px 0 0 0;}
.template-overview .l-products .intro {padding: 0 0 10px 0;}
.template-overview .l-products .list .item,
.template-overview .l-products .list .item:nth-child(2n+2),
.template-overview .l-products .list.count-3 .item,
.template-overview .l-products .list.count-1 .item:nth-child(1),
.template-overview .l-products .list.count-3 .item:nth-child(2),
.template-overview .l-products .list.count-3 .item:nth-child(3) {
    width: 100%;
    margin: 0 0 10px 0;
}
.template-overview .l-products .list.count-1 .item:nth-child(1) img,
.template-overview .l-products .list.count-3 .item:nth-child(3) img {
    width: 100%;
    margin: 0 auto;
}
.template-overview .l-products .list.count-1 .item:nth-child(1) .copy,
.template-overview .l-products .list.count-3 .item:nth-child(3) .copy {width: 100%;}
.template-overview .l-product-pricing .title {margin: 0 auto;}
.template-overview .l-product-pricing .list .item .copy br {display: block;}
.template-overview .l-product-pricing .list .item .copy .prices span {font-size: 22px;}
.template-overview .l-media {padding: 30px 0;}
.template-overview .l-media .list {flex-wrap: wrap;}
.template-overview .l-media .type-videos .list .post {
    flex: 1 1 100%;
    margin: 0 0 20px 0;
}
.template-overview .l-media .type-videos .list .post .copy h4 {font-size: 17px;}
.template-overview .l-media .type-videos .list .post .image {height: 160px;}
.template-overview .l-media .intro {padding: 0px;}
.template-overview .l-media .type-videoandcasestudies .list .post {
    flex: 1 1 100%;
    margin: 0 0 20px 0;
}
.template-overview .l-media .type-videoandcasestudies .list .post .copy h4 {font-size: 17px;}
.template-overview .l-media .type-casestudies .list .item {
    flex: 1 1 100%;
    margin: 0 0 20px 0;
}
.template-overview .l-media .type-casestudies .list .item .copy h4 {font-size: 17px;}
.template-overview .l-2columnboxes {padding: 30px 0 0 0;}
.template-overview .l-2columnboxes .row .box.type-image h4 {
    font-size: 17px;
    margin: 20px 0;
}
.template-overview .l-2columnboxes .row ul li,
.template-overview .l-2columnboxes .row ol li {font-size: 15px;}

.template-overview .l-faqs .list {margin: 0 0 30px 0;}
.template-overview .l-faqs .list .item {padding: 10px 0;}
.template-overview .l-faqs .item .question .icon {width: 40px;}
.template-overview .l-faqs .item .question h2 {font-size: 19px;}
.template-overview .l-faqs .item .answer p {font-size: 15px;}

.template-overview .l-prices .title {margin: 0 0 10px 0;}
.template-overview .l-prices .list .item {
    width: 47.5%;
    margin: 0 5% 20px 0;
    float: left;
    background-image: none;
}
.template-overview .l-prices .list .item:nth-child(2n+2) {margin: 0 0 20px 0;}
.template-overview .l-prices .list .item.v-desktop {display: none;}
.template-overview .l-prices .list .item.v-mobile {display: inline-block;}
.template-overview .l-prices .list .item .banner p {font-size: 12px;}
.template-overview .l-prices .list .item .banner .icon {
    width: 30px;
    margin: 0 5px 0 0;
}

/* Product */

.template-product {margin: 60px 0 0 0;}
.template-product .hero {padding: 30px 0 10px 0;}
.template-product .hero .copy {padding: 0 0 30px 0;}
.template-product .hero .copy .title h1 {font-size: 32px;}
.template-product .hero .copy p {font-size: 16px;}
.template-product .hero .copy .summary .item p {font-size: 14px;}
.template-product .hero .copy .cta {margin: 0 auto;}
.template-product .hero .gallery .item {
    width: 87.5vw !important;
    max-width: 360px;
}
.template-product .hero .gallery button.slick-prev {left: -20px;}
.template-product .hero .gallery button.slick-next {right: -20px;}
.template-product .specification {padding: 30px 0;}
.template-product .specification .item .title h2 {
    font-size: 21px;
    margin: 5px 0 0 0;
}
.template-product .specification .item .title .icon {width: 40px;}
.template-product .specification .item {padding: 10px 0;}
.template-product .further-information,
body.page-template-template-overview .template-product .further-information {padding: 30px 0;}
.template-product .further-information.infographics .list .item {
    width: 100%;
    margin: 0 0 20px 0;
}
.template-product .further-information h2 {font-size: 22px;}
.template-product .further-information .list .item .copy h3 {font-size: 18px !important;}
.template-product .further-information .list .item .copy p {font-size: 15px;}
.template-product .template-overview .l-copy {padding: 20px 0 10px 0;}
.template-product .specification p,
.template-product .specification .item .data .style-2column .row .inside ul li,
.template-product .specification .item .data ul li, 
.template-product .specification .item .data ol li {font-size: 14px;}
.template-product .specification .item .data .style-2column .row .inside {margin: 0 auto;}
.template-product .specification td {font-size: 12px;}

.template-product .specification .item .data .technical > tbody > tr > td:nth-child(1) {width: 25%;}
.template-product .specification .item .title {padding: 0 60px 0 0;}

.template-product .hero-alternate h1 {
    font-size: 32px;
    padding: 80px 0;
}

.template-product .toolbar .links,
.template-overview .toolbar .links {width: 100%;}
.template-product .toolbar .links .link,
.template-overview .toolbar .links .link {margin: 7.5px 15px 0 0;}
.template-product .toolbar .links .link p,
.template-overview .toolbar .links .link p {font-size: 17px;}
.template-product .toolbar .links .cta,
.template-overview .toolbar .links .cta {float: right;}

/* Template: Cladding Profiles */

.cladding-profiles .hero {padding: 80px 0;}
.cladding-profiles .hero h1 {font-size: 32px;}
.cladding-profiles .intro {padding: 30px 0 10px 0;}
.cladding-profiles .intro h2 {font-size: 22px;}
.cladding-profiles .intro h6 {font-size: 14px;}
.cladding-profiles .options .box {
    padding: 20px 20px 10px 20px;
    margin: 0 0 30px 0;
}
.cladding-profiles .options .box h2 {
    font-size: 20px;
    margin: 0 0 20px 0;
}
.cladding-profiles .options .box ul li {
    font-size: 14px;
    margin: 0 0 10px 0;
}
.cladding-profiles .profiles .subtitle p {font-size: 16px;}
.cladding-profiles .profiles .subtitle h2 {font-size: 22px;}
.cladding-profiles .profiles .subtitle {margin: 0 0 20px 0;}
.cladding-profiles .profiles .category .label h3 {font-size: 20px !important;}
.cladding-profiles .profiles .category .list {margin: 0 0 10px 0;}
.cladding-profiles .profiles .category {margin: 0 0 30px 0;}
.cladding-profiles .profiles .category .list .item h4 {
    font-size: 18px;
    margin: 10px 0;
}
.cladding-profiles .profiles .category .list .item img.icon {width: 40px;}
.cladding-profiles .profiles .category .inside .item {margin: 20px 0 0 0;}
.cladding-profiles .profiles .category .inside .item .copy {margin: 0 0 20px 0;}
.cladding-profiles .profiles .category .inside .item .copy p {font-size: 14px;}
.cladding-profiles .profiles .category .inside .item .diagrams img {
    height: 500px;
    margin: 0 20px 10px 0;
}

/* Search */

.template-search {padding: 50px 0;}
.template-search .toolbar #searchform input[type="text"] {
    padding: 10px 130px 10px 20px;
    font-size: 17px;
}
.template-search .toolbar #searchform input[type="submit"] {font-size: 17px;}
.template-search .results .list .item,
.template-search .results .list .item:nth-child(2n+2),
.template-search .results .list .item:nth-child(3n+3) {
    width: 100%;
    margin: 0 auto;
}
.template-search .results .list .item:nth-child(2n+2) {margin: 0 auto;}
.template-search .results .list .item .copy h3 {font-size: 17px !important;}

/* Stock */

.stock-data .filters {margin: 0 auto;}
.stock-data .filters .filter {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.stock-data .filters .filter label,
.stock-data .filters .filter input {font-size: 15px;}

/* Timber Boards */

.timber-boards .results {margin: 0 0 10px 0;}
.timber-boards .filters {
    margin: 0 0 20px 0;
    padding: 20px 20px 10px 20px;
}
.timber-boards .filters h2 {margin: 0 0 10px 0;}
.timber-boards .filters .alm-filters {width: 100%;}
.timber-boards .filters .alm-filter {
    width: 100%;
    margin: 0 0 10px 0;
}
.timber-boards .results .item,
.timber-boards .results .item:nth-child(3n+3),
.timber-boards .results .item:nth-child(4n+4) {
    width: 47.5%;
    margin: 0 5% 20px 0;
}
.timber-boards .results .item:nth-child(2n+2) {margin: 0 0 20px 0;}
.timber-boards .results .item:nth-child(3n+4) {clear: none;}
.timber-boards .active-filters .alm-results-text {font-size: 15px;}
.timber-boards .results .item .copy .ex-vat {font-size: 20px;}
.timber-boards .results .item .copy .inc-vat {font-size: 14px;}
.timber-boards .results .item .copy p {margin: 0 auto;}

.timber-board h2 {font-size: 24px;}
body.single-timber-board .timber-board .hero {padding: 0 0 10px 0;}
.timber-board .hero .copy .prices .ex-vat {font-size: 32px;}
.timber-board .hero .copy .buttons {padding: 20px 0 0 0;}
.timber-board .hero .copy .buttons h3 {font-size: 24px !important;}
.timber-board .collect {padding: 30px 0;}
.timber-board .collect p {font-size: 16px;}
.timber-board .related {padding: 30px 0 0 0;}

body.single-resourcecentre .template-overview .layout p {font-size: 15px;}

/* Formidable */

.frm_submit button {margin: 0 auto !important;}
.frm_html_container.skip {justify-content: center;}
.frm_form_field.frm_three_col .frm_opt_container {grid-template-columns: repeat(1, 1fr) !important;}

}








/* 
-----------
BELOW 375PX 
-----------
*/
@media screen and (max-width: 374px) {

.template-product .toolbar .links .link,
.template-overview .toolbar .links .link {margin: 7.5px 10px 0 0;}

}



/* 
-----------
BELOW 360PX 
-----------
*/
@media screen and (max-width: 359px) {

.template-product .toolbar .links .cta a,
.template-overview .toolbar .links .cta a {padding: 10px;}

}