/*********************************************************

Responsive CSS

*********************************************************/

@media screen and (min-width: 1616px) {
    .container {
        width: 1590px;
    }

    /************   HOME PAGE LABEL RESPONSE   ************/

    .show {
        display: none !important;
    }

    #inspiration .page-content .col-md-12 {
        /*padding-left: 0px;
        padding-right: 0px;*/
    }

    #inspiration .masonry-brick.col-sm-12, #inspiration .masonry-brick.col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    /************  PRODUCTS LANDING PAGE  ************/
    .product-listing.intergrain .wrap-category {
        padding: 57px 11px 80px;
    }

    .product-listing .product {
        margin-bottom: 56px;
    }

    .product-listing .row .product .product-image img {
        height: 90%;
    }

    /************  PRODUCT DETAILS PAGE  ************/
    .product-content {
        padding-top: 52px;
        padding-bottom: 75px;
    }

    .product-right-col {
        padding-left: 92px;
        padding-right: 66px;
    }

    .product-left-col > *:not(.product-image) {
        padding-left: 60px;
        padding-right: 50px;
    }

    .colour-wrapper {
        padding-left: 128px;
        padding-right: 115px;
    }

    .inner-wrapper {
        padding-left: 90px;
        padding-right: 90px;
    }

    .product-tab .nav.nav-tabs > li:not(.single-tab) > a {
        padding: 25px;
    }

    .product-tab .tab-content .tab-content__row [class*="col-"] {
        padding: 13px 30px;
    }
    /**************************  NEW HOME PAGE  **************************/
    [class*="col-"].main-menu {
        padding: 0 95px;
    }

    .home-project__container > .col-md-offset-1 {
        padding: 0 58px;
    }

    .home-faq__carousel > div {
        padding: 0 123px;
    }

    .intergrain-footer > div {
        padding: 95px 103px;
    }

    .home-visualiser__item .home-visualiser__img {
        padding-left: 25px;
        padding-right: 50px;
    }

    .home-visualiser__item .home-visualiser__desc {
        padding: 80px 40px 80px 60px;
    }

    .home-visualiser__container {
        padding: 88px 0 66px;
    }

    /*********** Colour Visualiser ************/
    .product-list .visualiser-filter__item {
        background-color: #f2f2f2;
        padding: 28px 50px;
        height: 100%;
    }

    .visualiser-filter .visualiser-filter__content.visualiser-container {
        padding: 48px 107px;
    }

    /**************************  PROJECT PLANNER  **************************/
    .project-planner .visualiser-filter .visualiser-filter__content {
        padding-left: 48px;
    }

        .project-planner .visualiser-filter .visualiser-filter__content.visualiser-container {
            padding-left: 115px;
        }

    .project-planner .condittion-list .visualiser-filter__item {
        padding: 28px 30px;
    }

    .project-planner .colour-wrapper:first-child .visualiser-filter {
        padding: 68px 0;
    }

    .project-planner .visualiser-filter .visualiser-filter__content ul.pigment-list li {
        padding-right: 30px;
    }

    .colour-wrapper .email-wrapper .inline-button .reset-button,
    .email-form .input-group .form-control + .input-group-addon {
        width: 135px;
    }

    /**************************  HOW TO PAGE  **************************/
    .how-to-container {
        padding: 9px 75px;
    }

    .how-to-detail-container {
        padding: 75px 175px;
    }

    .article-list .article-item {
        padding: 0 20px;
    }

        .article-list .article-item .article-desc {
            left: 20px;
            right: 20px;
        }

    .new-content-wrapper .page-title {
        margin-top: 65px;
        margin-bottom: 23px;
    }
    /**************************  ULTRADECK LANDING PAGE  **************************/
    .ultradeck .jumbotron {
        height: 720px;
    }

    .ultradeck #bodyContent {
        padding: 550px 58px 0;
    }

    .ultradeck ul.description-list {
        margin: 40px 0 50px 78px;
    }

        .ultradeck ul.description-list li {
            padding: 19px 0;
            font-size: 22px;
            padding-left: 48px;
        }

    .ultradeck .ultradeck-product-list {
        margin-left: 48px;
    }

    ul.description-list li .fa {
        margin-right: 23px;
        font-size: 24px;
    }

    .ultradeck .content-box {
        padding: 90px;
    }

    .ultradeck .new-content-wrapper .page-title h1,
    .ultradeck .new-content-wrapper .page-title h2 {
        font-size: 60px;
        margin: 20px 0;
    }

    .ultradeck .content-box.box-3 > div:first-child {
        padding: 112px 135px 80px;
        width: 60%;
    }

        .ultradeck .content-box.box-3 > div:first-child > img {
            margin-left: 22px;
        }

        .ultradeck .content-box.box-3 > div:first-child p {
            margin-bottom: 30px;
        }

    .ultradeck .content-box.box-4 > div:first-child {
        padding: 107px 135px 40px;
    }

    .ultradeck .content-box.box-4 .box-title {
        margin-bottom: 52px;
    }

    .ultradeck .content-box.box-5 {
        padding: 80px 120px;
    }

    .ultradeck .content-box.box-6 {
        padding: 125px 60px 105px;
    }

        .ultradeck .content-box.box-6 .box-title {
            margin-bottom: 75px;
        }

    .ultradeck .content-box.gray-box > div:first-child {
        padding-right: 88px;
    }

    .ultradeck .content-box.box-1 .btn-wrapper {
        margin-top: 112px;
    }

    .ultradeck .content-box.box-2 {
        padding: 90px 124px 82px;
    }

    .ultradeck .content-box.gray-box h2.box-title {
        margin-bottom: 38px;
    }

    .ultradeck .recommended-item {
        padding: 0 26px;
    }

    .ultradeck .guarantee-type-image {
        padding-left: 76px;
        padding-top: 25px;
    }

    .ultradeck .competitor-table-wrapper {
        margin-bottom: 165px;
    }

    .ultradeck .guarantee-image-wrapper > img {
        width: 300px;
    }

    .article-content iframe {
        height: 500px;
    }

    .competitor-table .competitor-text-wrapper {
        font-size: 18px;
    }

    .competitor-table .competitor-table-header {
        font-size: 36px;
    }

    .competitor-table-body > div:first-child {
        padding-right: 13px;
    }
}

@media only screen and (min-width: 1375px) and (max-width: 1615px) {

    #workTypes {
        font-size: 16px;
    }

    .constrain-accredited-section {
        padding-left: 165px;
        padding-right: 165px;
    }


    /************    STRUCTURE   ************/
    .container {
        width: 1349px;
    }

    /************   NAVIGATION   ************/
    .nav > li > a {
        padding: 42px 38px;
    }

    .mega-menu {
        max-width: 922px;
    }

    /************   HOME PAGE LABEL RESPONSE   ************/

    .show {
        display: none !important;
    }

    /************   JUMBOTRON   ************/

    .jumbotron h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .jumbotron p {
        line-height: 24px;
    }

    .jumbotron .hero-caption {
        padding: 0 13px;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps {
        margin-left: 35px;
    }

        .steps li > .step {
            margin: 0 11px;
        }

        .steps li.complete .step-number {
            background-size: 18px 18px;
        }

        .steps li .step-number {
            font-size: 18px;
            padding: 4px 0;
            height: 34px;
            width: 34px;
        }

        .steps li .step-label {
            font-size: 12px;
        }

    .boxed {
        border: 1px solid #FFFFFF;
    }

    /************   JUDGING PANEL   ************/
    .judging-panel .bio {
        height: 465px;
    }

        .judging-panel .bio h2 {
            font-size: 30px;
            line-height: 40px;
        }

    /** Middle aligned blue transparent 
.timber-inspiration .timber-label {
background-image: url(../images/blue-transp-85.png);
background-position: 0 0;
background-repeat: repeat;
background-color: transparent;
width: 679.5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
}

.timber-inspiration .timber-label span {
font-size: 15px;
font-weight: 300;
position: absolute;
bottom: 82px;
left: 137.25px;
color: #fff;
width: 100%;
white-space: nowrap;
letter-spacing: 0.050em;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}**/

    /************  ENDORSED LOGIN PAGE  ************/

    #login #bodyContent {
        max-width: 1350px;
        width: 93%;
    }

    #login .jumbotron .hero-caption {
        top: 205px;
    }

    /************  PRODUCT DETAILS PAGE  ************/
    .product-tab .nav.nav-tabs > li > a,
    .product-tab .nav.nav-tabs > li > a:hover,
    .product-tab .nav.nav-tabs > li > a:active {
        padding: 20px 14px 20px;
    }

    .article-content iframe {
        height: 500px;
    }
}


@media only screen and (min-width: 1374px) {

    #project-gallery .article-listing a.trial-inspiration {
        min-height: 272px;
    }

        #project-gallery .article-listing a.trial-inspiration img.img-responsive {
            min-height: inherit;
        }
}


@media only screen and (min-width: 1200px) and (max-width: 1374px) {

    #workTypes {
        font-size: 16px;
    }

    .constrain-accredited-section {
        padding-left: 165px;
        padding-right: 165px;
    }


    /************    STRUCTURE   ************/
    .container {
        width: 1174px;
    }

    /************   NAVIGATION   ************/
    .nav > li > a {
        padding: 42px 20px;
    }

    .mega-menu {
        max-width: 765px;
    }


    /************   HOME PAGE LABEL RESPONSE   ************/

    .show {
        display: none !important;
    }

    a.trial-inspiration .trial-label-tab {
        width: 84%;
    }

    a.trial-inspiration .trial-label-right span {
        font-size: 12px;
    }

    a.trial-inspiration .trial-label span {
        font-size: 12px;
    }

    a.trial-inspiration p {
        font-size: 10px;
        line-height: 2;
    }

    a.trial-inspiration .trial-label-tab img {
        height: 12;
        width: 87;
        width: 60px;
    }

    a.trial-inspiration .trial-label-tab .boxed {
        font-size: 10px;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps {
        margin-left: 22px;
    }

        .steps li > .step {
            margin: 0 7px;
        }

        .steps li.complete .step-number {
            background-size: 12px 12px;
        }

        .steps li .step-number {
            font-size: 15px;
            padding: 2px 0;
            height: 30px;
            width: 30px;
        }

        .steps li .step-label {
            font-size: 12px;
        }

    /************   STEP 1   ************/
    .step-1 {
        padding-right: 11px;
        padding-left: 20px;
    }

    .label-custom-radio .col-md-1 {
        width: 9%;
    }

    .label-custom-radio .col-md-11.control-label {
        width: 91%;
    }

    /************   JUDGING PANEL   ************/
    .judging-panel .bio {
        height: 700px;
    }

        .judging-panel .bio h2 {
            font-size: 25px;
            line-height: 35px;
        }

    /** Middle aligned blue transparent 
.timber-inspiration .timber-label {
background-image: url(../images/blue-transp-85.png);
background-position: 0 0;
background-repeat: repeat;
background-color: transparent;
width: 590.5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
}
	
.timber-inspiration .timber-label span {
font-size: 13px;
font-weight: 300;
position: absolute;
bottom: 43px;
left: 124.25px;
color: #fff;
width: 100%;
white-space: nowrap;
letter-spacing: 0.050em;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}**/

    /************   TAB LISTS   ************/
    .nav.nav-tabs > li > a {
        font-size: 13px;
        padding: 11px 25px 33px;
    }

    /** PRODUCT TAB LIST **/
    .product-tab .nav.nav-tabs > li > a,
    .product-tab .nav.nav-tabs > li > a:hover,
    .product-tab .nav.nav-tabs > li > a:active {
        padding: 20px 8px 20px;
    }

    /******************* ADVICE - MAIN ********************/
    .select-style {
        width: 22%;
    }

    h2.faq-guide {
        width: 89%;
        padding-top: 0px;
    }

    /***************** Advice - Timber Prep ********************/
    .exterior-prep-desc2 {
        padding-bottom: 57px;
    }

    /************************** STOCKISTS PAGE ********************/

    .members.store-locator .white-block {
        background-color: white;
    }

    .members .container-fluid .umb-grid
    .members .container .umb-grid {
        background-color: white;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    a.btn-stockist-email {
        font-size: 13px;
        padding-left: 6px;
    }

    a.btn-stockist-directions {
        font-size: 13px;
    }

    /************  ENDORSED LOGIN PAGE  ************/
    #login #bodyContent {
        max-width: 1165px;
        width: 93%;
    }

    #login .jumbotron .hero-caption {
        top: 205px;
    }

    /*************** PRODUCT LIST PAGE *****************/
    .project-filter {
        margin-right: -40px;
    }

    .products-wrapper {
        padding: 30px 45px;
    }

    /**************************  FOOTER  **************************/
    .bottom-footer li > a,
    .bottom-footer li > a:visited {
        padding: 0 7px;
    }

    #project-gallery .article-listing a.trial-inspiration {
        min-height: 217px;
    }

        #project-gallery .article-listing a.trial-inspiration img.img-responsive {
            min-height: inherit;
        }

        #project-gallery .article-listing a.trial-inspiration .trial-label-tab span {
            padding: 12px;
        }

        #project-gallery .article-listing a.trial-inspiration .trial-label-tab .boxed {
            padding: 3px;
        }

    /**************************  ULTRADECK LANDING PAGE  **************************/
    .ultradeck .competitor-table-intro.before > div {
        max-height: 45px;
    }

    .article-content iframe {
        height: 500px;
    }

    .product-listing .wrap-category .head-title {
        margin: 0px 0px 36px 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #workTypes {
        font-size: 16px;
    }

    .constrain-accredited-section {
        padding-left: 165px;
        padding-right: 165px;
    }


    /************    STRUCTURE   ************/
    .container {
        width: 966px;
    }

    /************    NAVIGATION   ************/
    .nav > li > a {
        padding: 42px 14px;
        font-size: 14px;
    }

    .advice-menu.mega-menu {
        left: 190px;
        max-width: 616px;
    }

    .products-menu.mega-menu {
        left: 269px;
        max-width: 350px;
    }

    .products-menu .mega-menu-inner {
        height: 202px;
    }

    .mega-menu-inner {
        height: 202px;
    }

    /************   HOME PAGE LABEL RESPONSE   ************/

    .show {
        display: none !important;
    }

    a.trial-inspiration .trial-label-tab {
        width: 81%;
    }

    a.trial-inspiration .trial-label-right span {
        font-size: 10px;
    }

    a.trial-inspiration .trial-label span {
        font-size: 10px;
    }

    a.trial-inspiration p {
        font-size: 9px;
        line-height: 1.3;
    }

    a.trial-inspiration .trial-label-tab img {
        width: 50px;
    }

    a.trial-inspiration .trial-label-tab .boxed {
        font-size: 10px;
        width: 150px;
    }

    .timber-inspiration p {
        display: none;
    }

    .newsletter-inspiration p {
        display: none;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps {
        margin-left: 0;
    }

        .steps li:after {
            background-position: 0 3px;
        }

        .steps li > .step {
            margin: 0;
        }

        .steps li.complete .step-number {
            background-size: 12px 12px;
        }

        .steps li .step-number {
            font-size: 15px;
            padding: 0;
            height: 26px;
            width: 26px;
        }

        .steps li .step-label {
            font-size: 11px;
            margin-top: 0;
        }

    /************   TAB LISTS   ************/
    .nav.nav-tabs > li > a {
        font-size: 11px;
        padding: 11px 20px 33px;
    }

    /** PRODUCT TAB LIST **/
    .product-tab .nav.nav-tabs > li > a,
    .product-tab .nav.nav-tabs > li > a:hover,
    .product-tab .nav.nav-tabs > li > a:active {
        padding: 20px 6px 20px;
    }

        .product-tab .nav.nav-tabs > li > a .nav-tab-header {
            font-size: 9px;
        }

    /************   STEP 1   ************/
    .step-1 {
        padding-right: 11px;
        padding-left: 20px;
    }

    .competition-step .col-md-11 {
        padding: 0;
    }

    .label-custom-radio .col-md-1 {
        width: 10%;
    }

    .label-custom-radio .col-md-11.control-label {
        width: 90%;
    }

    /************   JUDGING PANEL   ************/
    .judging-panel .bio {
        padding: 20px;
        height: 605px;
    }

        .judging-panel .bio h2 {
            font-size: 30px;
            line-height: 40px;
            width: 80%;
        }

            .judging-panel .bio h2:after {
                margin: 11px 0 22px;
            }

        .judging-panel .bio p {
            font-size: 13px;
            line-height: 21px;
        }

    /************************** STOCKISTS PAGE ********************/

    .members.store-locator .white-block {
        background-color: white;
    }

    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    a.btn-stockist-email {
        float: left;
        width: 97%;
        font-size: 12px;
    }

    a.btn-stockist-directions {
        width: 97%;
        font-size: 12px;
    }

    /************  ENDORSED LOGIN PAGE  ************/
    #login #bodyContent {
        max-width: 992px;
        width: 93%;
    }

    #login .jumbotron .hero-caption {
        top: 205px;
    }

    /************ PRODUCT DETAIL PAGE ***************/
    .row.filters {
        margin-left: -75px;
    }

    .btn-product-plus {
        position: relative;
        right: 28px;
    }

    .btn-product-minus {
        top: 51px;
        right: 0px;
    }

    .product__attributes {
        padding: 25px 0;
    }

    /********* Newsletter Inspiration block *********/
    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink h3 {
        font-weight: 500;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .newsletter-inspiration .newsletter-label .desc img {
        margin-bottom: 15px;
        width: 160px;
    }

    .footer-subscribe {
        width: 260px;
        max-width: 260px;
    }

    /************ FIND APPLICATOR PAGE ***************/
    h3, h3.applicator-name {
        font-size: 17px;
        margin-bottom: 11px;
    }

    p.find-member-desc {
        font-size: 13px;
        line-height: 1.4em;
    }

    p.find-member-details {
        font-size: 12px;
        line-height: 1.4em;
    }

        p.find-member-details strong {
            font-size: 14px;
        }

    span.applicator-desc-padding {
        margin: 0px;
    }

    /****************  ARTICLE INSPIRATION PAGE  ****************/
    #inspiration-article .article-inspiration p {
        font-size: 14px;
    }

    #inspiration-article .article-inspiration .article-label {
        width: 50%;
    }

    #inspiration-article h2.page-header__heading {
        line-height: 0px;
    }

    /****************  PRODUCT LIST PAGE  ****************/
    .btn.btn-searchby-selected {
        padding: 15px 12px;
        font-size: 12px;
    }

    .btn.btn-searchby-unselected {
        padding: 15px 12px;
        font-size: 12px;
    }

    .project-filter {
        margin-right: -30px;
    }

    .product-listing .product {
        height: 230px;
        margin: 0 0 30px 0;
    }

        .product-listing .product .product-image {
            height: 180px;
        }
    /****************  ADVICE - MAIN  ****************/
    .filter-category {
        display: block;
        margin: 20px 0px;
    }

    .pro-advice {
        padding-right: 30px;
    }

    select#advice-tags {
        margin-left: 53px;
    }

    .select-style {
        width: 60%;
    }

    h2.faq-guide {
        width: 84%;
        padding-top: 5px;
        font-size: 28px;
        line-height: 30px;
    }

    /****************  ADVICE - TIMBER PREP  ****************/
    #timber-preparation .weathering-op1 img {
        padding-top: 74px;
    }

    .exterior-prep-desc2 {
        padding-bottom: 68px;
    }

    /**************************  FOOTER  **************************/
    .bottom-footer li > a,
    .bottom-footer li > a:visited {
        padding: 0 7px;
    }

    .footer-apps img {
        width: 100px;
        height: auto;
    }

    .colours {
        height: 265px;
    }

    #project-gallery .article-listing a.trial-inspiration {
        min-height: 217px;
    }

        #project-gallery .article-listing a.trial-inspiration img.img-responsive {
            min-height: inherit;
        }

        #project-gallery .article-listing a.trial-inspiration .trial-label-tab span {
            padding: 10px;
        }

        #project-gallery .article-listing a.trial-inspiration .trial-label-tab .boxed {
            padding: 2px;
        }

    /**************************  ULTRADECK LANDING PAGE  **************************/
    .ultradeck .competitor-table-intro.before > div {
        max-height: 30px;
        overflow: hidden;
    }

    .ultradeck .description-list {
        margin: 10px 0;
    }

    .ultradeck ul.description-list li {
        font-size: 13px;
    }

    .ultradeck .competitor-table-wrapper {
        margin-bottom: 20px;
        padding-left: 26px;
        padding-right: 26px;
    }

    /**************************  NEW HOME PAGE  **************************/
    .home-project__item .home-project__desc a.btn-outline {
        min-width: 100%;
    }

    [class*="col-"].main-menu {
        padding: 0 13px;
    }

    .intergrain-footer .row > div:first-child {
        padding: 0 5px;
    }
    /********** PLANNER PAGE ************/
    .visualiser-filter .visualiser-filter__content ul.product-list li,
    .visualiser-filter .visualiser-filter__content ul.condittion-list li,
    .visualiser-filter .visualiser-filter__content.project_content ul.condittion-list li {
        width: -webkit-calc(100% / 3);
        width: expression(100% / 3);
        width: -moz-calc(100% / 3);
        width: -o-calc(100% / 3);
        width: calc(100% / 3);
    }

    .visualiser-filter .visualiser-filter__content ul.pigment-list li .item-desc {
        padding: 0;
    }

    .visualiser-filter__item .image-label {
        font-size: 10px;
    }

    .visualiser-filter .visualiser-filter__content ul li {
        width: 25%;
    }

    .article-content iframe {
        height: 400px;
    }

    .visualiser-filter .visualiser-filter__content.visualiser-container {
        padding: 26px 13px 26px 39px;
    }

    .filter-wrapper ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 2px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .filter-wrapper ul li {
            flex-grow: 1;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
            min-width: unset;
        }

    .product-listing .wrap-category .head-title {
        margin: 0px 0px 36px 0px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    #workTypes {
        font-size: 16px;
    }

    .product-labels.results {
        display: none;
    }

    .results-counter {
        display: none;
    }

    .btn-reset-filter {
        float: left;
        margin-top: 20px;
    }

    body {
        padding-top: 93px;
    }

    /************    STRUCTURE   ************/
    .container {
        max-width: 742px;
        /*position: relative;*/
        width:100%;
    }

    .row-eq-height {
        display: block;
    }

    /************    NAVIGATION   ************/
    .top-bar a,
    .top-bar a:visited {
        font-size: 13px;
        line-height: 13px;
    }

        .top-bar a:after {
            height: 12px;
            margin: -1px 10px;
        }

    /************   HOME PAGE LABEL RESPONSE   ************/
    #inspiration .page-content .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #inspiration .masonry-brick.col-sm-12, #inspiration .masonry-brick.col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #home .owl-carousel .owl-controls .owl-nav {
        display: none;
    }

    div.trial-label-tab {
        display: block !important;
    }

    .inspiration .col-md-4 {
        padding-bottom: 10px;
    }

    a.trial-inspiration {
        margin-bottom: 195px;
    }

        a.trial-inspiration .trial-label-right span {
            font-size: 10px;
        }

        a.trial-inspiration p {
            font-size: 9px;
            line-height: 1.3;
        }

        a.trial-inspiration .trial-label-tab img {
            width: 80px;
        }

        a.trial-inspiration .trial-label-tab .boxed {
            font-size: 12px;
        }

        a.trial-inspiration .trial-label {
            width: 100%;
            height: 50px;
        }

            a.trial-inspiration .trial-label span {
                bottom: 12px;
                left: 13px;
                -webkit-transform: rotate(0deg);
            }

        a.trial-inspiration .trial-label-tab {
            background-image: url(../images/purple-no-transp.png);
            background-position: 0 0;
            background-repeat: repeat;
            background-color: transparent;
            width: 100%;
            height: 185px;
            float: left;
            position: relative;
            top: inherit;
            left: inherit;
            transition: background-color 0.5s ease;
            -webkit-transition: background-color 0.5s ease;
            -moz-transition: background-color 0.5s ease;
            -o-transition: background-color 0.5s ease;
        }

    .timber-inspiration .timber-label span {
        position: relative;
        left: 15%;
        letter-spacing: 0.05em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    /** TIMBER AWARDS ADJUSTMENT **/
    .timber-inspiration .timber-label .desc {
        margin: 8% 25%;
        margin-left: 20%;
    }

        .timber-inspiration .timber-label .desc img {
            padding-bottom: 10%;
        }

    .newsletter-inspiration .newsletter-label span {
        position: relative;
        left: 15%;
        letter-spacing: 0.05em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    /********* Newsletter Inspiration block *********/
    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink h3 {
        font-weight: 500;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .newsletter-inspiration .newsletter-label .desc img {
        margin-bottom: 5px;
        width: 125px;
    }

    .footer-subscribe {
        width: 260px;
        max-width: 240px;
    }

    /*.footer-subscribe .control-input {
                height: 32px !important;
        }*/

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-webkit-input-placeholder {
        font-size: 13px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-moz-placeholder {
        font-size: 13px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-ms-input-placeholder {
        font-size: 13px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-moz-placeholder {
        font-size: 13px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe button {
        font-size: 20px;
        height: 32px !important;
        padding: 0px 10px !important;
    }

    a.btn-reg {
        background-color: transparent;
        color: #fff;
        width: 200px;
        height: 0px;
        text-align: center;
        padding: 15px;
        line-height: 0px;
        font-size: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .timber-inspiration p {
        display: none;
    }

    .newsletter-inspiration p {
        display: none;
    }

    a.btn-reg {
        margin-top: 10px;
    }

    a.btn-boxed2 {
        margin-top: 10px !important;
    }

    /**************************   JUMBOTRON  **************************/

    .jumbotron {
        height: -webkit-calc(148 * 100vw /1900);
        height: expression(148 * 100vw /1900);
        height: -moz-calc(148 * 100vw /1900);
        height: -o-calc(148 * 100vw /1900);
        height: calc(148 * 100vw /1900);
    }

        .jumbotron .hero-caption {
            top: 65px !important;
            display: none;
        }

    #applicator-about .jumbotron .hero-caption {
        top: 65px !important;
    }

    .jumbotron h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .jumbotron p {
        line-height: 24px;
    }

    .jumbotron .hero-caption {
        padding: 0 145px;
    }

    .smallback-to-bottom {
        top: 653px;
    }

    #login .jumbotron {
        height: 700px !important;
    }

    /************  ENDORSED APPLICATOR FIND - IMG SCALE  ************/
    .applicator-owl-carousel img {
        max-width: 360px;
        height: auto;
    }

    .owl-carousel img {
        width: 260px;
        height: auto;
    }

    span.applicator-desc-padding {
        margin: 0px;
    }

    h3, h3.applicator-name {
        padding-top: 10px;
    }


    /************   MEMBERS PAGE   ************/
    .members .members-dp img {
        margin-left: 0;
        margin-left: 0;
        padding: 0px 15px 5px 0;
        width: 185px;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps {
        margin-left: 0;
    }

        .steps li > .step {
            margin: 0 12px;
        }

    /************   TAB LISTS   ************/
    .nav.nav-tabs > li > a {
        font-size: 12px;
        padding: 11px 5px 33px;
    }


    /************   JUDGING PANEL   ************/
    .judging-panel .bio {
        height: 570px;
    }

        .judging-panel .bio h2 {
            font-size: 34px;
            line-height: 44px;
        }

    /************  PAST WINNERS  ************/
    .past-winners .winner-label span {
        font-size: 24px;
    }

    /************  TRIAL INSPIRATION  ************/
    .trial-inspiration .trial-label span {
        font-size: 15px;
    }

    /************  ENDORSED APPLICATOR HOME ICONS  ************/
    .applicator-wrap {
        display: block;
        margin-top: 36px;
        margin-bottom: 50px;
    }

        .applicator-wrap p {
            width: 100%;
        }


    /************  STOCKIST PAGE  ************/
    .members.store-locator .white-block {
        background-color: white;
    }

    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    a.btn-stockist-email {
        float: left;
        width: 97%;
        font-size: 12px;
    }

    a.btn-stockist-directions {
        width: 97%;
        font-size: 12px;
    }

    .angular-google-map-container {
        height: 450px !important;
        width: 92%;
        margin-left: 30px;
    }

    .angular-google-map {
        padding-top: 40px;
    }

    /************  ENDORSED LOGIN PAGE  ************/
    #login #bodyContent {
        max-width: 715px;
        top: 200px;
    }

        #login #bodyContent p.login-desc {
            max-width: 83%;
            margin: 0 auto;
            line-height: 24px;
            padding-bottom: 20px;
        }

    .form-control.endorsed-login-textfield {
        margin: 0 auto;
        max-width: 80%;
        height: 80px;
    }

    .row.row-login-padding {
        max-width: 93%;
    }

    #login .jumbotron .hero-caption {
        top: 150px;
    }

    .error {
        text-align: left;
        padding-left: 75px;
    }

    /************** PRODUCT DETAIL PAGE ****************/

    .row.filters {
        margin-left: 116px;
    }

    figure {
        text-align: center;
    }

    .product__attributes {
        padding: 25px 0;
    }

    /** PRODUCT TAB LIST **/
    .product-tab .nav.nav-tabs > li {
        width: 20%;
    }

        .product-tab .nav.nav-tabs > li > a {
            text-align: center;
        }

    /********************PRODUCT LIST PAGE ********************/
    .product-labels {
        width: 20%;
        padding-top: 13px;
        float: left;
    }

        .product-labels.wood-type {
            width: 40%;
        }

        .product-labels.coats-counter {
            display: none;
        }

    .product-filter-border {
        border-right: none;
        height: inherit;
    }

        .product-filter-border.wood-type {
            padding-right: 0px;
        }

        .product-filter-border.number-coats {
            padding-left: 0px;
        }

    .project-label {
        display: none;
    }

    .btn.btn-searchby-selected {
        display: inline;
        width: 22%;
    }

    .btn.btn-searchby-unselected {
        float: left;
        width: 22%;
    }

    .project-dropdown-filer {
        display: inline;
        width: 26%;
        float: left;
        margin: 10px 11px;
        margin-left: auto;
    }

    .wood-dropdown-filer {
        display: inline;
        width: 54.5%;
    }

    .input-group.product-list-coats {
        margin-left: -6.5px;
        width: 40%;
    }

    .product-listing .product {
        height: 230px;
        margin: 0 0 30px 0;
    }

        .product-listing .product .product-image {
            height: 180px;
        }

    .filter-wrapper ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 2px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .filter-wrapper ul li {
            flex-grow: 1;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
            min-width: unset;
        }
    /****************  ARTICLE INSPIRATION PAGE  ****************/
    #inspiration-article .article-inspiration p {
        font-size: 14px;
        line-height: 1.8em;
    }

    #inspiration-article .article-inspiration .article-label {
        width: 50%;
    }

    #inspiration-article .article-insp-pic2 {
        padding-top: 30px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }

    #inspiration-article .article-product-desc-pad {
        font-size: 12px;
    }

    #inspiration-article .view-product {
        text-align: left;
        padding-bottom: 20px;
        text-decoration: underline;
    }

        #inspiration-article .view-product > a:after {
            display: none;
        }

    #inspiration-article .article-product-desc {
        text-align: left;
    }

    #inspiration-article .page-header {
        margin: 0;
    }

    .faq-group .faq-heading .faq-title-overlay {
        max-height: 30% !important;
    }

    .faq-group .faq-heading .faq-description-overlay {
        max-height: 70% !important;
    }

    /****************  ADVICE - MAIN  ****************/
    .filter-category {
        display: block;
        margin: 20px 0px;
    }

    .pro-advice {
        padding-right: 30px;
    }

    select#advice-tags {
        margin-left: 53px;
    }

    .select-style {
        width: 56%;
    }

    h2.faq-guide {
        width: 84%;
        padding-top: 0px;
        font-size: 25px;
        line-height: 30px;
    }

    /****************  ADVICE - TIMBER PREP  ****************/
    .timber-prep-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #timber-preparation .timber-sourcing p.page-header__description {
        padding-bottom: 0px;
    }

    #timber-preparation .weathering-op1 img {
        padding-top: 0px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #timber-preparation .weathering-op2 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .exterior-prep-desc2 {
        padding-bottom: 0px;
    }

    #timber-preparation .afs-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    #timber-preparation .fsc-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    /**************************  FOOTER  **************************/
    .bottom-footer li > a,
    .bottom-footer li > a:visited {
        font-size: 12px;
        padding: 0 5px;
    }

    .footer-apps a {
        padding: 0 5px;
    }

    .footer-apps img {
        width: 90px;
        height: auto;
    }

    .pre-footer .col-md-4 h2,
    .pre-footer .col-md-4 h4 {
        font-size: 26px;
        line-height: 26px;
    }

    .intergrain-footer .footer-nav {
        padding: 0 13px;
    }

        .intergrain-footer .footer-nav > div {
            padding: 0;
        }

    /* Tablet/Mobile Menu */
    .page-content {
        width: 100%;
    }

    .footer-subscribe input::-webkit-input-placeholder {
        font-size: 13px;
    }

    /********** Advice - Timber recommend ************/
    .advice-timber-header h2 {
        font-size: 26px;
        font-weight: 400;
    }


    .cbp-spmenu-push-toleft .container .page-content .device-header {
        overflow-x: hidden !important;
        position: fixed;
        left: -240px;
        margin-left: 13px !important;
    }

    /**************************  NEW HOME PAGE  **************************/
    #bodyContent {
        padding: 62px;
    }

    .intergrain-breadcrumb {
        top: 13px;
    }

    .home-project__container {
        padding: 15px 0 15px;
    }

    .home-visualiser__container {
        padding: 45px 0;
        margin: 0 15px 30px;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
    }

    .home-faq__carousel h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .home-faq__carousel .home-faq__item {
        padding: 0;
    }

    .home-faq__carousel .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
    }

    .home-project__item .home-project__desc a.btn-outline,
    .home-visualiser__desc .btn-outline,
    .home-faq__carousel .btn-outline {
        min-width: 250px;
        margin-top: 15px;
    }

    .home-visualiser__item .home-visualiser__desc {
        padding-left: 0;
    }

    .home-faq__carousel .home-faq__item {
        padding: 0;
    }

    .home-project__container > .col-md-offset-1 > .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .intergrain-footer > div {
        padding: 20px;
    }

    .intergrain-footer .site__logo--footer .logo__link {
        max-width: 181px;
    }

        .intergrain-footer .site__logo--footer .logo__link p {
            font-size: 11px;
            margin-top: 0;
        }

    /********** Colour Visualiser ************/
    .colour-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

        .colour-wrapper:first-child {
            padding-top: 0;
        }

    /**************************  ULTRADECK LANDING PAGE  **************************/
    .ultradeck .content-box {
        padding: 13px;
    }

    .ultradeck #bodyContent {
        padding: 0;
    }

    .ultradeck .jumbotron {
        position: static;
        height: 340px !important;
    }

        .ultradeck .jumbotron .hero-caption {
            top: 215px !important;
            padding: 0;
        }

    .ultradeck .new-content-wrapper .page-title {
        top: -130px;
    }

    .ultradeck .competitor-table-intro.before > div {
        max-height: 25px;
        overflow: hidden;
    }

    .ultradeck .guarantee-image-wrapper {
        padding-top: 30px;
    }

    .ultradeck .btn-wrapper {
        margin-top: 0;
    }

    .ultradeck .content-box.p-0 > div:not(.competitor-table-wrapper) {
        padding: 30px 26px;
    }

    .ultradeck .content-box.dark-gray-box > div > img {
        width: 100%;
        margin-top: 0;
    }

    .ultradeck-col-reorder {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
    }

    .ultradeck .content-box .box-title {
        margin-bottom: 11px;
    }

    .ultradeck-col-reorder .description-list {
        order: 1;
    }

    .ultradeck-col-reorder .ultradeck-product-list {
        order: 0;
    }

    .ultradeck .content-box {
        padding: 30px 13px;
    }

        .ultradeck .content-box.dark-gray-box .ultradeck-col-reorder img {
            order: 1;
        }

        .ultradeck .content-box.dark-gray-box .ultradeck-col-reorder p {
            order: 2;
        }

    .ultradeck .ultradeck-col-reorder .guarantee-description {
        order: 2;
    }

    .ultradeck .ultradeck-col-reorder .guarantee-description {
        order: 3;
    }

    .competitor-table img {
        width: 12.5%;
    }

    .competitor-table .competitor-text-wrapper {
        font-size: 14px;
    }

    .competitor-table .competitor-table-header {
        font-size: 30px;
    }

    /********** PLANNER PAGE ************/
    .visualiser-filter .visualiser-filter__content ul.product-list li,
    .visualiser-filter .visualiser-filter__content ul.condittion-list li,
    .visualiser-filter .visualiser-filter__content.project_content ul.condittion-list li {
        width: 33.33%;
        width: -webkit-calc(100% / 3);
        width: expression(100% / 3);
        width: -moz-calc(100% / 3);
        width: -o-calc(100% / 3);
        width: calc(100% / 3);
    }

    .visualiser-filter .visualiser-filter__content ul.pigment-list li .item-desc {
        padding: 0;
    }

    .visualiser-filter__item .image-label {
        font-size: 10px;
    }

    .visualiser-filter .visualiser-filter__content ul li {
        width: 25%;
    }

    .article-content iframe {
        height: 400px;
    }

    .visualiser-filter .visualiser-filter__content.visualiser-container {
        padding: 26px 13px 26px 39px;
    }

    .product-listing .wrap-category .head-title {
        margin: 0px 0px 36px 0px;
    }
}

@media only screen and (max-width: 767px) {

    #workTypes {
        font-size: 11px;
    }

    .product-labels.results {
        display: none;
    }

    .results-counter {
        display: none;
    }

    .btn-reset-filter {
        float: left;
        margin-top: 20px;
    }


    body {
        padding-top: 93px;
    }

    h1, .h1 {
        font-size: 32px;
        line-height: 42px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .lead {
        font-size: 16px;
        line-height: 30px;
    }

    /**************************   STRUCTURE  **************************/
    .container {
        width: 95%;
    }

    .row-eq-height {
        display: block;
    }

    .columnmargin {
        margin-left: 10px;
        margin-right: 10px;
    }

    .rowmargin {
        margin-bottom: 20px;
    }


    /**************************   NAVIGATION  **************************/
    .navbar {
        min-height: 78px;
    }

    .navbar-brand {
        height: 78px;
    }

        .navbar-brand > img {
            width: 127px;
            margin: 10px 0 10px 0px;
        }

    .main-menu {
        height: 78px;
    }

    .navbar-toggle {
        border: none;
        border-radius: 0;
        padding: 22px 10px 21px;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: transparent;
        }

    .navbar-toggle .icon-bar {
        background-color: #fff;
        border-radius: 0;
        height: 1px;
        width: 36px;
    }

    .navbar-toggle:hover .icon-bar,
    .navbar-toggle:focus .icon-bar {
        background-color: #84bd00;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #84bd00;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 8px;
    }

    .nav {
        padding: 26px 0;
    }

        .nav > li {
            padding: 0 10px;
        }

    .navbar-nav > li > a {
        line-height: 44px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
    }

    .navbar-collapse {
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #201547;
    }

    /* Tablet/Mobile Menu */
    .page-content {
        width: 100%;
    }

    #wrapper {
        -moz-transition: inherit;
        -o-transition: inherit;
        -webkit-transition: inherit;
        transition: inherit;
        overflow-x: hidden;
    }


    #bodyContent {
        padding: 45px 0 0;
    }

    .intergrain-breadcrumb {
        padding-left: 10px;
        top: 0;
    }

    #wrapper.toggled .container {
        width: 767px;
    }

    #wrapper.toggled .page-content {
        margin-left: -375px;
    }

    #wrapper.toggled {
        padding-right: 349px;
    }

    #sidebar-wrapper {
        margin-right: -349px;
        right: 349px;
    }

    .search-form__input {
        width: 100%;
        text-align: center;
    }

    /************   HOME PAGE LABEL RESPONSE   ************/
    #inspiration .page-content .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #inspiration .masonry-brick.col-sm-12, #inspiration .masonry-brick.col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }


    #home .owl-carousel .owl-controls .owl-nav {
        display: none;
    }

    .inspiration-header {
        padding-bottom: 10px !important;
    }


    div.trial-label-tab {
        display: block !important;
    }

    a.trial-inspiration {
        margin-bottom: 195px;
    }

        a.trial-inspiration .trial-label-right span {
            font-size: 10px;
        }

        a.trial-inspiration p {
            font-size: 13px;
            line-height: 1.3;
        }

        a.trial-inspiration .trial-label-tab img {
            width: 80px;
        }

        a.trial-inspiration .trial-label-tab .boxed {
            font-size: 12px;
        }

        a.trial-inspiration .trial-label {
            width: 100%;
            height: 50px;
        }

            a.trial-inspiration .trial-label span {
                bottom: 10px;
                left: 13px;
                transform: inherit;
                -webkit-transform: rotate(0deg);
            }

        a.trial-inspiration .trial-label-tab {
            background-image: url(../images/purple-no-transp.png);
            background-position: 0 0;
            background-repeat: repeat;
            background-color: transparent;
            width: 100%;
            height: 185px;
            float: left;
            position: relative;
            top: inherit;
            left: inherit;
            transition: background-color 0.5s ease;
            -webkit-transition: background-color 0.5s ease;
            -moz-transition: background-color 0.5s ease;
            -o-transition: background-color 0.5s ease;
        }

    .timber-inspiration .timber-label span {
        position: relative;
        left: 15%;
        letter-spacing: 0.05em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    /** TIMBER AWARDS ADJUSTMENT **/
    .timber-inspiration .timber-label .desc {
        margin: 8% 25%;
        margin-left: 20%;
    }

        .timber-inspiration .timber-label .desc img {
            padding-bottom: 10%;
        }

    .newsletter-inspiration .newsletter-label span {
        position: relative;
        left: 15%;
        letter-spacing: 0.05em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    /** NEWSLETTER ADJUSTMENT **/
    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink h3 {
        font-weight: 500;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .newsletter-inspiration .newsletter-label .desc img {
        margin-bottom: 5px;
        width: 125px;
    }

    .footer-subscribe {
        width: 100% !important;
        max-width: 90% !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe button {
        font-size: 18px;
        height: 32px !important;
        padding: 0px 10px;
    }

    a.btn-reg {
        background-color: transparent;
        color: #fff;
        width: 100%;
        height: 0px;
        text-align: center;
        padding: 15px;
        line-height: 0px;
        font-size: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .timber-inspiration p {
        display: none;
    }

    .newsletter-inspiration p {
        display: none;
    }

    a.btn-reg {
        margin-top: 10px;
    }

    /** SEARCH OVERLAY **/
    .search-form__wrapper {
        width: 93%;
    }

    a.search-form__close {
        right: 23px;
        top: 6px;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps {
        margin-left: 0;
    }

        .steps li:after {
            background-position: 0 3px;
        }

        .steps li > .step {
            margin: 0;
        }

        .steps li.complete .step-number {
            background-size: 12px 12px;
        }

        .steps li .step-number {
            font-size: 15px;
            padding: 0;
            height: 26px;
            width: 26px;
        }

        .steps li .step-label {
            font-size: 11px;
            margin-top: 0;
        }

    /**************************   JUMBOTRON  **************************/
    .jumbotron {
        height: -webkit-calc(148 * 100vw /1900);
        height: expression(148 * 100vw /1900);
        height: -moz-calc(148 * 100vw /1900);
        height: -o-calc(148 * 100vw /1900);
        height: calc(148 * 100vw /1900);
    }

        .jumbotron h1 {
            font-size: 32px;
            line-height: 42px;
        }

        .jumbotron p {
            line-height: 24px;
        }

        .jumbotron .hero-caption {
            padding: 0 45px;
            display: none;
        }

    #login .jumbotron {
        height: 600px !important;
    }

    /**************************   FORMS  **************************/
    .btn-lg {
        font-size: 11px;
        padding: 0 11px;
    }

    /**************************  TAB LIST  **************************/
    .nav.nav-tabs > li {
        width: 100%;
    }

        .nav.nav-tabs > li > a {
            font-size: 13px;
            padding: 6px 13px;
        }

    .tab-content {
        padding: 26px 13px;
    }

    /** PRODUCT TAB LIST **/
    .product-tab .nav.nav-tabs > li {
        width: 20%;
    }

        .product-tab .nav.nav-tabs > li > a,
        .product-tab .nav.nav-tabs > li > a:hover,
        .product-tab .nav.nav-tabs > li > a:active {
            padding: 20px 2px 20px;
            text-align: center;
        }

            .product-tab .nav.nav-tabs > li > a .nav-tab-header {
                font-size: 10px;
            }

    /**************************   COMPETITION  **************************/
    .entry-details {
        margin-bottom: 36px;
        padding-right: 7px;
        padding-left: 7px;
    }

        .entry-details h2 {
            width: 95%;
        }

    .competition-step .col-md-10,
    .competition-step .col-md-8 {
        padding: 0;
    }

    .competition-step .button-group {
        padding: 0;
    }


    /* Step 1 */
    .step-1 {
        padding-right: 7px;
        padding-left: 7px;
    }

        .step-1 .steps {
            margin-left: 0;
        }

    .form-submission-id .form-control {
        margin-bottom: 13px;
    }

    .label-custom-radio .col-md-1 {
        width: 9%;
    }

    .label-custom-radio .col-md-11.control-label {
        width: 91%;
    }

    .step-1 .button-group.col-md-11 {
        width: 91%;
    }

    .step-1 .button-group .btn-lg {
        padding: 0 23px;
    }

    /**************************  HOME - PAST WINNERS  **************************/
    .past-winners .col-md-6 {
        margin-bottom: 13px;
    }

    /**************************  TRIAL - INSPIRATION  **************************/
    .trial-inspiration .col-md-6 {
        margin-bottom: 13px;
    }

    /**************************  CONTACT US FORM  **************************/
    .contactus-fname-padding {
        margin-bottom: 10px;
    }

    /**************************  JUDGING PANEL  **************************/
    .judging-panel .col-md-3 {
        padding: 0;
    }

    .judging-panel .bio {
        height: auto;
    }

    .judging-panel .judge img {
        width: 100%;
    }

    /**************************  PAST WINNERS  **************************/
    .previous-year a,
    .next-year a {
        font-size: 12px;
    }

    .previous-year > a:before,
    .next-year > a:after {
        background-size: 15px 10px;
        height: 10px;
        width: 15px;
    }

    .previous-year > a:before {
        margin-right: 6px;
    }

    .next-year > a:after {
        margin-left: 6px;
    }

    .featured-winner .image-caption {
        font-size: 14px;
        line-height: 18px;
        width: 55%;
    }

        .featured-winner .image-caption p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 5px;
        }

    .featured-carousel .owl-item a:hover span {
        height: 49px;
        width: 49px;
    }

        .featured-carousel .owl-item a:hover span img {
            width: 26px;
            height: 26px;
        }

    .featured-carousel .owl-controls .owl-nav .owl-prev,
    .featured-carousel .owl-controls .owl-nav .owl-next {
        font-size: 22px;
    }

    /*.featured-carousel .owl-controls .owl-nav .owl-prev {
left: -12px;
}

.featured-carousel .owl-controls .owl-nav .owl-next {
right: -12px;
}*/

    ul.winners-list .col-md-3 {
        padding-left: 0;
        padding-right: 0;
    }

    ul.winners-list .col-md-9 {
        padding-top: 26px;
        padding-left: 0;
        padding-right: 0;
    }

    .past-winners .winner-label span {
        font-size: 22px;
    }

    /************  ENDORSED APPLICATOR HOME ICONS  ************/
    .applicator-wrap {
        display: block;
        margin-top: 36px;
        margin-bottom: 50px;
    }

        .applicator-wrap p {
            width: 100%;
        }

    /**************************  STOCKISTS  ***********************/
    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .members.store-locator .white-block {
        background-color: white;
    }

    .stockist-map {
        padding-top: 20px;
        width: 100%;
    }

    a.btn-stockist-email {
        font-size: 13px;
    }

    a.btn-stockist-directions {
        font-size: 13px;
    }

    .angular-google-map-container {
        height: 450px !important;
        width: 91%;
        margin-left: 30px;
    }

    /****************  ARTICLE INSPIRATION PAGE  ****************/
    #inspiration-article .article-inspiration .article-label .desc {
        margin-left: 10%;
        padding-top: 20px;
    }

    #inspiration-article .article-inspiration p {
        font-size: 14px;
        line-height: 1em;
        overflow: hidden;
    }

    #inspiration-article .article-inspiration .article-label {
        width: 100%;
        position: relative;
        background-color: #201547;
        padding-bottom: 10px;
        text-align: center;
    }

    #inspiration-article .article-product-desc {
        text-align: left;
    }

    #inspiration-article .view-product {
        text-align: left;
        padding-bottom: 20px;
    }

        #inspiration-article .view-product > a:after {
            display: none;
        }

    #inspiration-article .article-insp-product {
        display: block;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    #inspiration-article .page-header {
        margin: 0;
    }

    /****************  ADVICE - MAIN  ****************/
    .filter-category {
        display: block;
        margin: 20px 0px;
    }

    .pro-advice {
        /*padding-right: 30px;*/
    }

    select#advice-tags {
        /*margin-left: 53px;*/
    }

    .select-style {
        width: 100%;
        margin: 0px 0px;
    }

    h2.faq-guide {
        width: 48%;
        padding-top: 0px;
        font-size: 25px;
        line-height: 42px;
    }

    /****************  ADVICE - TIMBER PREP  ****************/
    #timber-preparation .weathering-op1 img {
        padding-top: 0px;
    }

    #timber-preparation .afs-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    #timber-preparation .fsc-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    #timber-preparation .weathering-op1 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #timber-preparation .weathering-op2 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }


    /******************** FIND AN APPLICATOR ***********************/
    h3, h3.applicator-name {
        padding-top: 10px;
    }

    /**************************  FOOTER  **************************/
    .pre-footer .col-md-4 h2,
    .pre-footer .col-md-4 h4 {
        margin-top: 28px;
        margin-bottom: 26px;
    }

    .footer-apps a {
        display: block;
        margin: 13px 0 0;
    }

    .bottom-footer li {
        display: block;
    }

    .intergrain-footer .footer-nav {
        padding: 0 13px;
    }

        .intergrain-footer .footer-nav > div {
            padding: 0;
        }

    /************  ENDORSED LOGIN PAGE  ************/
    #login #bodyContent {
        max-width: 701px;
        width: 93%;
        top: 12%;
    }

        #login #bodyContent p.login-desc {
            display: none;
        }

    .form-control.endorsed-login-textfield {
        margin: 0 auto;
        max-width: 80%;
        height: 80px;
    }

    .row.row-login-padding {
        max-width: 93%;
    }

    #login .jumbotron .hero-caption {
        top: 145px;
    }

    .error {
        padding-left: 70px;
    }

    /********************PRODUCT LIST PAGE ********************/
    .product-labels {
        width: 20%;
        padding-top: 13px;
        float: left;
    }

        .product-labels.wood-type {
            width: 40%;
        }

        .product-labels.coats-counter {
            display: none;
        }

    .product-filter-border {
        border-right: none;
        height: inherit;
    }

        .product-filter-border.wood-type {
            padding-right: 0px;
        }

        .product-filter-border.number-coats {
            padding-left: 0px;
        }

    .project-label {
        display: none;
    }

    .btn.btn-searchby-selected {
        float: left;
        width: 25%;
    }

    .btn.btn-searchby-unselected {
        float: left;
        width: 25%;
    }

    .project-dropdown-filer {
        display: inline;
        width: 26%;
        float: left;
        margin: 10px 11px;
        margin-left: auto;
    }

    .wood-dropdown-filer {
        display: inline;
        width: 55.5%;
    }

    .input-group.product-list-coats {
        margin-left: -5.5px;
        width: 55.3%;
    }

    .product-listing .product {
        height: 230px;
        margin: 0 0 30px 0;
    }

        .product-listing .product .product-image {
            height: 180px;
        }

    .filter-wrapper ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 2px;
    }

        .filter-wrapper ul li {
            flex-grow: 1;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
            min-width: unset;
        }
    /*************** PRODUCT DETAIL PAGE *****************/
    .filter-header {
        margin-top: 0px !important;
    }

    .row.filters {
        margin-left: 0px !important;
    }

    .product__attributes {
        padding: 25px 0;
    }

    /********** Advice - Timber recommend ************/
    .advice-timber-header h2 {
        font-size: 26px;
        font-weight: 400;
    }

    .advice-timber {
        text-align: center;
    }

        .advice-timber a {
            text-align: left;
            width: 332px;
            margin: 0 auto;
        }

        .advice-timber p {
            width: 332px;
            margin: 0 auto;
            text-align: left;
        }

    /********** Colour Visualiser ************/
    .colour-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

        .colour-wrapper:first-child {
            padding-top: 0;
        }

    .visualiser-filter .visualiser-filter__content ul li {
        width: 25%;
        padding: 20px 16px 17px;
    }

    /**************************  NEW HOME PAGE  **************************/
    .home-project__container {
        padding: 15px 0 15px;
    }

    .home-visualiser__container {
        padding: 45px 0;
        margin: 0 15px 30px;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
    }

    .home-faq__carousel {
        padding: 25px 0;
    }

        .home-faq__carousel h2 {
            margin-bottom: 20px;
            font-size: 28px;
        }

        .home-faq__carousel .home-faq__item {
            padding: 0;
        }

        .home-faq__carousel .owl-carousel .owl-dots .owl-dot {
            display: inline-block;
        }

    .home-project__item .home-project__desc {
        padding: 45px 25px;
    }

        .home-project__item .home-project__desc a.btn-outline,
        .home-visualiser__desc .btn-outline,
        .home-faq__carousel .btn-outline {
            min-width: 250px;
            margin-top: 0;
        }

    .home-visualiser__item .home-visualiser__desc {
        padding-left: 0;
    }

    .home-faq__carousel .home-faq__item {
        padding: 0;
    }

    .home-project__item .home-project__desc a.btn-outline,
    .home-visualiser__desc .btn-outline,
    .home-faq__carousel .btn-outline {
        min-width: 250px;
    }

    .home-project__container > .col-md-offset-1 > .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .intergrain-footer > div {
        padding: 20px;
    }

    .intergrain-footer .site__logo--footer .logo__link {
        max-width: 127px;
    }

        .intergrain-footer .site__logo--footer .logo__link p {
            font-size: 8px;
            margin-top: 0;
        }

    .home-project__item .home-project__desc p,
    .home-visualiser__desc p,
    .home-visualiser__desc ul,
    .home-faq__item p {
        font-size: 16px;
    }
    /**************************  PROJECT PLANNER  **************************/
    .colour-wrapper:first-child .visualiser-filter .visualiser-filter__content ul li .item-desc {
        margin-top: 13px;
    }

    .visualiser-filter .visualiser-filter__content ul.product-list li,
    .visualiser-filter .visualiser-filter__content ul.condittion-list li {
        width: 33.33%;
        width: -webkit-calc(100% / 3);
        width: expression(100% / 3);
        width: -moz-calc(100% / 3);
        width: -o-calc(100% / 3);
        width: calc(100% / 3);
    }

    .project-planner .visualiser-filter .visualiser-filter__content ul.pigment-list li.finish-step, .visualiser-filter .visualiser-filter__content ul.pigment-list li {
        width: 100%;     
    }

    .visualiser-filter__item .image-label {
        font-size: 12px;
        padding: 15px 5px;
    }

        .visualiser-filter .visualiser-filter__content ul.pigment-list li .item-desc {
            padding: 0;
        }
    .visualiser-filter__description em.visible-xs {
        font-size: 12px;
    }
    /**************************  ULTRADECK LANDING PAGE  **************************/
    .ultradeck .new-content-wrapper .page-title h1 {
        font-size: 28px;
        margin-bottom: 0;
    }

    .ultradeck .new-content-wrapper .page-title h2 {
        font-size: 25px;
        margin-top: 0;
    }

    .ultradeck-col-reorder {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
    }

    .ultradeck .content-box .box-title {
        margin-bottom: 11px;
        font-size: 28px;
    }

    .ultradeck-col-reorder .description-list {
        order: 1;
    }

    .ultradeck-col-reorder .ultradeck-product-list {
        order: 0;
    }

    .ultradeck .content-box {
        padding: 13px;
    }

    .ultradeck #bodyContent {
        padding: 0;
    }

    .ultradeck .jumbotron {
        height: 340px !important;
        position: static;
    }

        .ultradeck .jumbotron .hero-caption {
            top: 265px;
            padding: 0;
        }

            .ultradeck .jumbotron .hero-caption h1 {
                line-height: 1;
                font-size: 30px;
            }

    .ultradeck .new-content-wrapper .page-title {
        font-size: 20px;
        margin: 0;
    }

    .ultradeck .content-wrapper .btn-outline {
        min-width: 100%;
    }

    .ultradeck .description-list {
        margin: 0 20px;
    }

    .ultradeck .ultradeck-product-list {
        margin: 30px 0;
    }

    .ultradeck .btn-wrapper {
        margin-top: 30px;
    }

    .ultradeck .content-box.p-0 > div:not(.competitor-table-wrapper) {
        padding: 13px 26px;
    }

    .ultradeck .content-box.dark-gray-box > div > img {
        margin-top: 0;
    }

    .ultradeck .content-box.dark-gray-box .ultradeck-col-reorder img {
        order: 1;
    }

    .ultradeck .content-box.dark-gray-box .ultradeck-col-reorder p {
        order: 2;
    }

    .ultradeck .ultradeck-col-reorder .guarantee-description {
        order: 2;
    }

    .ultradeck .ultradeck-col-reorder .guarantee-description {
        order: 3;
    }

    .ultradeck .competitor-table-wrapper {
        padding: 0 26px 90px;
        margin-bottom: 50px;
    }

    .ultradeck .guarantee-image-wrapper {
        padding-top: 40px;
    }

    .ultradeck .content-box.dark-gray-box > div > img {
        width: 100%;
    }

    .competitor-table img {
        width: 16.66%;
    }

    .competitor-table .competitor-text-wrapper {
        font-size: 14px;
    }

    .competitor-table .competitor-table-header {
        font-size: 30px;
    }
    /**************************  HOW TO PAGE  **************************/
    .article-content .related-products .product {
        width: 33.33%;
        width: -webkit-calc(100% / 3);
        width: expression(100% / 3);
        width: -moz-calc(100% / 3);
        width: -o-calc(100% / 3);
        width: calc(100% / 3);
    }

    .article-content iframe {
        height: 300px;
    }

    /********** PLANNER PAGE ************/

    .condittion-list .visualiser-filter__item {
        padding: 13px;
    }

    .visualiser-filter .visualiser-filter__content ul.pigment-list li .item-desc {
        padding: 0;
    }

    .visualiser-filter .visualiser-filter__content.visualiser-container {
        padding: 26px 13px 26px 39px;
    }
}

@media only screen and (max-width: 414px) {
    .store-locator p {
        font-size: 13px;
    }
}


@media only screen and (max-width: 320px) {
    #workTypes {
        font-size: 9px;
    }

    .store-locator p {
        font-size: 10px;
    }
}

@media only screen and (max-width: 640) {

    /*#bodyContent {
        overflow-x: hidden;
    }*/

    .competition .col-md-10 > form {
        padding: 26px;
    }

    label.label-custom-checkbox {
        width: 100%;
    }

    .custom-checkbox {
        margin-right: 0;
        width: 10%;
    }

        .custom-checkbox + span {
            width: 90%;
        }

    div.trial-label-tab {
        display: block !important;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps li .step-number {
        font-size: 16px;
        line-height: 26px;
        width: 32px;
        height: 32px;
    }

    .steps li:after {
        background-position: 0 7px;
        background-size: 40px 18px;
        margin: 0 6px;
        width: 40px;
    }

    .steps li:first-of-type:after {
        margin-left: 3px;
    }

    /******************* HOME PAGE ************************/
    a.trial-inspiration p {
        font-size: 12px;
    }

    a.trial-inspiration .trial-label-tab .boxed {
        font-size: 11px;
    }

    a.btn-reg {
        width: 150px;
    }

    /**************************  PAST WINNERS  **************************/
    .featured-winner .image-caption {
        font-size: 12px;
        line-height: 18px;
        width: 55%;
    }

        .featured-winner .image-caption p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 5px;
        }

    /**************************  ENDORSED APPLICATOR HOME ICONS  **************************/
    .applicator-wrap {
        display: block;
    }

    /**************************  STOCKIST   **************************/
    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .members.store-locator .white-block {
        background-color: white;
    }

    a.btn-stockist-email {
        float: left;
        width: 97%;
        font-size: 12px;
    }

    a.btn-stockist-directions {
        width: 97%;
        font-size: 12px;
    }

    .angular-google-map-container {
        height: 450px !important;
        width: 90%;
        margin-left: 30px;
    }

    /************  ENDORSED LOGIN PAGE  ************/

    #login #bodyContent {
        top: 12%;
        max-width: 515px;
        width: 80%;
        padding-left: 25px;
    }

        #login #bodyContent p.login-desc {
            display: none;
        }

    .form-control.endorsed-login-textfield {
        margin: 0 43px;
        max-width: 90%;
        height: 70px;
        font-size: 15px;
    }

    .row.row-login-padding {
        max-width: 500px;
    }

    .error {
        padding-left: 43px;
    }

    /******************** FIND AN APPLICATOR ***********************/
    h3, h3.applicator-name {
        padding-top: 10px;
    }

    /****************** PRODUCT DETAILS PAGE **********************/
    .related-products .product {
        height: 230px;
    }

    /****************  ADVICE - MAIN  ****************/
    .filter-category {
        display: block;
        margin: 20px 0px;
    }

    select#advice-tags {
        margin-top: 15px;
    }

    select.select-style.ng-pristine.ng-valid.ng-touched {
        margin-top: 15px;
    }

    .select-style {
        width: 100%;
    }

    h2.faq-guide {
        width: 63%;
    }

    /****************  ADVICE - TIMBER PREP  ****************/
    .timber-prep-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .article-content iframe {
        height: 300px;
    }
}

@media only screen and (max-width: 500px) {
    body#home .owl-carousel .owl-item .carousel-content h1.title.light {
        font-size: 28px !important;
        line-height: 42px;
        line-height: normal !important;
    }

    /**************************   NAVIGATION  **************************/
    .top-bar a,
    .top-bar a:visited {
        font-size: 9px;
    }

        .top-bar a:after {
            height: 7px;
            margin: 0 3px;
        }

    /************   HOME PAGE LABEL RESPONSE   ************/

    a.trial-inspiration .col-xs-12 {
        margin-bottom: 235px;
    }

    a.trial-inspiration img {
        width: 100%;
    }

    a.trial-inspiration p {
        font-size: 11px;
        line-height: 1;
    }

    a.trial-inspiration .trial-label-tab img {
        width: 80px;
    }

    /** edit this **/

    a.trial-inspiration .trial-label-right {
        display: none;
    }

    a.trial-inspiration .trial-label {
        width: 100%;
        height: 40px;
    }

        a.trial-inspiration .trial-label span {
            bottom: 7px;
            left: 13px;
            font-size: 13px;
            transform: inherit;
        }

    a.trial-inspiration .trial-label-tab {
        background-image: url(../images/purple-no-transp.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 100%;
        position: absolute;
        top: auto;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

    div.trial-label-tab {
        display: block !important;
    }

    a.btn-reg {
        margin-top: 0px;
    }

    /** NEWSLETTER ADJUSTMENT **/
    #subscribeQuicklink {
        padding-top: 0px;
    }

    .footer-subscribe {
        width: 100% !important;
        max-width: 85% !important;
    }

    .newsletter-inspiration .newsletter-label .desc img {
        margin-bottom: 5px;
        width: 90px;
        margin-top: 0px;
    }

    .newsletter-inspiration .newsletter-label .desc h3 {
        width: auto;
        font-size: 14px !important;
        font-weight: 500 !important;
        padding-top: 5px;
        margin-bottom: 5px !important;
    }

    .newsletter-inspiration .newsletter-label .desc .footer-subscribe input {
        width: 100%;
        height: 32px;
        padding: 0px 40px 0px 10px;
        font-size: 12px;
    }

    .newsletter-inspiration .newsletter-label .desc .footer-subscribe button {
        font-size: 18px !important;
        height: 32px !important;
        padding: 0px 10px !important;
    }

    /************   STOCKISTS   ************/
    .btn.btn-stockist {
        font-size: 11px;
    }

    .stockist-inner-addon .glyphicon {
        padding: 25px 10px;
        font-size: xx-large;
    }

    .stockist-inner-addon,
    input::-webkit-input-placeholder {
        font-size: 20px;
    }

    .members.store-locator .white-block {
        background-color: white;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps li:after {
        background-position: 0 5px;
        background-size: 18px 11px;
        margin: 0 1px;
        width: 11px;
    }

    .steps li:first-of-type:after {
        margin-left: -1px;
    }

    .steps li .step-number {
        font-size: 11px;
        line-height: 26px;
        width: 28px;
        height: 28px;
    }

    .steps li.complete .step-number {
        background-size: 10px 10px;
    }
    /**************************   COMPETITION  **************************/
    /* Step 1 */
    .label-custom-radio .col-md-1 {
        width: 12%;
    }

    .label-custom-radio .col-md-11.control-label {
        width: 88%;
    }

    .step-1 .button-group.col-md-11 {
        width: 88%;
    }

    /**************************  PAST WINNERS  **************************/
    .featured-winner .image-caption {
        font-size: 12px;
        line-height: 18px;
        margin: 6px 0;
        position: relative;
        width: 100%;
    }

    /**************************  ENDORSED APPLICATOR HOME ICONS  **************************/
    .applicator-wrap {
        display: block;
    }

    /************  ENDORSED LOGIN PAGE  ************/

    #login #bodyContent {
        top: 12%;
        max-width: 500px;
        width: 78%;
    }

        #login #bodyContent p.login-desc {
            display: none;
        }

    .form-control.endorsed-login-textfield {
        margin: 0 43px;
        max-width: 90%;
        height: 70px;
    }

    .row.row-login-padding {
        max-width: 106%;
    }

    #login input:placeholder-shown {
        text-transform: capitalize;
        font-size: 22px;
    }


    /************  FIND APPLICATOR PAGE  ************/
    span.applicator-desc-padding {
        margin: 0px;
    }

    h3, h3.applicator-name {
        padding-top: 10px;
    }

    /****************** PRODUCT DETAILS PAGE **********************/
    .related-products .product {
        height: 230px;
    }

    /******************* PRODUCT DETAILS PAGE *********************/
    .product-labels {
        width: 100%;
    }

        .product-labels.wood-type {
            width: 100%;
        }

    .form-group.product-filters {
        display: block;
        margin-right: 0px !important;
    }

    .btn.btn-searchby-selected {
        width: 49%;
    }

    .btn.btn-searchby-unselected {
        width: 49%;
    }

    .project-dropdown-filer {
        width: 45%;
        display: inline;
        margin: 10px 10px;
        margin-left: auto;
    }

    .input-group.product-list-coats {
        width: 97%;
        margin-top: 31px;
    }

    .wood-dropdown-filer {
        width: 96%;
    }

    .input-group.product-list-coats {
        width: 102%;
        margin-top: 31.4px;
        padding-left: 12px;
    }

    .product-labels.coats-counter {
        visibility: hidden;
        display: block;
    }

    .btn-product-plus {
        position: absolute;
    }

    .btn-product-minus {
        top: 10px;
    }

    /** PRODUCT TAB LIST **/
    .product-tab .nav.nav-tabs > li {
        width: 100%;
    }

        .product-tab .nav.nav-tabs > li > a,
        .product-tab .nav.nav-tabs > li > a:hover,
        .product-tab .nav.nav-tabs > li > a:active {
            padding: 20px 14px 20px;
        }

            .product-tab .nav.nav-tabs > li > a .nav-tab-header {
                font-size: 14px;
            }

    /*************** ADVICE - MAIN *****************/
    h2.faq-guide {
        width: 72%;
    }

    /****************** FOOTER *********************/
    .footer-subscribe input::-webkit-input-placeholder {
        font-size: 14px;
    }
    /******************** How to page ************************/
    .nav.nav-tabs.project-advice-tabs > li {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 440px) {
    .product-archive .content-wrapper > .container > .row {
        padding: 0px;
        background-color: #f7fafb !important;
    }

    .inner-wrapper,
    .colour-wrapper {
        padding: 13px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .colour-wrapper .filters {
            margin-top: -55px;
            margin-bottom: 25px;
        }

        .colour-wrapper select.wood-type {
            width: 88%;
        }

    .visualiser-filter .visualiser-filter__content.visualiser-container {
        padding: 0;
    }

    .visualiser-note {
        float: right;
    }

    #wrapper.toggled {
        padding-right: 349px;
    }

        #wrapper.toggled #sidebar-wrapper {
            width: 200px;
        }

        #wrapper.toggled .page-content {
            margin-left: -238px;
        }

        #wrapper.toggled .device-header {
            margin: 0 0 0 -212px;
            right: 212px;
        }

    /** HOME PAGE LABEL **/
    .timber-inspiration .timber-label {
        width: 100%;
    }

    .timber-inspiration p {
        display: none;
    }

    .newsletter-inspiration .newsletter-label {
        width: 100%;
    }

    .newsletter-inspiration p {
        display: none;
    }

    /** SEARCH OVERLAY **/

    a.search-form__close {
        right: 15px;
        top: 0;
    }

    /** TIMBER AWARDS ADJUSTMENT **/
    .timber-inspiration .timber-label .desc {
        margin: 2% 58%;
        margin-left: 10%;
    }

        .timber-inspiration .timber-label .desc img {
            padding-bottom: 10%;
        }

    /** NEWSLETTER ADJUSTMENT **/

    #subscribeQuicklink {
        padding-top: 0px;
    }

    .footer-subscribe {
        width: 100% !important;
        max-width: 75% !important;
    }

    .newsletter-inspiration .newsletter-label .desc img {
        margin-bottom: 5px;
        width: 90px;
        margin-top: 0px;
    }

    .newsletter-inspiration .newsletter-label .desc h3 {
        padding-top: 2px !important;
    }

    .newsletter-inspiration .newsletter-label .desc .footer-subscribe input {
        width: 100%;
        height: 32px !important;
        padding: 0px 30px 0px 10px !important;
        font-size: 12px;
    }

    .newsletter-inspiration .newsletter-label .desc .footer-subscribe button {
        font-size: 18px;
        height: 32px;
        padding: 0px 10px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-webkit-input-placeholder {
        font-size: 12px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-moz-placeholder {
        font-size: 12px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-ms-input-placeholder {
        font-size: 12px !important;
    }

    .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-moz-placeholder {
        font-size: 12px !important;
    }

    a.btn-reg {
        background-color: transparent;
        color: #fff;
        width: 100px;
        height: 0px;
        text-align: center;
        padding: 9px;
        line-height: 0px;
        font-size: 10px;
        margin: auto;
        /* margin-top: 33px; */
        margin-bottom: 20px;
    }

    div.trial-label-tab {
        display: block !important;
    }

    a.btn-boxed2 {
        margin-top: 40px !important;
    }

    a.trial-inspiration .trial-label-tab .boxed {
        font-size: 10px;
        width: 150px;
    }

    /**************************  ENDORSED APPLICATOR HOME ICONS  **************************/
    .applicator-wrap {
        display: block;
    }

    .white-block {
        padding: 0px !important;
    }


    /************************** STORE LOCATOR  **************************/
    .members.store-locator .white-block {
        background-color: white;
    }

    .members.store-locator .stockist-right-addon input {
        font-size: 14px;
    }

    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .angular-google-map-container {
        height: 305px !important;
        width: 100%;
        margin-left: 0px;
    }

    /************  ENDORSED LOGIN PAGE  ************/

    #login #bodyContent {
        max-width: 355px;
        width: 85%;
    }

        #login #bodyContent p.login-desc {
            display: none;
        }

    .form-control.endorsed-login-textfield {
        margin: 0 auto;
        max-width: 90%;
        height: 60px;
        font-size: 13px;
    }

    .row.row-login-padding {
        max-width: 100%;
    }

    #login .jumbotron .hero-caption {
        top: 150px;
    }

    /****************  ARTICLE INSPIRATION PAGE  ****************/
    #inspiration-article .article-inspiration .article-label .desc {
        margin-left: 10%;
        padding-top: 15px;
    }

    #inspiration-article .article-inspiration p {
        font-size: 14px;
        line-height: 1em;
        overflow: hidden;
    }

    #inspiration-article .article-product-desc-pad {
        margin-top: 0px;
    }

    #inspiration-article .article-product-desc {
        text-align: left;
    }

    #inspiration-article .view-product {
        text-align: left;
    }

    #inspiration-article .article-insp-product {
        display: block;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    /******************** FIND AN APPLICATOR ***********************/
    h3, h3.applicator-name {
        padding-top: 10px;
    }

    /******************* PRODUCT LIST PAGE **********************/
    .project-dropdown-filer {
        width: 46%;
    }

    .faq-group .faq-heading .faq-title-overlay {
        max-height: 30% !important;
    }

    .faq-group .faq-heading .faq-description-overlay {
        max-height: 70% !important;
    }

    .faq-group .faq-heading .faq-overlay {
        max-height: 100% !important;
    }

    .product-listing.intergrain .wrap-category {
        padding: 0 11px;
    }

    .product-listing .wrap-category .head-title {
        margin: 20px 0;
    }

    .filter-wrapper ul {
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        margin: 13px 0;
    }

        .filter-wrapper ul li,
        .filter-wrapper ul li:first-child,
        .filter-wrapper ul li:last-child {
            border-radius: 3.5px;
            margin-left: 0px;
            margin-top: -2px;
        }

    /*************** Advice - Timber Prep ******************/
    #timber-preparation .afs-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    #timber-preparation .fsc-timber img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
    }

    .exterior-prep-desc2 {
        padding-bottom: 0px;
    }

    /********************* ADVICE - MAIN ***************************/
    h2.faq-guide {
        width: 71%;
        font-size: 20px;
    }

    .advice-timber p {
        width: 313px;
    }



    /********************* STORE LOCATOR ***************************/
    .store-locator .scrollbar {
        margin: 0px auto;
        width: 85%;
        margin-bottom: 20px;
    }

    .store-locator .stockists-info img {
        height: 35px;
        margin-left: 5px;
        margin-top: 5px;
    }


    .store-locator .stockists-info p {
        font-size: 11px;
        padding: 0px 0px 0px 40px;
    }

    .members.store-locator .white-block div.col-md-6:first-of-type {
        padding: 0px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .form-control.stockist-search-textfield {
        font-size: 14px;
    }

    .stockist-search input::-webkit-input-placeholder {
        font-size: 14px !important;
    }

    .stockist-search input:-moz-placeholder {
        font-size: 14px !important;
    }

    .stockist-search input::-moz-placeholder {
        font-size: 14px !important;
    }

    .stockist-search input:-ms-input-placeholder {
        font-size: 14px !important;
    }


    a.btn-stockist-email, a.btn-stockist-directions {
        width: 49%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    a.btn-stockist-email, a.btn-stockist-directions {
        font-size: 10px;
    }

    .visualiser-filter .visualiser-filter__content {
        padding-left: 0;
    }

    /**************************  NEW HOME PAGE  **************************/
    .home-project__item .home-project__desc a.btn-outline {
        min-width: 100%;
    }

    .home-project__item .home-project__desc p,
    .home-visualiser__desc p,
    .home-visualiser__desc ul,
    .home-faq__item p {
        font-size: 14px;
    }

    .home-faq__carousel h2 {
        margin-top: 0;
    }

    .home-faq__carousel .home-faq__item strong {
        margin-bottom: 0;
    }

    .colour-wrapper.contact-form .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text,
    .colour-wrapper.contact-form .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc {
        padding-left: 0;
    }


    /******************** Know your timber ************************/
    .advice-timber .timber-block {
        padding: 0 0 30px 0;
    }

    /*********** Colour Visualiser ************/
    .visualiser-wrapper .bottom img {
        width: auto;
        max-width: unset;
        height: 201px;
    }

    .visualiser-filter .visualiser-filter__content ul.product-list li,
    .visualiser-filter .visualiser-filter__content ul.condittion-list li,
    .visualiser-filter .visualiser-filter__content.project_content ul.condittion-list li {
        width: 50%;
    }

    /**************************  HOW TO PAGE  **************************/
    .article-content .related-products .product {
        width: 50%;
    }

    .nav.nav-tabs.project-advice-tabs > li {
        padding: 0 13px;
    }

    /**************************  ULTRADECK LANDING PAGE  **************************/
    .competitor-table .competitor-text-wrapper {
        font-size: 11px;
    }

    .competitor-table .competitor-table-header {
        font-size: 16px;
    }

    .ultradeck .jumbotron {
        background-position: -100px;
    }

    .ultradeck .ultradeck-product-list {
        margin: 13px 0;
    }

        .ultradeck .ultradeck-product-list > div {
            padding-left: 3px;
            padding-right: 3px;
        }

    .ultradeck .description-list {
        margin: 0 10px;
    }
}


@media only screen and (max-width: 360px) {
    .cbp-spmenu-push-toleft .container .page-content .device-header {
        overflow-x: hidden !important;
        position: fixed;
        left: -245px;
        margin-left: 13px !important;
    }

    /************   PROGRESS INDICATOR   ************/
    .steps li:after {
        background-position: 0 5px;
        background-size: 18px 11px;
        margin: 0 1px;
        width: 11px;
    }

    .steps li:first-of-type:after {
        margin-left: -1px;
    }

    .steps li .step-number {
        font-size: 11px;
        line-height: 26px;
        width: 28px;
        height: 28px;
    }

    .steps li.complete .step-number {
        background-size: 10px 10px;
    }

    /** Members download re-alignment **/
    .member-downloads p {
        list-style-type: none;
        padding: 0px 0px 0px;
        width: 100%;
    }

    .white-block {
        padding: 0px !important;
    }

    /************   HOME PAGE LABEL RESPONSE   ************/

    #home a.trial-inspiration .col-xs-12 {
        margin-bottom: 250px;
    }

    #home a.trial-inspiration {
        margin-bottom: 20px;
    }

    a.trial-inspiration img {
        width: 100%;
    }

    a.trial-inspiration p {
        font-size: 10px;
        line-height: 1;
    }

    a.trial-inspiration .trial-label-tab img {
        width: 80px;
    }

    a.trial-inspiration .trial-label-tab .boxed {
        font-size: 10px;
        width: 150px;
    }

    /** edit this **/

    a.trial-inspiration .trial-label-right {
        display: none;
    }

    a.trial-inspiration .trial-label {
        width: 100%;
        height: 35px;
    }

        a.trial-inspiration .trial-label span {
            bottom: 6px;
            left: 13px;
            font-size: 14px;
            transform: inherit;
        }

    a.trial-inspiration .trial-label-tab {
        background-image: url(../images/purple-no-transp.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 100%;
        position: absolute;
        top: auto;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

    /** TIMBER AWARDS ADJUSTMENT **/
    .timber-inspiration .timber-label .desc {
        margin: 2% 58%;
        margin-left: 10%;
    }

        .timber-inspiration .timber-label .desc img {
            padding-bottom: 10%;
        }

    /** NEWSLETTER ADJUSTMENT **/

    #subscribeQuicklink {
        padding-top: 0px;
    }

    /*.newsletter-inspiration .newsletter-label .desc {
        margin: 2% 58%;
        margin-left: 10%;
    }*/

    .newsletter-inspiration .newsletter-label .desc img {
        /*padding-bottom: 10%;*/
        display: none;
    }

    a.btn-reg {
        background-color: transparent;
        color: #fff;
        width: 100px;
        height: 0px;
        text-align: center;
        padding: 9px;
        line-height: 0px;
        font-size: 10px;
        margin: auto;
        /* margin-top: 33px; */
        margin-bottom: 20px;
    }

    #home .inspiration .col-md-4 {
        padding-bottom: 175px;
    }

    div.trial-label-tab {
        display: block !important;
    }

    a.btn-boxed2 {
        margin-top: 20px !important;
    }

    /************   STOCKISTS   ************/
    .btn.btn-stockist {
        font-size: 10px;
        white-space: pre-line;
        width: 50%;
    }

    .stockist-inner-addon .glyphicon {
        padding: 35px 5px;
        font-size: x-large;
    }

    .stockist-inner-addon,
    input::-webkit-input-placeholder {
        font-size: 15px;
    }

    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    a.btn-stockist-email {
        font-size: 11px;
    }

    a.btn-stockist-directions {
        font-size: 11px;
    }



    /**************************  ENDORSED APPLICATOR HOME ICONS  **************************/
    .applicator-wrap {
        display: block;
    }

    /************  ENDORSED LOGIN PAGE  ************/
    #login #bodyContent p.login-desc {
        display: none;
    }

    .form-control.endorsed-login-textfield {
        margin: 0 15px;
        max-width: 87%;
        font-size: 13px;
    }

    #login .jumbotron .hero-caption {
        top: 150px;
    }

    .row.row-forgotten-padding {
        padding-left: 0px;
    }

    /**************************  CONTACT US FORM  **************************/
    textarea.contourField {
        font-size: 16px;
    }

    /******************** FIND AN APPLICATOR ***********************/
    h3, h3.applicator-name {
        padding-top: 10px;
    }

    .input-group.product-list-coats {
        width: 116%;
    }

    /******************** ADVICE - MAIN ************************/
    h2.faq-guide {
        width: 100%;
    }

    .advice-timber p {
        width: 275px;
    }

    /******************** COLOUR LISTING ************************/
    .colours {
        height: 245px;
    }
    /******************** Know your timber ************************/
    .advice-timber .timber-block {
        padding: 0 0 30px 0;
    }
    /******************** How to page ************************/
    .nav.nav-tabs.project-advice-tabs > li {
        padding: 0 10px;
    }
    /**************************  NEW HOME PAGE  **************************/
    .home-project__item .home-project__desc h2,
    .home-visualiser__desc-sm h2,
    .home-faq__carousel h2 {
        font-size: 26px;
    }
}

@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio : 4) and (-webkit-device-pixel-ratio : 4) and (orientation: portrait) {

    .cbp-spmenu-push-toleft .container .page-content .device-header {
        overflow-x: hidden !important;
        position: fixed;
        left: -240px !important;
        margin-left: 13px !important;
    }
}

/**************************  NEW PROJECT PLANNER  **************************/

@media only screen and (min-width: 2560px) {
    .visualiser-filter__item .image-label {
        padding: 30px 10px;
        font-size: 20px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .visualiser-filter__item .image-label {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .project-planner .visualiser-filter .visualiser-filter__content ul.pigment-list li.finish-step {
        width: 50%;
    }

    .visualiser-filter__item .image-label {
        padding: 15px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li {
        width: 33.33%;
        padding: 0 5px 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li {
        width: 25%;
        padding: 0 5px 5px;
    }
}

.container.view-project-planner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}