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

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;
    }
}

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

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

    /************   NAVIGATION   ************/
    .navbar {
        width: 1349px;
    }

    .nav > li > a {
        padding: 40px 38px 42px;
    }

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

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

    .show {
        display: none !important;
    }

    /************   JUMBOTRON   ************/
    .jumbotron {
        width: 1349px;
    }

        .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;
    }

    .product-tab .nav.nav-tabs > li.active > a, .product-tab .nav.nav-tabs > li.active > a:hover, .product-tab .nav.nav-tabs > li.active > a:focus {
        padding: 20px 14px 20px;
    }
    .mega-menu .menu-label {
        font-size: 1em !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        height: 1.8em;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1374px) {
    /************    STRUCTURE   ************/
    .container {
        width: 1174px;
    }

    /************   NAVIGATION   ************/
    .navbar {
        width: 1174px;
    }

    .nav > li > a {
        padding: 40px 20px 42px;
    }

    .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;
    }

    .nav.nav-tabs > li.active > a,
    .nav.nav-tabs > li.active > a:hover,
    .nav.nav-tabs > li.active > a:focus {
        padding: 11px 12px 33px;
    }

    .nav.nav-tabs > li > a:hover,
    .nav.nav-tabs > li > a:hover > li > a:focus {
        padding: 11px 23px 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;
    }

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

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


    /******************* 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 .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;
    }

    /**************************  FOOTER  **************************/
    .bottom-footer li > a,
    .bottom-footer li > a:visited {
        padding: 0 7px;
    }
    .mega-menu .menu-label {
        font-size: 1em !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        height: 2em;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    form[name="orderForm"], div[name="orderForm"]  
    {
        width:100%; 
    }
    /************    STRUCTURE   ************/
    .container {
        width: 966px;
    }

    /************    NAVIGATION   ************/
    .navbar {
        width: 966px;
    }

    .nav > li > a {
        padding: 40px 14px 42px;
        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;
    }

    .nav.nav-tabs > li.active > a,
    .nav.nav-tabs > li.active > a:hover,
    .nav.nav-tabs > li.active > a:focus {
        padding: 11px 8px 33px;
    }

    .nav.nav-tabs > li > a:hover,
    .nav.nav-tabs > li > a:hover > li > a:focus {
        padding: 11px 8px 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;
    }

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

    /************   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 .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;
    }

    /********* 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;
    }

    /****************  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;
    }
    .mega-menu .menu-label {
        font-size: 0.8em !important;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        height: 2.3em;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    .product-labels.results {
        display: none;
    }

    .results-counter {
        display: none;
    }

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

    body {
        padding-top: 0;
    }

    /************    STRUCTURE   ************/
    .container {
        width: 742px;
        /*position: relative;*/
    }

    .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: 380px !important;
    }

        .jumbotron .hero-caption {
            top: 235px !important;
        }

    #applicator-about .jumbotron .hero-caption {
        top: 200px !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;
    }

    .nav.nav-tabs > li.active > a,
    .nav.nav-tabs > li.active > a:hover,
    .nav.nav-tabs > li.active > a:focus {
        padding: 11px 5px 33px;
    }

    .nav.nav-tabs > li > a:hover,
    .nav.nav-tabs > li > a:hover > li > a:focus {
        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 .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 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%;
    }

    /****************  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;
    }

    /****************  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;
    }

    /* 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;
    }
}

@media only screen and (max-width: 767px) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }

    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }
    .product-labels.results {
        display: none;
    }

    .results-counter {
        display: none;
    }

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


    body {
        padding-top: 0;
    }

    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 {
        width: 95%;
        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;
    }

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

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

    .device-header {
        width: 94%;
    }

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

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

    .search-form__input {
        margin-top: 10px;
        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;
    }

        .footer-subscribe .control-input {
            height: 32px !important;
            line-height: 32px !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;
        padding-top: 15px;
    }

    /************   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: 340px !important;
    }

        .jumbotron .hero-caption {
            top: 220px;
        }


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

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

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

    #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;
        }

        .nav.nav-tabs > li.active > a,
        .nav.nav-tabs > li.active > a:hover,
        .nav.nav-tabs > li.active > a:focus {
            padding: 6px 13px;
        }

        .nav.nav-tabs > li > a:hover,
        .nav.nav-tabs > li > a:hover > li > a:focus {
            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.active > a, .product-tab .nav.nav-tabs > li.active > a:hover, .product-tab .nav.nav-tabs > li.active > a:focus {
        padding: 20px 2px 20px;
    }

        .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 .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;
    }

    /************  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 DETAIL PAGE *****************/

    .product-page-filter-header2 {
        margin-top: 55px;
    }

    .product-page-filter-header {
        padding-bottom: 40px;
    }

    .filter-header {
        margin-top: 0px !important;
    }

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

    /********** 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;
        }
}

@media only screen and (max-width: 414) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }

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


@media only screen and (max-width: 320) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }

    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }
}

@media only screen and (max-width: 640) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .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 .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;
    }
}

@media only screen and (max-width: 500px) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }

    /**************************   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: 15px;
        }

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

    /****************** FOOTER *********************/
    .footer-subscribe input::-webkit-input-placeholder {
        font-size: 14px;
    }
}

@media only screen and (max-width: 440px) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
   div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }

    .product-archive .content-wrapper > .container > .row {
        padding: 0px;
        background-color: #f7fafb !important;
    }

    .content-wrapper > .container > .row {
        padding: 0px;
        background-color: white;
    }

    .inner-wrapper {
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .colour-wrapper {
        margin-top: 5px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .colour-wrapper .product-page-filter-header {
            padding-bottom: 10px;
        }

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

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

        .colour-wrapper .input-group {
            width: 97%;
        }

    #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;
        }

    .device-header {
        width: 95%;
    }

    /** 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 **/
    .search-form__input {
        margin-bottom: -24px;
    }

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

    /** 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 .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-overlay {
        max-height: 100% !important;
    }

    /*************** 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;
    }
}


@media only screen and (max-width: 360px) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }
    .store-locator p {
        font-size: 10px;
    }

    .device-header {
        width: 95%;
    }

    .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;
    }

    /** SEARCH OVERLAY **/

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


    /************   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 .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;
    }

}

@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) {
    form[name="orderForm"], div[name="orderForm"] 
    {
        width:100%; 
    }
    div.brochure-item {
        float: left;
        width: 46.5%;
        height: 70px;
    }
    div.thumb {
        height: 55px;
    }
    div.brochure-title {
        font-size: 8px;
        line-height: 1.5em;
        padding: 2px;
        bottom: 2em;
    }

    .device-header {
        width: 94%;
    }

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