/*------------------------------------------------------------------------------------------------------------
 Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

.visible-print {
    display: none !important;
}

.no-resize {
}




/*------------------------------------------------------------------------------------------------------------
 TABLET - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 1023px) {
    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-tablet {
        display: inherit !important;
    }
    .hidden-tablet {
        display: none !important;
    }

    .visible-phone {
        display: none !important;
    }

        .visible-phone.visible-tablet {
            display: inherit !important;
        }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .search-mobile-button.visible-phone {
        display: inherit !important;
    }
}

/*------------------------------------------------------------------------------------------------------------
 MOBILE - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }
}

/*------------------------------------------------------------------------------------------------------------
 PRINT - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

/*------------------------------------------------------------------------------------------------------------
 SMALL SCREEN - Responsive styles for specific elements on this site - BREAKPOINT 1280PX
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1599px) {
    .outer {
        width: 100%;
        margin: 0;
    }
    /*#header .inner .logo { min-width:150px;width:150px; }*/
    #header .inner .right, #header .inner .right > div {
        min-width: inherit;
    }

    .main-navigation {
        width: auto;
    }
    /*.main-navigation .menu .menu-item .arrow {display:none !important;}*/
    .secondary-navigation {
        width: auto;
    }

        .secondary-navigation .sfNavHorizontalDropDown > li > a {
            padding: 19px 15px 0 15px;
        }

        .secondary-navigation .menu .menu-item > a {
            padding: 19px 15px 0 15px;
        }

        .secondary-navigation .menu .menu-item:nth-child(2) .arrow {
            min-width: 1080px;
            left: -465px;
        }

        .secondary-navigation .menu .menu-item:nth-child(2) .submenu {
            min-width: 1080px;
            left: -900px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

    .page-title {
        top: 4vw;
    }

    .zipcode-page-layout .page-title {
        width: 100%;
        left: auto;
    }

        .zipcode-page-layout .page-title h1 {
            padding-left: 50px;
            font-size: 3.9vw;
            line-height: 3.6vw;
            width: 27%;
        }

            .zipcode-page-layout .page-title h1 .indent {
                padding-left: 0;
            }

    .search {
        padding-left: 0;
    }

    #search-bar .outer {
        width: 50%;
        margin: 0 auto;
    }
    /*.k-animation-container{width:100% !important;left:0 !important;padding:0 60px 0 26px;box-sizing:border-box;}*/
    .k-animation-container {
        width: 50% !important;
        margin: 0 auto !important;
    }

    div[id^=searchPlaceholder].k-popup.k-list-container {
        width: 100% !important;
        min-width: initial;
        min-width: 200px !important;
        box-sizing: border-box;
    }

    div[id^=searchMobilePlaceholder].k-popup.k-list-container { /*width:100% !important;position:relative !important;*/
        display: none !important;
    }

    .k-animation-container .k-nodata {
        padding: 0px 6px;
    }

    .banner .sfimagesList {
        height: auto;
    }

    .apps-landing-page-layout .banner .sfimageWrp,
    .contact-us-page-layout .banner .sfimageWrp,
    .downloads-page-layout .banner .sfimageWrp,
    .media-center-page-layout .banner .sfimageWrp,
    .aia-ceu-page-layout .banner .sfimageWrp,
    .find-pro-page-layout .banner .sfimageWrp,
    .standard-page-layout .banner .sfimageWrp,
    .article-page-layout .banner .sfimageWrp,
    .product-page-layout .banner .sfimageWrp,
    .our-history-page-layout .banner .sfimageWrp,
    .locate-dealer-page-layout .banner .sfimageWrp,
    .team-tamko-registration-page-layout .banner .sfimageWrp,
    .team-tamko-page-layout .banner .sfimageWrp {
        overflow: hidden;
        height: auto;
        margin-left: -6.75%;
        margin-right: -6.75%;
    }

        .apps-landing-page-layout .banner .sfimageWrp img,
        .contact-us-page-layout .banner .sfimageWrp img,
        .downloads-page-layout .banner .sfimageWrp img,
        .media-center-page-layout .banner .sfimageWrp img,
        .aia-ceu-page-layout .banner .sfimageWrp img,
        .find-pro-page-layout .banner .sfimageWrp img,
        .standard-page-layout .banner .sfimageWrp img,
        .article-page-layout .banner .sfimageWrp img,
        .product-page-layout .banner .sfimageWrp img,
        .our-history-page-layout .banner .sfimageWrp img,
        .locate-dealer-page-layout .banner .sfimageWrp img,
        .team-tamko-registration-page-layout .banner .sfimageWrp img,
        .team-tamko-page-layout .banner .sfimageWrp img {
            display: block;
            opacity: 0;
            height: auto;
        }

    .home-page-layout .banner .sfimagesList .sfimageListItem {
        overflow: hidden;
    }

        .home-page-layout .banner .sfimagesList .sfimageListItem a {
            height: auto;
        }

            .home-page-layout .banner .sfimagesList .sfimageListItem a[id$='_singleItemLink'] {
                margin-left: -6.75%;
                margin-right: -6.75%;
            }

            .home-page-layout .banner .sfimagesList .sfimageListItem a img {
                display: block;
                opacity: 0;
            }

    .home-page-layout .banner .sfimagesList li .description {
        font-size: 45px;
        line-height: 45px;
    }

    .colors-page-layout .banner .sfimagesList .sfimageListItem {
        overflow: hidden;
    }

        .colors-page-layout .banner .sfimagesList .sfimageListItem a {
            height: auto;
        }

            .colors-page-layout .banner .sfimagesList .sfimageListItem a[id$='_singleItemLink'] {
                margin-left: -6.75%;
                margin-right: -6.75%;
            }

            .colors-page-layout .banner .sfimagesList .sfimageListItem a img {
                display: block;
                opacity: 0;
            }

    .careers-page-layout .banner .bio-background {
        width: auto;
        height: auto;
        background-image: none !important;
        overflow: hidden;
        margin-left: -6.75%;
        margin-right: -6.75%;
    }

        .careers-page-layout .banner .bio-background img {
            display: block;
            opacity: 1;
            width: 100%;
            height: auto;
        }

    .careers-page-layout .banner .sfimagesList {
        height: auto;
    }

        .careers-page-layout .banner .sfimagesList .sfimageListItem {
            overflow: hidden;
        }

            .careers-page-layout .banner .sfimagesList .sfimageListItem a {
                height: auto;
            }

                .careers-page-layout .banner .sfimagesList .sfimageListItem a[id$='_singleItemLink'] {
                    margin-left: -6.75%;
                    margin-right: -6.75%;
                }

                .careers-page-layout .banner .sfimagesList .sfimageListItem a img {
                    display: block;
                    opacity: 0;
                }

    .careers-page-layout .banner .bio-background-left {
        height: 100%;
    }

    .careers-page-layout .banner .bio-background-right {
        height: 100%;
    }

    .careers-page-layout .banner .tamko-careers h1 {
        font-size: 3.2vw;
        margin-bottom: 2vw;
        line-height: 3.4vw;
    }

    .careers-page-layout .banner .tamko-careers p {
        font-size: 1.4vw;
        line-height: 2.4vw;
    }

    .careers-page-layout .banner .sfimagesList li .description {
        font-size: 1.2vw;
        line-height: 1.8vw;
    }

    .careers-page-layout .banner .tamko-careers {
        height: auto;
        padding: 4vw 50px;
        width: 30%;
    }

    .careers-page-layout .grey-bar .sfimagesList {
        height: auto;
    }

    .careers-page-layout .sf_cols.quotes .sfContentBlock { /*font-size:1.2vw; line-height:1.6vw;*/
        font-size: .8vw;
        line-height: 1.4vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols:first-of-type .sfContentBlock {
        font-size: .8vw;
        line-height: 1.4vw;
    }

    .house-gallery-page-layout .banner .sfimagesList .sfimageListItem {
        overflow: hidden;
    }

        .house-gallery-page-layout .banner .sfimagesList .sfimageListItem a {
            height: auto;
        }

            .house-gallery-page-layout .banner .sfimagesList .sfimageListItem a[id$='_singleItemLink'] {
                margin-left: -6.75%;
                margin-right: -6.75%;
            }

            .house-gallery-page-layout .banner .sfimagesList .sfimageListItem a img {
                display: block;
                opacity: 0;
            }

    .styles-page-layout .house-visualizer {
        height: auto;
        max-height: none;
        background-color: #FFFFFF;
    }

        .styles-page-layout .house-visualizer #house {
            overflow: hidden;
            height: 57vw;
            margin-left: -6.75%;
            margin-right: -6.75%;
        }

            .styles-page-layout .house-visualizer #house img {
                display: block;
                opacity: 0;
                height: auto;
            }

        .styles-page-layout .house-visualizer .tabbed-content {
            width: 100%;
            left: 0
        }

            .styles-page-layout .house-visualizer .tabbed-content .content {
                width: 100%;
            }

                .styles-page-layout .house-visualizer .tabbed-content .content #intro-content h3 {
                    font-size: 2vw;
                    line-height: 2.3vw;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p strong {
                    font-size: 2.1vw;
                    line-height: 2.1vw;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p {
                    font-size: 1.1vw;
                    line-height: 1.5vw;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style {
                    width: 45%;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color {
                    width: 41%;
                }

                    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider {
                        width: 90%;
                    }

                    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .lSAction > .lSPrev {
                        top: 70%;
                    }

                    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .lSAction > .lSNext {
                        top: 70%;
                    }

                .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .text h2 {
                    font-size: 2.1vw;
                    line-height: 2.1vw;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .pad {
                    padding: 30px 13%;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons {
                    white-space: nowrap;
                    font-size: 1.1vw;
                    line-height: 2.0vw;
                }

                    .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons .social {
                        width: 18%;
                    }

    .styles-page-layout .shingle-details .intro .details .long-name {
        margin: 0;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
        font-size: 1.43vw;
        line-height: 1.8vw;
        position: relative;
        display: block;
    }

    .styles-page-layout .shingle-details .intro .details .tagline {
        font-size: 1.43vw;
        line-height: 1.8vw;
        font-style: italic;
        margin: 10px 0;
        display: block;
    }

    .styles-page-layout .shingle-details .intro .details .description {
        letter-spacing: 1px;
        display: block;
        font-size: 1.07vw;
        line-height: 1.7vw;
    }

    #footer .inner {
        width: 100%;
        max-width: 920px;
    }

    .home-page-layout .tiles-two-col {
        display: none;
    }

    .home-page-layout .tiles-one-col {
        display: none;
    }

    .blue-bar .sfContentBlock {
        width: 100%;
        max-width: 1024px;
    }

    .colors-page-layout .banner .sfimagesList {
        height: auto;
    }

    .color-family {
        position: relative;
    }

        .color-family .galleries {
            width: 78%;
            height: auto;
            max-width: 1258px;
            max-height: 813px;
            position: relative;
            overflow: hidden;
            display: inline-block;
        }

            .color-family .galleries .large {
                width: auto;
                height: auto;
                max-width: 1258px;
                max-height: 526px;
                position: relative;
                overflow: hidden;
            }

                .color-family .galleries .large > img {
                    opacity: 0;
                }

            .color-family .galleries .row {
                overflow: hidden;
                margin: 0;
            }

            .color-family .galleries .medium {
                float: right;
                width: 61%;
                height: auto;
                max-width: 768px;
                max-height: 317px;
            }

            .color-family .galleries .small {
                float: left;
                width: 39%;
                height: auto;
                max-width: 490px;
                max-height: 317px;
            }

            .color-family .galleries .fade ul {
                position: relative;
            }

                .color-family .galleries .fade ul li {
                    opacity: 0;
                    position: relative;
                    left: 0;
                    top: 0;
                    padding: 0;
                    -webkit-transition: 1s;
                    -moz-transition: 1s;
                    -o-transition: 1s;
                    transition: 1s;
                }

                    .color-family .galleries .fade ul li:not(:first-of-type) {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                    .color-family .galleries .fade ul li a {
                        cursor: default;
                    }

                    .color-family .galleries .fade ul li.visible {
                        opacity: 1;
                    }

        .color-family .side-bar {
            color: #FFFFFF;
            text-align: center;
            width: 22%;
            display: inline-block;
        }

            .color-family .side-bar a {
                color: #FFFFFF;
            }

            .color-family .side-bar .name {
                margin-top: 114px;
            }

            .color-family .side-bar .browse {
                font-size: 1.1vw;
            }

    .colors-page-layout .outer .side-bar {
        width: 22%;
    }

    .color-details .slider {
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
    }

    .color-details .arrows {
        top: 20vw;
    }

        .color-details .arrows .previous {
            width: 12vw;
            background-size: 4vw;
            padding-top: 11vw;
            font-size: 1.4vw;
            line-height: 1.5vw;
        }

        .color-details .arrows .next {
            width: 7vw;
            background-size: 4vw;
            padding-top: 11vw;
            font-size: 1.4vw;
            line-height: 1.5vw;
        }

    .color-details .details {
        width: 40%;
    }

    .color-family .side-bar .name {
        font-size: 1.6vw;
    }

    .products-layout .product .product-content .product-description {
        padding-left: 20px;
    }

    .products-layout .product .product-content .product-details-title {
        padding-left: 20px;
        padding-right: 48px;
        background-position: 155px;
    }

    .accessories-banner h3 {
        font-size: 55px;
        line-height: 50px;
        margin-top: 0;
    }

    .accessories-banner p {
        margin-top: 20px;
    }

    .accessories-banner .accessories-banner-background {
        background-image: none !important;
        height: auto;
    }

        .accessories-banner .accessories-banner-background > img {
            opacity: 1;
        }

    .accessories-banner .accessory-tiles {
        width: 100%;
        bottom: 26px;
    }

        .accessories-banner .accessory-tiles a {
            width: 19%;
            margin-right: 1%;
        }

            .accessories-banner .accessory-tiles a .title {
                padding-left: 20px;
            }

            .accessories-banner .accessory-tiles a .number {
                left: 6px;
            }

    .find-pro .zipcode {
        width: 100%;
    }

        .find-pro .zipcode .form {
            background-color: #555555;
            background-image: none;
            /* position: relative; */
            /* margin-top: -35%; */
            max-width: none;
            /* padding-bottom: 0; */
        }

            .find-pro .zipcode .form .field {
                width: 300px;
            }

            .find-pro .zipcode .form .label {
                width: 300px;
            }

            .find-pro .zipcode .form .row.action {
                /* padding-bottom: 30px; */
            }

    .find-pro .map {
        width: 40%;
        height: 400px;
    }

    .find-pro .search-contractors .zipcode {
        margin-right: 26px;
    }

    .find-pro .search-contractors .radius > .radius {
        margin-right: 0;
    }

    .find-pro .search-contractors .action .search {
        margin-right: 26px;
    }
/* 
    .find-pro-page-layout .grey-bar .table {
        font-size: 0.95vw;
        line-height: 1.1vw;
    }

        .find-pro-page-layout .grey-bar .table th {
            padding: 0.4vw 0.9vw;
        }

            .find-pro-page-layout .grey-bar .table th:last-child {
                padding: 0.4vw 2.2vw;
            }

        .find-pro-page-layout .grey-bar .table td {
            padding: 0.4vw 0.9vw;
        }

            .find-pro-page-layout .grey-bar .table td strong {
                line-height: 1.3vw;
            }

            .find-pro-page-layout .grey-bar .table td em {
                font-size: 0.8vw;
                line-height: 0.9vw;
            }

        .find-pro-page-layout .grey-bar .table tr td:first-of-type em {
            font-size: 0.9vw;
            line-height: 1.1vw;
        } */

    /*.locate-dealer .search-dealers .zipcode { margin-right:2vw;padding-left:3vw; }
    .locate-dealer .search-dealers .radius { margin-right:.5vw; }*/

    .zipcode-page-layout .sf_cols.form {
        left: 30%;
    }

    .house-gallery-page-layout .banner .sfimagesList {
        height: auto;
    }

    .house-gallery-page-content h2.sfmediaFieldTitle {
        font-size: 1.6vw;
        line-height: 1.6vw;
    }

    .house-gallery-page-content ul li.sfimagesTmb img {
        width: 100%;
        height: auto;
    }

    .house-gallery-page-content .sf_1col_1in_100 > div {
        margin: 1.8vw;
        padding: 1.44vw;
    }

    .house-gallery-page-content .hp-ww-v-1 {
        width: 25%;
        height: auto;
    }

        .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
            width: 60%;
        }

    .house-gallery-page-content .h-bw-h {
        width: 25%;
        height: auto;
        top: 41vw;
    }

    .house-gallery-page-content .hw-as-s {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .hp-ww-v-2 {
        width: 25%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .hv-c-h {
        width: 60%;
        height: auto;
    }

    .house-gallery-page-content .hw-ww-v {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: 60%;
        height: auto;
    }

    .house-gallery-page-content .hv-c-v {
        width: 25%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 60%;
        height: auto;
    }

    .house-gallery-page-content .hv-ww-h {
        width: 25%;
        height: auto;
        margin-top: 4.6vw !important;
    }

    .house-gallery-page-content .hv-ww-v {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .hw-aw-h {
        width: 60%;
        height: auto;
    }

    .house-gallery-page-content .h-ww-h {
        width: 25%;
        height: auto;
        top: 255vw;
    }

    .house-gallery-page-content .hv-ww-s {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .hv {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .hw {
        width: 25%;
        height: auto;
    }

    .house-gallery-page-content .hph {
        width: 25%;
        height: auto;
        float: right !important;
        margin-top: 2.8vw !important;
    }

    .house-gallery-page-content .egs {
        width: 25%;
        height: auto;
        float: right !important;
        margin-top: 40px !important;
    }

    .house-gallery-page-content .mw {
        width: 25%;
        height: auto;
        top: 157vw;
    }

    .fancybox-wrap {
        width: auto !important;
    }

    .our-history-page-layout .page-title {
        width: 100%;
        top: 3.5vw;
    }

        .our-history-page-layout .page-title h1 {
            font-size: 3.5vw;
        }

    .downloads-page-layout .page-title {
        width: 80%;
        margin: 0;
        top: 3.5vw;
    }

        .downloads-page-layout .page-title h1 {
            font-size: 3.5vw;
            padding-left: 80px;
        }

    .downloads-page-content .info {
        width: 16%;
        padding-left: 2vw;
    }

        .downloads-page-content .info h2 {
            line-height: 2vw;
        }

    .downloads-page-content .logos-wrapper .blocks .block {
        font-size: 1.1vw;
    }

        .downloads-page-content .logos-wrapper .blocks .block .uses {
            font-size: 1vw;
        }

    .downloads-page-layout .search-container {
        width: 50%;
    }

    .downloads-page-layout .sfsearchBox .sfsearchTxt {
        width: 70%;
        max-width: 70%;
    }

    .download-gallery-subnav-bar .tabs .tab {
        font-size: 1.2vw;
        margin-left: 4vw;
        padding: 0 0 0 1vw;
    }

    .download-gallery-subnav-bar .subnav .outer {
        width: 99%;
    }

    .download-gallery-subnav-bar .subnav .menu-item {
        padding: 7px 10px;
        font-size: 1.1vw;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-1 {
        width: 8%;
        margin-left: 50px;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-2 {
        width: 8%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-3 {
        width: 5%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-4 {
        width: 7%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-5 {
        width: 8%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-6 {
        width: 7%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-7 {
        width: 10%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-8 {
        width: 7%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-9 {
        width: 9%;
        padding: 16px 0;
        position: relative;
        top: -9px;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-10 {
        width: 7%;
    }

    .accessories-banner .play-video-container {
        width: 25%;
    }

    .accessories-banner .accessory-tiles a .title {
        font-size: 1.2vw;
    }

    .accessories-banner p {
        margin-top: 1.2vw;
        font-size: 1.2vw;
        line-height: 1.6vw;
    }

    .media-center-page-layout .blue-bar .sfContentBlock {
        width: 100%;
        padding: 0;
        max-width: 100%;
    }

    .media-center-page-layout .blue-bar p {
        padding: 0 50px;
    }

    .media-center-page-layout .page-title {
        width: 100%;
        top: 3.5vw;
    }

        .media-center-page-layout .page-title h1 {
            font-size: 3.5vw;
        }

    .team-tamko-registration-page-layout .banner > .outer {
        z-index: 99;
    }

    .edit-profile .team-tamko-page-content input[type=submit] {
        float: none;
    }

        .edit-profile .team-tamko-page-content input[type=submit].update-profile {
            float: none;
            margin: 20px 0 0 0;
        }

        .edit-profile .team-tamko-page-content input[type=submit].cancel {
            float: none;
            margin: 20px 0 0 0;
        }

    .rewards-form .team-tamko-page-content input[type=submit] {
        float: none;
    }

        .rewards-form .team-tamko-page-content input[type=submit].update-profile {
            float: none;
            margin: 20px 0 0 0;
        }

        .rewards-form .team-tamko-page-content input[type=submit].cancel {
            float: none;
            margin: 20px 0 0 0;
        }


    .get-noticed .sf_4cols_1_25 .sfContentBlock {
        margin-right: 20px;
    }

    .get-noticed .sf_4cols_2_25 .sfContentBlock {
        margin-right: 20px;
    }

    .get-noticed .sf_4cols_3_25 .sfContentBlock {
        margin-right: 20px;
    }

    .get-noticed .sf_4cols_4_25 .sfContentBlock {
        margin-right: 20px;
    }

    .apps-landing-page-layout .grey-bar .outer {
        margin: 0 auto;
    }

    .apps-landing-page-layout .light-grey-bar .outer {
        margin: 0 auto;
    }
}

@media (max-width: 1576px) {
    .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
        width: 58%;
    }

    .house-gallery-page-content .hv-c-h {
        width: 58%;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: 58%;
        height: auto;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 58%;
        height: auto;
    }

    .house-gallery-page-content .hv-ww-h {
        width: 25%;
        height: auto;
        margin-top: 5vw !important;
    }

    .house-gallery-page-content .hw-aw-h {
        width: 58%;
        height: auto;
    }
}

@media (max-width: 1521px) {
    .color-details .slider .slide {
        height: auto;
    }
}

@media (max-width: 1504px) {
    .house-gallery-page-content .hv-c-v {
        margin-left: 0 !important;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors {
        width: 100%;
    }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider {
            width: 95%;
            position: relative;
        }
}

@media (max-width: 1484px) {
    .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
        width: 56%;
    }

    .house-gallery-page-content .mw + .sfContentBlock {
        width: 28%;
    }

    .house-gallery-page-content .hv-c-h {
        width: 56%;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: 56%;
        height: auto;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 56%;
        height: auto;
    }

    .house-gallery-page-content .hv-ww-h {
        width: 25%;
        height: auto;
        margin-top: 5vw !important;
    }

    .house-gallery-page-content .hw-aw-h {
        width: 56%;
        height: auto;
    }

    .house-gallery-page-content .h-ww-h {
        top: 250vw;
    }

    .team-tamko-page-layout .page-title {
        width: 60%;
    }

        .team-tamko-page-layout .page-title h1 {
            font-size: 50px;
        }

            .team-tamko-page-layout .page-title h1 span {
                font-size: 68px;
            }

                .team-tamko-page-layout .page-title h1 span:first-of-type {
                    margin-left: 12vw;
                }

    .team-tamko-page-layout .page-title {
        left: 5vw;
    }

    /*.get-noticed .sf_4cols_1_25 h3 { font-size:2vw; }
    .get-noticed .sf_4cols_2_25 h3 { font-size:2vw; }
    .get-noticed .sf_4cols_3_25 h3 { font-size:2vw; }
    .get-noticed .sf_4cols_4_25 h3 { font-size:2vw; }*/
    .team-tamko-page-content .button.extra-margin {
        width: 90%;
        max-width: 130px;
        padding: 0 3vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick {
        width: 85%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone {
        width: 85%;
    }

    .styles-page-layout .blue-bar .sfContentBlock h1 {
        font-size: 4.4vw;
    }

    .styles-page-layout .sub-nav a {
        min-width: 70px;
    }
}

@media (max-width: 1450px) {
    #search-bar .popular-searches .keyword {
        font-size: 14px;
    }
}

@media (max-width: 1430px) {
    .accessories-banner .accessory-tiles a {
        min-height: 130px;
        height: auto;
    }

    .download-gallery-subnav-bar .subnav .outer {
        width: 99%;
    }

    .download-gallery-subnav-bar .subnav.tab-1 .menu-item#menu-item-1-1 {
        width: 10%;
        margin-left: 1vw;
    }

    .downloads-page-content .logos-wrapper .logo-thumbnails .sfContentBlock {
        height: 18vw;
        border-right: 5px solid #FFFFFF;
    }

        .downloads-page-content .logos-wrapper .logo-thumbnails .sfContentBlock img {
            max-width: 100%;
        }

    .styles-page-layout .shingle-details .tabbed-content .content #technical-content table td {
        width: 100%;
        display: block;
    }

        .styles-page-layout .shingle-details .tabbed-content .content #technical-content table td:nth-child(2) {
            width: 100%;
        }

        .styles-page-layout .shingle-details .tabbed-content .content #technical-content table td h4:first-of-type {
            margin-top: 20px;
        }

    #shingleConstruction {
        left: 0;
    }

    .team-tamko-subnav-bar .subnav {
        width: 93%;
    }

    .team-tamko-page-layout .team-tamko-container {
        height: auto;
        padding: 3vw;
    }

        .team-tamko-page-layout .team-tamko-container p {
            padding-top: 3vw;
            line-height: 2.4vw;
            width: auto;
            font-size: 1.4vw;
        }
}

@media (max-width: 1360px) {
    .main-navigation .menu .menu-item:first-child > a {
        padding: 0 0 0 10px;
    }

    .main-navigation .menu .menu-item:nth-child(2) > span {
        padding: 0 0 0 10px;
    }

    .main-navigation .menu .menu-item:nth-child(3) > a {
        padding: 0 0 0 5px;
    }

    .main-navigation .menu .menu-item:nth-child(4) > span {
        padding: 0 0 0 10px;
    }

    .main-navigation .menu .menu-item:last-child > span {
        padding: 0 0 0 10px;
    }

    .color-family .side-bar .name {
        margin-top: 80px;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
        font-size: 22px;
        letter-spacing: 2px;
        background-color: #FFFFFF;
        color: #000000;
        line-height: 90px;
        text-transform: uppercase;
    }

    .color-family .side-bar .tagline {
        text-transform: uppercase;
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 40px;
        margin-bottom: 44px;
        margin-top: 4px;
    }

    .color-family .side-bar .browse {
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 34px;
        padding: 0 15px;
        border: 1px solid #FFFFFF;
        display: inline-block;
        cursor: pointer;
    }

    .color-family .side-bar .view-all {
        font-style: italic;
        text-transform: uppercase;
        line-height: 20px;
        font-size: 16px;
        letter-spacing: 1px;
        padding-top: 20px;
    }

    .colors-page-layout .showing-results {
        font-size: 12px;
    }

    .find-pro .search-contractors .action .search {
        padding: 0 26px;
    }

    .find-pro .search-contractors .action .why-pro {
        padding: 0 26px;
    }

    .accessories-banner h3 {
        font-size: 4.3vw;
        line-height: 4.0vw;
        margin-top: 0;
    }

    .house-gallery-page-content .mw {
        width: 25%;
        height: auto;
        top: 155vw;
    }

    .aia-ceu-page-layout .sf_colsOut.form input[type=checkbox] + label {
        font-size: 1.1vw;
    }

    .team-tamko-registration-page-content .row .col:nth-child(2) .cell {
        padding-left: 8%;
    }

    .team-tamko-registration-page-content .error-message {
        font-size: 14px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content li.active img {
        border: 3px solid #4c7896; /*top:-2px;*/
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style li.active img {
        border: 3px solid #4c7896;
    }
    /* .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color { width: 28%; } */
    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider li.active img {
        border: 3px solid #4c7896;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction > .lSPrev {
        top: 5.2vw;
        width: 24px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction > .lSNext {
        top: 5.2vw;
        width: 24px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick li.active img {
        border: 3px solid #4c7896;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction > .lSPrev {
        top: 5vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction > .lSNext {
        top: 5vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone li.active img {
        border: 3px solid #4c7896;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction > .lSPrev {
        top: 5vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction > .lSNext {
        top: 5vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li .title {
        padding-right: 0;
        font-size: 1vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li img {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li.active img {
        border: 3px solid #4c7896; /*top:-2px;*/
    }
    /* .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li.active .title { top:-4px; } */
    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .pad {
        padding: 10px 40px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .title {
        padding-right: 0;
        font-size: 1vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .crop {
        border: 3px solid transparent;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li.active .crop {
        border: 3px solid #4c7896;
        top: 0px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li.active .title {
        top: 0px;
    }

    .apps-landing-page-layout .grey-bar .content .sfContentBlock {
        padding-right: 40px;
    }

    .apps-landing-page-layout .light-grey-bar .content .sfContentBlock {
        padding-right: 40px;
    }

    .apps-landing-page-layout .light-grey-bar .footnote .sfContentBlock {
        padding: 0 26px;
    }
}

@media (max-width: 1304px) {
    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick {
        width: 80%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone {
        width: 80%;
    }
}
/*------------------------------------------------------------------------------------------------------------
 TABLET - Responsive styles for specific elements on this site - BREAKPOINT 1024PX
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1279px) {

    .main-navigation .heading {
        letter-spacing: 9px;
    }

    .main-navigation .menu .menu-item > a {
        font-size: 13px;
    }

    .main-navigation .menu .menu-item > span {
        font-size: 13px;
    }

    .main-navigation .menu .menu-item:first-child .icon {
        display: none;
    }

    .main-navigation .menu .menu-item:nth-child(2) .icon {
        display: none;
    }

    .main-navigation .menu .menu-item:nth-child(3) .icon {
        display: none;
    }

    .main-navigation .menu .menu-item:nth-child(4) .icon {
        display: none;
    }

    .main-navigation .menu .menu-item:last-child .icon {
        display: none;
    }

    .main-navigation .menu .menu-item:first-child > a {
        padding: 0;
        background-image: none;
        width: 66px;
    }

    .main-navigation .menu .menu-item:nth-child(2) > span {
        padding: 0;
        background-image: none;
        width: 75px;
    }

    .main-navigation .menu .menu-item:nth-child(3) > a {
        padding: 0;
        background-image: none;
        width: 109px;
    }

    .main-navigation .menu .menu-item:nth-child(4) > span {
        padding: 0;
        background-image: none;
        width: 86px;
    }

    .main-navigation .menu .menu-item:last-child > span {
        padding: 0;
        background-image: none;
        width: 106px;
    }

    .main-navigation .sfNavHorizontalDropDown > li:first-child > a {
        width: auto;
        background-image: none;
        padding: 0 10px;
    }

    .main-navigation .sfNavHorizontalDropDown > li:nth-child(2) > a {
        width: auto;
        background-image: none;
        padding: 0 10px;
    }

    .main-navigation .sfNavHorizontalDropDown > li:nth-child(3) > a {
        width: auto;
        background-image: none;
        padding: 0 10px;
    }

    .main-navigation .sfNavHorizontalDropDown > li:nth-child(4) > a {
        width: auto;
        background-image: none;
        padding: 0 10px;
    }

    .main-navigation .sfNavHorizontalDropDown > li:last-child > a {
        width: auto;
        background-image: none;
        padding: 0 10px;
    }

    .secondary-navigation .menu .menu-item > a {
        padding: 19px 10px;
        font-size: 13px;
    }

    .secondary-navigation .menu .menu-item > span {
        padding: 19px 10px;
        font-size: 13px;
    }

    .secondary-navigation .sfNavHorizontalDropDown > li > a {
        padding: 19px 10px 0 10px;
    }

    .secondary-navigation .menu .menu-item:nth-child(2) .arrow {
        min-width: 900px;
        left: -400px;
    }

    .secondary-navigation .menu .menu-item:nth-child(2) .submenu {
        min-width: 1080px;
        left: -888px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .search .icon {
        width: 30px;
        height: 30px;
    }

        .search .icon img {
            right: 0;
        }

    .tile {
        margin-bottom: 35px;
        padding: 20px;
    }

        .tile h3 {
            font-size: 22px;
            line-height: 22px;
            letter-spacing: 2px;
        }

            .tile h3 sup {
                font-size: 12px;
                top: 0px;
            }

        .tile p {
            font-size: 16px;
            line-height: 20px;
        }

        .tile a {
            display: block;
            border: none;
            text-decoration: underline;
        }

    .home-page-layout .products .sf_3cols_1_33 .sf_3col_1in_33 .tile {
        margin-right: 25px
    }

    .home-page-layout .products .sf_3cols_2_34 .sf_3col_2in_34 .tile {
        margin: 0 25px 35px 25px;
    }

    .home-page-layout .products .sf_3cols_3_33 .sf_3col_3in_33 .tile {
        float: none;
        margin-left: 25px
    }

    .squares {
        line-height: 20px;
        letter-spacing: 0;
    }

        .squares a {
            width: 94px;
            height: 88px; /*height:45px;padding-top:43px;*/
            font-size: 12px;
        }
            /*.squares a.color {background-size:29px auto;background-position:8px 8px;}
    .squares a.style {background-size:32px auto;background-position:6px 6px;}
    .squares a.gallery {background-size:30px auto;background-position:4px 2px;}
    .squares a.pro {background-size:18px auto;background-position:8px 8px;}*/
            .squares a span {
                font-size: 18px;
            }

            .squares a.color .icon {
                width: 30px;
                height: 32.08px;
                padding: 7px 0 3px 8px;
            }

            .squares a.style .icon {
                width: 37px;
                height: 39.58px;
                padding: 2px 0 0 6px;
            }

            .squares a.gallery .icon {
                width: 37px;
                height: 39.58px;
                padding: 2px 0 0 2px;
            }

            .squares a.pro .icon {
                width: 25px;
                height: 37.61px;
                padding: 4px 0 0 5px;
            }

    .home-page-layout .inner h2 {
        margin-top: 64px;
    }

    .home-page-layout .banner .sfimagesList li .description {
        font-size: 45px;
        line-height: 45px;
    }

    .blue-bar .sfContentBlock {
        width: 740px;
    }

    .featured-page h3 {
        letter-spacing: 2px;
        padding-right: 18px;
    }

    .featured-page .overlay {
        left: 22px;
        top: 22px;
        width: 87%;
    }

    .featured-page p {
        margin: 16px 0 18px;
    }

    .features .sf_colsOut:nth-child(even) .featured-page .overlay {
        bottom: 24px;
    }

    .home-page-layout .products {
        display: none;
    }

    .home-page-layout .tiles-one-col {
        display: none;
    }

    .home-page-layout .tiles-two-col {
        padding-top: 48px;
        display: block;
        width: 907px;
        margin: 0 auto;
    }

        .home-page-layout .tiles-two-col .col-1 {
            float: left;
            width: 446px;
        }

        .home-page-layout .tiles-two-col .col-2 {
            float: right;
            width: 446px;
        }

    .colors-page-layout .outer .side-bar {
        width: 25%;
    }

        .colors-page-layout .outer .side-bar .name {
            font-size: 20px;
            letter-spacing: 1px;
        }

        .colors-page-layout .outer .side-bar .showing-results {
            font-size: 14px;
            letter-spacing: 0;
            width: 180px;
            margin: 0 auto;
            top: -50px;
        }

    .colors-page-layout .play-video {
        width: 90px;
        top: 0px;
        left: 264px;
    }

    .colors-page-layout .banner .sfimagesList li .description {
        font-size: 45px;
        line-height: 45px;
    }

    .color-family .galleries {
        width: 75%;
    }

    .color-family .side-bar .tagline {
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .color-family .side-bar .browse {
        font-size: 14px;
    }

    .scroll-down-nobg img, .scroll-up-nobg img {
        top: -75px;
    }

    .subnavbar ul {
        padding: 16px 1% 4px 1%;
    }

        .subnavbar ul li {
            font-size: 14px;
            padding: 0 10px;
        }

    .products-layout .product .product-content .product-description {
        padding-bottom: 12px;
    }

    .products-layout .product a.locate {
        padding: 0 18px;
    }

    .styles-page-layout .blue-bar .sfContentBlock h1 {
        font-size: 60px;
    }

    .styles-page-layout .blue-bar .play-video {
        left: 315px;
    }

    .find-pro .intro {
        width: 100%;
    }

    .find-pro .search-contractors {
        width: 100%;
        display: block;
    }

    .find-pro .contractors {
        min-height: unset;
        padding-bottom: 40px;
    }

    .find-pro .map {
        width: 100%;
        float: none;
    }

    .ui-dialog.request-quote-modal {
        width: 1000px !important;
    }

    .contact-us-page-layout .info h2 {
        line-height: 28px;
    }

    .contact-us-page-layout .info {
        width: 34%;
    }

    .contact-us-page-layout .sf_colsOut.form {
        width: 66%;
    }

        .contact-us-page-layout .sf_colsOut.form input {
            box-sizing: border-box;
        }

            .contact-us-page-layout .sf_colsOut.form input.small {
                width: 100%;
            }

        .contact-us-page-layout .sf_colsOut.form select {
            width: 100%;
        }

        .contact-us-page-layout .sf_colsOut.form .col {
            width: 100%;
        }

            .contact-us-page-layout .sf_colsOut.form .col:first-child .field {
                padding-right: 0;
            }

            .contact-us-page-layout .sf_colsOut.form .col .row .col {
                width: 50%;
            }

                .contact-us-page-layout .sf_colsOut.form .col .row .col:first-child .field {
                    padding-right: 30px;
                }

    table#radContactTopic td {
        display: block;
    }

    .contact-us-page-layout .districts {
        background-color: transparent;
        display: block;
    }

        .contact-us-page-layout .districts .district {
            width: 33%;
            margin-bottom: 22px;
            box-sizing: border-box;
            display: block;
            float: left;
        }

    .accessories-banner .play-video-container {
        width: 34%;
    }

    .accessories-banner .accessory-tiles-outer {
        display: none;
    }

    .accessories-banner p {
        margin-top: 1.7vw;
        font-size: 1.7vw;
        line-height: 2vw;
    }

    .product-subheader > .inner {
        width: unset;
        margin: 0 10px;
    }

    .locate-dealer .outer .inner .intro-right {
        text-align: center;
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 570px;
    }

        .locate-dealer .outer .inner .intro-right img {
            width: 100%;
            height: auto;
        }

    .locate-dealer .map {
        float: none;
        margin-bottom: 0;
    }

    .locate-dealer .outer .inner .intro {
        width: 100%;
        padding-top: 25px;
    }

    .locate-dealer .outer .inner .search-dealers .search-bar {
        height: auto;
        min-height: 60px;
        width: 100%;
        position: relative;
    }

    .locate-dealer .search-dealers {
        width: 100%;
    }

        .locate-dealer .search-dealers .action {
            float: none;
            overflow: auto;
            margin-top: 15px;
            position: relative;
            left: 0;
            bottom: 0;
        }

            .locate-dealer .search-dealers .action .search {
                float: left;
            }

    .locate-dealer .canadian-residents {
        float: none;
        display: inline-block;
    }

    .locate-dealer .search-results div:nth-child(2) {
        padding-top: 15px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .tabs {
        font-size: 80%;
    }

        .styles-page-layout .house-visualizer .tabbed-content .tabs .tab#shingle-color {
            width: 142px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .tabs .tab#print-share {
            width: 122px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .tabs .tab#see-on-home {
            width: 185px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .tabs .tab .title {
            font-size: 14px;
        }

    .styles-page-layout .blue-bar .inner {
        padding: 0 50px;
    }

    .styles-page-layout .blue-bar .sf_2cols_2_67 {
        width: 50%;
    }

    .styles-page-layout .sub-nav a {
        position: static;
    }

    .styles-page-layout .shingle-details .intro .container {
        display: block;
    }

    .styles-page-layout .shingle-details .intro .action {
        width: 100%;
        display: block;
    }

        .styles-page-layout .shingle-details .intro .action .roof-visualizer-button {
            padding: 20px 20px 20px 50%;
            background-position-x: calc(50% - 72.5px);
        }

        .styles-page-layout .shingle-details .intro .action .roofing-accessories-button {
            padding: 20px 54% 20px 20px;
            background-position-x: calc(50% + 120px);
            text-align: right;
            height: 120px;
        }

        .styles-page-layout .shingle-details .intro .action .find-a-pro {
            width: 100%;
        }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content table td:last-child {
        padding-top: 0;
    }

    .styles-page-layout .shingle-details .intro .container .slider {
        margin: 0 auto; /*width:80%;*/
    }

    .styles-page-layout .shingle-details .tabbed-content .content table {
        width: 100%;
    }

        .styles-page-layout .shingle-details .tabbed-content .content table td {
            display: block;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content table {
        margin: 0;
    }

        .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content table td {
            display: block;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content ul {
        text-align: left;
        max-width: 500px;
        margin: 0 auto 15px auto;
        padding-left: 26px;
    }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .heritage-text {
        padding: 20px 0 0 0;
        max-width: 100%;
    }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .elite-glass-seal-text {
        padding: 20px 0 0 0;
    }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #literature-content h4 {
        margin-top: 20px;
    }

    .styles-page-layout .shingle-details .tabbed-content .content #literature-content table td:nth-child(3) {
        margin-top: 20px;
    }

    .styles-page-layout .shingle-details .tabbed-content .content table td {
        padding: 0;
    }

    #shingleConstruction {
        margin: 0 auto 50px auto;
    }

    .blocks .sfContentBlock p {
        padding-top: 20%;
    }

    .careers-page-layout .slideshow .sfimagesList {
        height: auto;
    }

    .careers-page-layout .white-bar .sfContentBlock {
        width: 80%;
    }

    .careers-page-layout .light-grey-bar .sfContentBlock {
        width: 80%;
    }

    .careers-page-layout .grey-bar .sfContentBlock {
        width: 80%;
    }

    .careers-page-layout .black-bar .sfContentBlock {
        width: 80%;
    }

    .careers-page-layout .sf_cols.quotes .sfContentBlock {
        font-size: 1.4vw;
        line-height: 2vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols:first-of-type .sfContentBlock {
        font-size: 1.4vw;
        line-height: 2vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_2cols_1_50 {
        float: none;
        width: 100%;
    }

    .careers-page-layout .sf_cols.quotes .sf_2cols_2_50 {
        float: none;
        width: 100%;
        font-size: 1.4vw;
    }

    .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
        width: 59%;
    }

    .house-gallery-page-content .hv-c-h {
        width: 59%;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: 59%;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 59%;
    }

    .house-gallery-page-content .hw-aw-h {
        width: 59%;
    }

    .house-gallery-page-content .h-bw-h {
        width: 25%;
        height: auto;
        top: 41vw;
    }

    .house-gallery-page-content .h-ww-h {
        width: 25%;
        height: auto;
        top: 248vw;
    }

    .house-gallery-page-content .mw {
        width: 25%;
        height: auto;
        top: 153vw;
    }

    .house-gallery-page-content .egs {
        width: 25%;
        height: auto;
        margin-top: 2vw !important;
    }

    .house-gallery-page-content .mw + .sfContentBlock {
        width: 25%;
    }

    .house-gallery-page-content .hv-ww-h {
        margin-top: 3vw !important;
    }

    .our-history-page-layout .blue-bar .sf_cols .sfContentBlock h3 {
        font-size: 1.6vw;
    }

    .our-history-page-layout .blue-bar .sfContentBlock p {
        padding: 0 1vw;
    }

    .our-history-page-layout .blue-bar + .white-bar .sfContentBlock h3 {
        font-size: 1.6vw;
    }

    .our-history-page-layout .blue-bar + .white-bar .sfContentBlock p {
        font-size: 1.6vw;
    }

    .our-history-page-layout .grey-bar + .white-bar .sfContentBlock p {
        width: 80%;
    }

    .article-page-layout .page-title .lede {
        font-size: 3vw;
        position: relative;
        left: -20%;
        top: -40px;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
    }

    .team-tamko-registration-page-content .inner {
        padding: 0 50px;
    }

    .team-tamko-registration-page-content .col {
        float: none;
        width: 100%;
    }

        .team-tamko-registration-page-content .col:nth-child(2) {
            padding-right: 0;
        }

    .team-tamko-registration-page-content .row .col {
        float: left;
        width: 60%;
    }

        .team-tamko-registration-page-content .row .col:nth-child(2) {
            float: left;
            width: 40%;
        }

    .team-tamko-registration-page-content .sfregisterFormWrp .sfregisterEmail {
        padding-top: 15px;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sfContentBlock .button:nth-of-type(even) {
        margin-left: 0;
    }

    .aia-ceu-page-layout .info h2 {
        line-height: 28px;
    }

    .aia-ceu-page-layout .info {
        width: 34%;
    }

    .aia-ceu-page-layout .sf_colsOut.form {
        width: 66%;
    }

        .aia-ceu-page-layout .sf_colsOut.form input {
            box-sizing: border-box;
        }

            .aia-ceu-page-layout .sf_colsOut.form input.small {
                width: 100%;
            }

        .aia-ceu-page-layout .sf_colsOut.form select {
            width: 100%;
        }

        .aia-ceu-page-layout .sf_colsOut.form .col {
            width: 100%;
        }

            .aia-ceu-page-layout .sf_colsOut.form .col:first-child .field {
                padding-right: 0;
            }

            .aia-ceu-page-layout .sf_colsOut.form .col .row .col {
                width: 50%;
            }

                .aia-ceu-page-layout .sf_colsOut.form .col .row .col:first-child .field {
                    padding-right: 30px;
                }

    table#radPreferredMethodOfContact td {
        display: block;
    }

    .aia-ceu-page-layout .sf_colsOut.form input[type=checkbox] + label {
        font-size: 16px;
    }

    .aia-ceu-page-layout .sf_colsOut.form #chkInterest td {
        width: 100%;
        display: block;
    }

    .team-tamko-registration-page-layout .gm-tamko-rewards-container {
        display: none;
    }
}

@media (max-width: 1265px) {
    .downloads-page-content .logos-wrapper .blocks .block {
        display: block;
        margin: 5px 0;
        width: 90%;
        font-size: 18px;
    }

        .downloads-page-content .logos-wrapper .blocks .block .uses {
            font-size: 16px;
        }

    .team-tamko-page-layout .page-title {
        width: 50%;
    }

        .team-tamko-page-layout .page-title h1 {
            font-size: 3.4vw;
            line-height: 3.4vw;
        }

            .team-tamko-page-layout .page-title h1 span {
                font-size: 4vw;
                line-height: 4.5vw;
            }
}

@media (max-width: 1250px) {
    .color-details .sub-nav a {
        font-size: .8vw;
        min-width: 40px;
    }
}

@media (max-width: 1184px) {
    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li img {
        top: -5vw;
    }
}

@media (max-width: 1160px) {
    .team-tamko-subnav-bar {
        height: 11.2vw;
    }

        .team-tamko-subnav-bar .tabs {
            top: -2.4vw;
        }

            .team-tamko-subnav-bar .tabs .tab {
                font-size: 2.4vw;
                line-height: 4vw;
                width: 20%;
                margin: 0;
            }

        .team-tamko-subnav-bar .subnav .menu-item {
            font-size: 2.4vw;
            line-height: 3vw;
        }
}

@media (max-width: 1080px) {
    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style {
        width: 41%;
    }

    .edit-profile .team-tamko-page-content .inner {
        padding: 40px 26px;
    }

    .edit-profile .team-tamko-page-content .col {
        padding: 0;
        float: none;
        width: 100%;
        clear: both;
    }

        .edit-profile .team-tamko-page-content .col.left {
            padding: 0;
            float: none;
            width: 100%;
        }


    .rewards-form .team-tamko-page-content .inner {
        padding: 40px 26px;
    }

    .rewards-form .team-tamko-page-content .col {
        padding: 0;
        float: none;
        width: 100%;
        clear: both;
    }

        .rewards-form .team-tamko-page-content .col.left {
            padding: 0;
            float: none;
            width: 100%;
        }
}
/*------------------------------------------------------------------------------------------------------------
 MOBILE - Responsive styles for specific elements on this site - BREAKPOINT 320PX
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1023px) {
    body {
        min-width: 320px;
    }

    .inner {
        padding: 0 26px;
    }

    .banner {
        overflow: hidden
    }

    #header .inner .logo {
        width: 94px;
        height: 42px;
        top: 6px;
    }

    #team-tamko-login .sfSubmitBtnWrp, .secondary-navigation .sfSubmitBtnWrp {
        right: 0;
    }

    .secondary-navigation .menu .menu-item .submenu .submenu-group .submenu-item.register {
        float: none;
        position: relative;
        left: 138px;
        top: 10px;
    }

    #header .right .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko .submenu-item {
        position: relative;
    }

    .secondary-navigation .welcome-name {
        top: -24px;
        color: #000000;
    }

    .page-title h1 {
        font-size: 4vw;
        line-height: 4vw;
    }

    .home-page-layout {
        padding-bottom: 0;
    }

        .home-page-layout .banner {
            background-color: #fdfeff;
        }

        .home-page-layout .inner h2 {
            margin-top: 73px;
            line-height: 42px;
        }
        /*.home-page-layout .banner .outer{background-color:#e5e5e5;}*/
        .home-page-layout .squares {
            position: relative;
            bottom: auto;
            left: auto;
            width: 260px;
            margin: 0 auto;
            text-align: center;
            line-height: 22px;
            padding: 6px 0 34px 0;
        }

            .home-page-layout .squares a {
                margin: 6px 4px 4px 4px;
                width: 109px;
                height: 105px; /*height:50px;padding-top:55px;*/
                font-size: 14px;
            }

                .home-page-layout .squares a span {
                    font-size: 18px;
                }
    /*.home-page-layout .squares a.color {background-size:37px auto;background-position:10px 10px;}
    .home-page-layout .squares a.style {background-size:40px auto;background-position:8px 8px;}
    .home-page-layout .squares a.gallery {background-size:37px auto;background-position:4px 4px;}
    .home-page-layout .squares a.pro {background-size:22px auto;background-position:10px 10px;}*/
    .squares a.color .icon {
        width: 40px;
        height: 42.78px;
        padding: 7px 0 3px 8px;
    }

    .squares a.style .icon {
        width: 45px;
        height: 48.13px;
        padding: 5px 0 0 8px;
    }

    .squares a.gallery .icon {
        width: 47px;
        height: 50.27px;
        padding: 2px 0 0 2px;
    }

    .squares a.pro .icon {
        width: 30px;
        height: 45.14px;
        padding: 7px 0 0 7px;
    }

    .home-page-layout .products {
        display: none;
    }

    .home-page-layout .tiles-two-col {
        display: none;
    }

    .home-page-layout .tiles-one-col {
        padding-top: 14px;
        display: block;
        width: 100%;
        max-width: 446px;
        margin: 0 auto;
    }

        .home-page-layout .tiles-one-col .tile {
            text-align: center;
        }

            .home-page-layout .tiles-one-col .tile p {
                display: none;
            }

            .home-page-layout .tiles-one-col .tile .images img {
                padding-bottom: 14px
            }

    .home-page-layout .banner .sfimagesList li .description {
        font-size: 32px;
        line-height: 32px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(1) .description {
        top: 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(2) .description {
        top: 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(3) .description {
        top: 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(4) .description {
        top: 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(1) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(2) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(3) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(4) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .blue-bar {
        padding: 73px 0;
        font-size: 20px;
    }

        .blue-bar .sfContentBlock {
            width: 100%;
            padding: 0 26px;
            box-sizing: border-box;
        }

            .blue-bar .sfContentBlock h2 {
                line-height: 36px;
            }

    .line-break {
        margin: 14px auto;
    }

    .features .sf_4cols_1_25, .features .sf_4cols_2_25, .features .sf_4cols_3_25, .features .sf_4cols_4_25 {
        float: none;
        width: 100%;
        height: 272px;
        overflow: hidden;
    }

    .features .sf_colsOut:nth-child(even) .featured-page .overlay {
        bottom: auto;
        top: 22px;
    }

    .features .featured-page h3 {
        padding-right: 84px;
    }

    .colors-page-layout .outer .side-bar {
        width: 22%;
        position: relative;
        top: -20px;
    }

        .colors-page-layout .outer .side-bar .showing-results {
            font-size: 14px;
            letter-spacing: 1px;
            width: auto;
            top: -30px;
        }

    .colors-page-layout .play-video-container {
        position: relative;
        top: 0;
    }

    .colors-page-layout .play-video {
        width: 80px;
        top: 8px;
        left: auto;
        right: 26px;
    }

    .colors-page-layout .sub-nav-container {
        position: relative;
        top: 0;
    }

    .colors-page-layout .sub-nav {
        position: relative;
        top: auto;
        left: auto;
        display: table;
        width: 100%;
        padding: 0
    }

        .colors-page-layout .sub-nav div {
            display: table-cell;
            left: 0 !important;
            width: 16.67%;
            border-right: 0;
        }

            .colors-page-layout .sub-nav div:last-child {
                border-right: solid 1px #636363;
            }

    .colors-page-layout .banner .sfimagesList li .description {
        font-size: 32px;
        line-height: 32px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(1) .description {
        top: 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(2) .description {
        top: 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(3) .description {
        top: 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(4) .description {
        top: 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(1) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(2) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(3) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .colors-page-layout .banner .sfimagesList li:nth-child(4) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .color-family {
        display: table;
        width: 100%;
    }

        .color-family .galleries {
            display: table-footer-group;
            width: 100%;
        }

            .color-family .galleries .row {
                display: none;
            }

        .color-family .side-bar {
            display: table-header-group;
            width: 100% !important;
            top: 0;
        }

            .color-family .side-bar .name {
                line-height: 28px;
                padding: 24px 0 4px 0;
                margin-top: 0;
                color: #ffffff !important;
            }

            .color-family .side-bar .tagline {
                display: none;
            }

            .color-family .side-bar .browse {
                border: 0;
                text-decoration: underline;
            }

            .color-family .side-bar .view-all {
                padding-top: 8px;
                padding-bottom: 4px;
            }

    .colors-page-layout .outer .side-bar {
        width: 100%;
        top: 0;
    }

    .colors-page-layout .red-colors .color-family .side-bar .name {
        background-color: #7d2a0a;
    }

    .colors-page-layout .red-colors .color-family .side-bar .browse:hover {
        background-color: #7d2a0a;
    }

    .colors-page-layout .earth-tone-colors .color-family .side-bar .name {
        background-color: #554632;
    }

    .colors-page-layout .earth-tone-colors .color-family .side-bar .browse:hover {
        background-color: #554632;
    }

    .colors-page-layout .grey-colors .color-family .side-bar .name {
        background-color: #707070;
    }

    .colors-page-layout .grey-colors .color-family .side-bar .browse:hover {
        background-color: #707070;
    }

    .colors-page-layout .green-colors .color-family .side-bar .name {
        background-color: #1e3716;
    }

    .colors-page-layout .green-colors .color-family .side-bar .browse:hover {
        background-color: #1e3716;
    }

    .colors-page-layout .metal-colors .color-family .side-bar .name {
        background-color: #193e5e;
    }

    .colors-page-layout .metal-colors .color-family .side-bar .browse:hover {
        background-color: #193e5e;
    }

    .colors-page-layout .all-colors .color-family .side-bar .name {
        background-color: #e8e9e9;
        color: #000000 !important;
    }

    .colors-page-layout .all-colors .color-family .side-bar .browse:hover {
        background-color: #e8e9e9;
    }

    .colors-page-layout .all-colors .color-family .side-bar .browse {
        border: 0;
    }

    .scroll-down-nobg, .scroll-up-nobg {
        display: none;
    }

        .scroll-down-nobg img, .scroll-up-nobg img {
            z-index: 0;
        }

    .color-family .color-swatches .swatches {
        padding: 62px 1px;
        text-align: center;
    }

    .color-details .arrows {
        top: 57vw;
    }

        .color-details .arrows .previous {
            width: 8vw;
            background-size: 3vw;
            padding-top: 8vw;
            background-position: 3vw top;
            padding-left: 10px;
        }

        .color-details .arrows .next {
            width: 8vw;
            background-size: 3vw;
            padding-top: 8vw;
            background-position: 2.5vw top;
            padding-right: 10px;
        }

    .color-details .sub-nav {
        position: relative;
        top: auto;
        left: auto;
        display: table;
        width: 100%;
        padding: 0;
    }

        .color-details .sub-nav a {
            font-size: 11px;
            min-width: 80px;
        }

        .color-details .sub-nav div {
            display: table-cell;
            left: 0 !important;
            width: 16.67%;
            border-right: 0;
        }

            .color-details .sub-nav div:last-child {
                border-right: solid 1px #636363;
            }

    .color-details .details {
        position: relative;
        top: 0;
        bottom: auto;
        width: 100%;
    }

        .color-details .details .name {
            margin-top: 0;
            padding-top: 12px;
        }

    #footer .social-buttons {
        text-align: center;
    }

    .zipcode-page-layout .page-title {
        left: 50%;
        width: 276px;
        margin-left: -138px;
        top: -660px;
    }

        .zipcode-page-layout .page-title h1 {
            width: 100%;
            padding-left: 0;
            font-size: 38px;
            line-height: 40px;
        }
    /* .zipcode-page-layout .page-title h1 .indent { } */
    .zipcode-page-layout .sf_cols.form {
        left: 50%;
        width: 230px;
        margin-left: -138px;
        top: 130px;
    }

        .zipcode-page-layout .sf_cols.form .row {
            overflow: hidden;
        }

        .zipcode-page-layout .sf_cols.form .label {
            width: auto;
            padding-bottom: 5px;
            text-align: left;
        }

    .zipcode-page-layout .zipcode .form .field {
        width: auto;
    }

    .zipcode-page-layout .zipcode .form .row.action .label {
        top: 0;
        margin-top: 10px;
    }

    .zipcode-page-layout .grey-bar .sf_2cols_1_25 {
        width: 100%;
        float: none;
    }

    .zipcode-page-layout .grey-bar .sf_2cols_2_75 {
        width: 100%;
        float: none;
        padding: 0;
    }

    .zipcode-page-layout .grey-bar .sfContentBlock {
        padding: 50px;
    }

        .zipcode-page-layout .grey-bar .sfContentBlock h3 {
            width: 100%;
        }

    .zipcode-page-layout .grey-bar .line-break {
        width: 100%;
    }

    .zipcode-page-layout .zipcode .form .error-message {
        margin-left: 0;
    }


    /*********************************/
    /*        HAMBURGER MENU         */
    /*********************************/
    #header .inner .right {
        display: none;
        width: 100%;
        float: none;
        position: absolute;
        left: 0;
        top: 53px;
        z-index: 9999999;
    }

    #header .right .main-navigation {
        float: none;
        height: auto;
        border: 0;
        background-color: #4c7896;
    }

        #header .right .main-navigation .heading {
            letter-spacing: 8px;
            padding-top: 2px;
        }

        #header .right .main-navigation .menu-item {
            border: 0;
            float: none;
            border-bottom: solid 1px #ffffff;
            text-align: center;
        }

            #header .right .main-navigation .menu-item a, #header .right .main-navigation .menu-item > span {
                width: auto;
                font-size: 16px;
                background-image: none;
                padding-left: 0;
            }

        #header .right .main-navigation .menu .menu-item:hover .arrow {
            display: none;
        }

        #header .right .main-navigation .menu .menu-item.open > a, #header .right .main-navigation .menu .menu-item.open > span {
            background-color: #4c7896;
        }

        #header .right .main-navigation .menu .menu-item .submenu {
            display: none;
            color: #ffffff;
            position: relative;
            border: 0;
            background-image: none;
            top: 0;
            padding: 0;
            border: 0 !important;
            background-color: #ffffff;
            font-size: 14px;
            text-align: left;
        }

            #header .right .main-navigation .menu .menu-item .submenu h3 {
                font-size: 13px;
                text-transform: uppercase;
                color: #020202;
                padding: 1px 0;
            }

                #header .right .main-navigation .menu .menu-item .submenu h3 a, #header .right .main-navigation .menu .menu-item .submenu h3 span {
                    color: #020202;
                }

            #header .right .main-navigation .menu .menu-item .submenu .submenu-group {
                width: 200px;
                margin: 0 auto;
            }

            #header .right .main-navigation .menu .menu-item .submenu .submenu-item {
                padding: 1px 0 1px 12px;
            }

                #header .right .main-navigation .menu .menu-item .submenu .submenu-item a {
                    font-size: 13px;
                    color: #020202;
                }

        #header .right .main-navigation .menu .menu-item > a:hover, #header .right .main-navigation .menu .menu-item.open > a, #header .right .main-navigation .menu .menu-item > span:hover, #header .right .main-navigation .menu .menu-item.open > span {
            background-color: #4c7896;
        }

    #header .right .secondary-navigation {
        width: auto;
        height: auto;
        float: none;
    }

        #header .right .secondary-navigation .menu .menu-item {
            float: none;
            background-color: #0a3b66;
            border-bottom: solid 1px #ffffff;
        }

            #header .right .secondary-navigation .menu .menu-item > span {
                padding: 0;
                font-size: 16px;
            }

            #header .right .secondary-navigation .menu .menu-item .submenu {
                display: none;
                color: #ffffff;
                position: relative;
                border: 0;
                background-image: none;
                top: 0;
                padding: 0;
                border: 0 !important;
                background-color: #ffffff;
                font-size: 14px;
                text-align: left;
            }

                #header .right .secondary-navigation .menu .menu-item .submenu h3 {
                    font-size: 13px;
                    text-transform: uppercase;
                    color: #020202;
                    padding: 1px 0;
                }

                    #header .right .secondary-navigation .menu .menu-item .submenu h3 span {
                        color: #020202;
                    }

                #header .right .secondary-navigation .menu .menu-item .submenu .submenu-group {
                    width: 200px;
                    margin: 0 auto;
                }

                #header .right .secondary-navigation .menu .menu-item .submenu .submenu-item {
                    padding: 1px 0 1px 12px;
                }

                    #header .right .secondary-navigation .menu .menu-item .submenu .submenu-item a {
                        font-size: 13px;
                        color: #020202;
                    }

            #header .right .secondary-navigation .menu .menu-item:hover .arrow {
                display: none;
            }

            #header .right .secondary-navigation .menu .menu-item.open > a {
                background-color: #0a3b66
            }

            #header .right .secondary-navigation .menu .menu-item > span:hover, #header .right .secondary-navigation .menu .menu-item.open > span {
                background-color: #0a3b66;
            }

    #header .search {
        display: none;
    }

    #header .right .search-mobile {
        background-color: #4c7896;
        padding: 12px 0;
    }

        #header .right .search-mobile .search-mobile-form {
            height: 34px;
            position: relative;
            padding-right: 60px;
        }

            #header .right .search-mobile .search-mobile-form input[type=text] {
                height: 34px;
                text-indent: 6px;
                border: 0;
                width: 100%;
                outline: 0;
                padding: 0;
            }

            #header .right .search-mobile .search-mobile-form #btnMobileSearch {
                cursor: pointer;
                position: absolute;
                right: 26px;
                top: 0;
                background-color: #0a3b66; /*background: #0a3b66 url('/custom/websitetemplates/tamko/app_themes/tamko/images/tamko/icon-search.png') no-repeat center;*/
                width: 34px;
                height: 34px;
            }

            #header .right .search-mobile .search-mobile-form input[type=submit] {
                display: none;
            }

    #header .search-mobile-button {
        position: absolute !important;
        top: 15px;
        right: 26px;
    }

        #header .search-mobile-button .icon {
            width: 28px;
            height: 23px;
            display: block;
            background: url('../png/hamburger_open.png') no-repeat;
            cursor: pointer;
        }

        #header .search-mobile-button.close .icon {
            background-image: url('../png/hamburger_close.png');
        }

    #header .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko .sub-submenu .submenu-item a {
        color: #959595;
    }

    #header .secondary-navigation.logged-in .menu .menu-item .submenu .submenu-group.team-tamko .sub-submenu .submenu-item a {
        color: #020202;
    }

    .main-navigation .menu .menu-item .submenu {
        left: 0;
    }

    .main-navigation .menu .menu-item:nth-child(4) .arrow {
        min-width: inherit;
        left: 0;
    }

    .main-navigation .menu .menu-item:nth-child(4) .submenu {
        min-width: inherit;
        left: 0;
    }

    .main-navigation .menu .menu-item .submenu .col {
        float: none;
        width: inherit;
    }

    .secondary-navigation .menu .menu-item .submenu {
        left: 0;
    }

        .secondary-navigation .menu .menu-item .submenu .col {
            float: none;
            width: inherit;
        }

    .secondary-navigation .menu .menu-item:nth-child(1) .submenu {
        left: 0;
        min-width: inherit;
    }

        .secondary-navigation .menu .menu-item:nth-child(1) .submenu .col {
            width: 100%;
        }

    .secondary-navigation .menu .menu-item:nth-child(2) .submenu {
        left: 0;
        min-width: inherit;
    }

        .secondary-navigation .menu .menu-item:nth-child(2) .submenu .col {
            float: none;
            width: inherit;
        }

            .secondary-navigation .menu .menu-item:nth-child(2) .submenu .col:nth-child(2) {
                float: none;
                width: inherit;
            }

            .secondary-navigation .menu .menu-item:nth-child(2) .submenu .col:nth-child(3) {
                float: none;
                width: inherit;
            }

    .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko .sub-submenu .col:first-child {
        width: 100%;
    }

    .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko .sub-submenu .col:nth-child(2) {
        width: 100%;
    }


    #header .right .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko {
        width: 100%;
        padding: 20px 0;
    }

        #header .right .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko h3 {
            width: 200px;
            margin: 0 auto;
        }

        #header .right .secondary-navigation .menu .menu-item .submenu .submenu-group.team-tamko .submenu-item {
            padding: 1px 0;
            width: 200px;
            margin: 0 auto;
        }

    .accessories-banner .overlay {
        top: 15px;
    }

    .accessories-banner h3 {
        font-size: 5.2vw;
        line-height: 5.2vw;
        margin-top: 0;
    }

    .accessories-banner .accessory-tiles {
        display: none;
    }
    /*.accessories-banner .overlay > span {display:none;}
      .accessories-banner .overlay .play-video-container{display:none;}*/

    .subnavbar {
        position: relative;
        display: table;
        width: 100%;
        height: 55px;
        box-sizing: border-box;
        cursor: pointer;
        border-bottom: solid 1px #ffffff;
        background: #4c7896 url('../png/scroll-down-nobg.png') no-repeat 98% 24px;
        text-align: left;
        padding: 8px 32px 8px 40px;
        background-size: 24px;
    }

        .subnavbar.active {
            background-image: url('../png/scroll-up-nobg.png');
        }

    .subnavbar-cell {
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .subnavbar h2 {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 24px;
    }

    .subnavbar ul {
        display: none;
    }

    .subnavbar + .products-nav-section {
        display: none;
    }

    .subnavbar .number {
        display: block;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
        color: #000000;
        border: solid 2px #4c7896;
        background-color: #ffffff;
        border-radius: 12px;
        position: absolute;
        top: 16px;
        left: 9px;
        width: 20px;
        line-height: 20px;
        text-align: center;
    }

    .products-layout .sf_colsOut.sf_2cols_1_50 {
        float: none;
        padding: 0 26px;
        width: auto;
    }

    .products-layout .sf_colsOut.sf_2cols_2_50 {
        float: none;
        padding: 0 26px;
        width: auto;
    }

    .products-layout .product .product-image {
        display: none;
        float: none;
        width: auto;
        text-align: center;
    }

    .products-layout .product .product-content {
        float: none;
        width: auto;
        padding-top: 0px;
    }

    .find-pro .zipcode .form .row {
        padding: 0 26px;
    }

    .find-pro .zipcode .form .cell {
        display: block;
        padding-top: 26px;
    }

        .find-pro .zipcode .form .cell .label {
            width: auto;
            font-size: 24px;
            text-align: left;
            padding-right: 0;
        }

        .find-pro .zipcode .form .cell .field {
            width: auto;
            padding-top: 12px;
        }

    .find-pro .contractors {
        padding-top: 26px;
    }

    .find-pro-page-layout .grey-bar h1 {
        font-size: 5vw;
        line-height: 6vw;
    }

    .find-pro-page-layout .grey-bar .video {
        float: none;
        margin: 30px auto 30px 0;
        width: 100%;
    }

    .find-pro-page-layout .grey-bar p:first-of-type {
        padding-bottom: 30px;
    }

    /* .find-pro-page-layout .grey-bar .table {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
        max-width: none;
    }

        .find-pro-page-layout .grey-bar .table th {
            width: 20%;
        }

            .find-pro-page-layout .grey-bar .table th:first-of-type {
                width: 40%;
            }

        .find-pro-page-layout .grey-bar .table + h2 {
            max-width: none;
        } */

    .find-pro-page-layout .grey-bar p.note {
        padding: 30px 0;
    }

    .ui-dialog.request-quote-modal {
        width: 80% !important;
    }

    .find-pro-form .form {
        height: auto;
    }

        .find-pro-form .form .col {
            width: 100%;
            float: none;
        }

        .find-pro-form .form .action {
            float: none;
            text-align: right;
        }

        .find-pro-form .form table[id='radPreferredContactMethod'] {
            width: 50%;
        }

    .customer-portal .button {
        padding: 2px 8px;
    }

    .contact-us-page-layout .districts .district {
        width: 50%
    }

        .contact-us-page-layout .districts .district .address-phone {
            color: #FFFFFF !important;
        }

    .contact-us-page-layout .info .sfContentBlock {
        padding: 50px 26px;
    }

    .contact-us-page-layout .sf_colsOut.form .col .row .col {
        width: 100%;
    }

        .contact-us-page-layout .sf_colsOut.form .col .row .col:first-child .field {
            padding-right: 0px;
        }

    .contact-us-page-layout .sf_colsOut.form .action {
        margin-top: 40px;
    }

    .accessories-banner .accessory-tiles-outer {
        display: none;
    }

    .locate-dealer-page-layout .banner .sfimageWrp {
        margin: 0;
    }

    .locate-dealer .outer .inner .intro-right {
        width: 100%;
        max-width: 570px;
    }

    .locate-dealer .search-dealers .zipcode {
        margin-right: 20px;
    }
    /* .locate-dealer .canadian-residents{} */
    .locate-dealer .dealer {
        width: 100%;
    }

    .styles-page-layout .house-visualizer .tabbed-content {
        width: auto;
        padding: 26px;
        position: relative;
    }

        .styles-page-layout .house-visualizer .tabbed-content .tabs {
            width: 100%;
        }

            .styles-page-layout .house-visualizer .tabbed-content .tabs .tab {
                float: none;
                display: list-item;
                background-color: #FFFFFF;
                text-align: left;
                list-style: none;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content > div {
            height: auto;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content .hide {
            display: none;
        }
        /* .styles-page-layout .house-visualizer .tabbed-content .content #intro-content {  } */
        .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .pad {
            padding: 0;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #intro-content h3 {
            float: none;
            width: 100%;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style {
            width: 100%;
            float: none;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style .container {
                margin-left: 0;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p strong {
                font-size: 2.1vw;
                line-height: 3vw;
                margin-bottom: 7px;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p {
                font-size: 2.1vw;
                line-height: 3vw;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .pad {
            padding: 10px 90px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .exterior-type {
            display: block;
            float: none;
            text-align: center;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .exterior-type .input {
                display: inline-block;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .exterior-type strong {
                display: none;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style {
            position: initial;
            display: block;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style {
            width: 100%;
            margin-top: 0;
            padding: 0;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style .lSAction .lSPrev {
                top: 112px;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style .lSAction .lSNext {
                top: 112px;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style li {
                max-width: none !important;
                margin-right: 10px !important;
            }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style li.active img {
                    border: 3px solid #4c7896;
                }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color {
            float: none;
            width: 100%;
            position: initial;
            margin-top: 20px;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider {
                width: 100%;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider {
                padding: 0;
            }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction .lSPrev {
                    left: 10px;
                    top: 238px;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction .lSNext {
                    right: 10px;
                    top: 238px;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider ul {
                    text-align: inherit;
                }

                .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider li {
                    max-width: none !important;
                    margin-right: 10px !important;
                }

                    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider li.active img {
                        border: 3px solid #4c7896;
                    }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick {
            width: 100%;
            padding: 0;
            margin: 0;
            float: none;
            position: initial;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick li.active img {
                border: 3px solid #4c7896;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction .lSPrev {
                top: 92px;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction .lSNext {
                top: 92px;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone {
            width: 100%;
            padding: 0;
            margin: 0;
            margin: 0;
            float: none;
            position: initial;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone li.active img {
                border: 3px solid #4c7896;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction .lSPrev {
                top: 92px;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction .lSNext {
                top: 92px;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content .pad {
            padding: 10px 90px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content .pad {
            padding: 20px 70px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content ul {
            padding-left: 0;
            padding-top: 2px;
            min-height: 80px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li .title {
            padding-right: 0;
            font-size: 1vw;
            line-height: 14px;
            white-space: normal;
            top: 4px;
            max-width: 142px;
        }
        /* .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li.active .title { top:2px }
    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li.active img { border:3px solid #4c7896; top:-2px; } */
        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content ul {
            padding-left: 0;
            padding-top: 2px;
            min-height: 80px;
        }
        /* .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li {} */
        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li img {
            top: -4.5vw;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .title {
            padding-right: 0;
            font-size: 1vw;
            line-height: 1.1vw;
            white-space: normal;
            top: 0;
            max-width: 146px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .crop {
            max-height: 45px !important;
            border: 3px solid transparent;
        }
        /* .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li.active img{}
    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li.active .title { } */
        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li.active .crop {
            border: 3px solid #4c7896;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider {
            width: 100%;
            padding: 0;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors {
            width: 100%;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider .lSAction .lSNext {
                right: -47px;
                top: 40%;
            }

            .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider .lSAction .lSPrev {
                left: -47px;
                top: 40%;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .pad {
            padding: 0;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .text {
            width: 100%;
            float: none;
            padding: 20px 0;
        }

            .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .text h2 {
                font-size: 27px;
                line-height: 27px;
            }

        .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons .social {
            width: 18%;
            margin: 5px 0;
            font-size: 14px;
            padding-top: 60px;
        }

        .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons {
            white-space: normal;
            width: 100%;
            text-align: left;
            float: none;
        }

    .styles-page-layout .shingle-details {
        margin-top: 0;
    }

        .styles-page-layout .shingle-details .intro .container {
            display: block;
            width: 100%;
        }

            .styles-page-layout .shingle-details .intro .container div {
                display: block;
            }

        .styles-page-layout .shingle-details .intro .details .inner {
            padding: 20px 26px;
        }

        .styles-page-layout .shingle-details .intro .details .long-name {
            font-size: 16px;
            line-height: 18px;
        }

        .styles-page-layout .shingle-details .intro .details .tagline {
            font-size: 16px;
            line-height: 18px;
        }

        .styles-page-layout .shingle-details .intro .details .description {
            font-size: 16px;
            line-height: 18px;
        }

        .styles-page-layout .shingle-details .intro .action .find-a-pro {
            width: 100%;
        }

        .styles-page-layout .shingle-details .intro .slider ul li img { /*height:325px;*/
            height: auto;
        }

        .styles-page-layout .shingle-details .intro .slider { /*height:325px;*/
            border: none;
        }

            .styles-page-layout .shingle-details .intro .slider .arrows {
                top: 160px;
            }

        .styles-page-layout .shingle-details .tabbed-content .tabs .tab#overview {
            width: 33.3%;
        }

        .styles-page-layout .shingle-details .tabbed-content .tabs .tab#literature {
            width: 33.3%;
        }

        .styles-page-layout .shingle-details .tabbed-content .tabs .tab#technical {
            width: 33.3%;
        }

        .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content img {
            margin: 0; /*margin-top:36px;*/
            width: auto;
        }

        .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content table td {
            display: block;
            margin: 0 auto;
            text-align: center;
            width: 90%;
        }

        .styles-page-layout .shingle-details .tabbed-content .content table td {
            display: block;
            width: 100%;
            padding-right: 0;
        }

        .styles-page-layout .shingle-details .tabbed-content .content table {
            font-size: 15px;
        }

        .styles-page-layout .shingle-details .tabbed-content {
            padding: 0;
        }

            .styles-page-layout .shingle-details .tabbed-content .content table td h4 {
                white-space: normal;
            }

            .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content table td:first-child img {
                width: 100%;
                max-width: 100%;
            }

            .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .heritage-text {
                padding: 20px 0 0 0;
            }

            .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .elite-glass-seal-text {
                padding: 20px 0 0 0;
            }

        .styles-page-layout .shingle-details .shingle-colors .americas-natural-colors {
            background-position: top;
            padding: 0;
            padding-top: 15.9vw;
            background-size: contain;
        }

        .styles-page-layout .shingle-details .shingle-colors .classic-colors {
            background-position: top;
            padding: 0;
            padding-top: 16vw;
            background-size: contain;
        }

        .styles-page-layout .shingle-details .shingle-colors .color-swatches .swatches {
            padding: 0;
        }

    .styles-page-layout .blue-bar .inner {
        padding: 0;
    }

    .styles-page-layout .blue-bar .sf_2cols_2_67 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .styles-page-layout .blue-bar .sfContentBlock h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .styles-page-layout .blue-bar .play-video {
        top: -43px;
        left: 22px;
    }

    .styles-page-layout .sub-nav a {
        position: static;
    }

    .careers-page-layout .banner .tamko-careers {
        padding: 2vw 26px;
        width: 25%;
    }

    .careers-page-layout .banner .sfimagesList li .description {
        width: 30%;
        left: 43%;
        margin-top: 3.5%;
        font-size: 1.7vw;
    }

    .blocks .sfContentBlock {
        font-size: 1.9vw;
        line-height: 3vw;
    }

    .careers-page-layout .blue-bar .sfContentBlock p {
        width: 100%;
    }

    .careers-page-layout .white-bar .sfContentBlock p {
        width: 100%;
    }

    .careers-page-layout .grey-bar .sfContentBlock p {
        width: 100%;
    }

    .careers-page-layout .light-grey-bar .sfContentBlock p {
        width: 100%;
    }

    .careers-page-layout .black-bar .sfContentBlock p {
        width: 100%;
    }

    .careers-page-layout .slideshow .sfimagesList {
        height: auto;
    }

    .blocks .sf_4cols_1_25, .blocks .sf_4cols_2_25, .blocks .sf_4cols_3_25, .blocks .sf_4cols_4_25 {
        float: none;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .blocks .sfContentBlock p {
        padding: 20px 26px;
        font-size: 16px;
        line-height: 24px;
    }

    .careers-page-layout .blue-bar .sfContentBlock h3 {
        font-size: 24px;
    }

    .careers-page-layout .blue-bar .sfContentBlock table tr {
        display: block;
    }

    .careers-page-layout .blue-bar .sfContentBlock table td {
        display: block;
        width: 100%;
        padding: 20px 0;
    }

    .careers-page-layout .blue-bar .sfContentBlock table .column-left {
        width: 100%;
    }

    .careers-page-layout .blue-bar .sfContentBlock h4 {
        font-size: 20px;
        margin-left: 20px;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .careers-page-layout .blue-bar .sfContentBlock table p {
        margin: 0 20px;
        line-height: 24px;
    }

    .careers-page-layout .blue-bar .sfContentBlock .button {
        margin-left: 20px;
        font-size: 16px;
        padding: 0;
        letter-spacing: normal;
        display: block;
        margin-right: 20px;
        text-align: center;
    }

    .careers-page-layout .blue-bar .sfContentBlock table .column-right {
        font-size: 16px;
        margin: 0 26px 20px 26px;
        padding: 0;
    }

    .careers-page-layout .white-bar .sfContentBlock h3 {
        font-size: 24px;
    }

    .careers-page-layout .white-bar .sfContentBlock table {
        margin-top: 10px;
    }

        .careers-page-layout .white-bar .sfContentBlock table tr {
            display: block;
        }

        .careers-page-layout .white-bar .sfContentBlock table td {
            display: block;
            width: 100%;
            padding: 20px 0 0 0;
        }

            .careers-page-layout .white-bar .sfContentBlock table td:nth-child(2) {
                padding: 0;
            }

    .careers-page-layout .grey-bar .sfContentBlock h3 {
        font-size: 24px;
    }

    .careers-page-layout .grey-bar .sf_2cols_1_50 {
        width: 100% !important;
        float: none;
    }

    .careers-page-layout .grey-bar .sf_2cols_2_50 {
        width: 100% !important;
        float: none;
    }

    .careers-page-layout .light-grey-bar .sfContentBlock h3 {
        font-size: 24px;
    }

    .careers-page-layout .light-grey-bar .sfContentBlock table {
        margin-top: 10px;
        width: 100%;
    }

        .careers-page-layout .light-grey-bar .sfContentBlock table tr {
            display: block;
        }

        .careers-page-layout .light-grey-bar .sfContentBlock table td {
            display: block;
            width: 100%;
            padding: 20px 0 0 0;
        }

            .careers-page-layout .light-grey-bar .sfContentBlock table td:nth-child(2) {
                width: 100%;
                padding: 0;
            }

    .careers-page-layout .black-bar .sfContentBlock h3 {
        font-size: 24px;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols:first-of-type + .sf_cols .sfContentBlock {
        padding-top: 0;
    }

    .house-gallery-page-content {
        padding: 0;
    }

    .house-gallery-page-layout .banner .sfimagesList li .description {
        font-size: 6vw;
        line-height: 5vw;
        top: 4vw;
    }

    .house-gallery-page-content .inner {
        padding: 0;
    }

    .house-gallery-page-content h2.sfmediaFieldTitle {
        font-size: 16px;
        line-height: 16px;
    }

    .house-gallery-page-content .h-bw-h {
        top: 39.9vw;
    }

    .house-gallery-page-content .mw {
        top: 150vw;
    }

    .house-gallery-page-content .h-ww-h {
        top: 242vw;
    }

    .our-history-page-layout .inner {
        padding: 0 26px;
    }

    .our-history-page-layout .page-title {
        left: auto;
        top: 8vw;
    }

        .our-history-page-layout .page-title h1 {
            display: inline;
            font-size: 32px;
        }

    .our-history-page-layout .white-bar {
        padding: 60px 0;
    }

        .our-history-page-layout .white-bar .sfContentBlock h2,
        .our-history-page-layout .blue-bar .sfContentBlock h2,
        .our-history-page-layout .grey-bar .sfContentBlock h2 {
            font-size: 24px;
            line-height: 32px;
        }

    .our-history-page-layout .blue-bar .sfContentBlock {
        padding: 0;
    }

        .our-history-page-layout .blue-bar .sfContentBlock p {
            padding: 0;
        }

    .our-history-page-layout .sf_2cols_1_50, .our-history-page-layout .sf_2cols_2_50,
    .our-history-page-layout .sf_3cols_1_33, .our-history-page-layout .sf_3cols_2_34, .our-history-page-layout .sf_3cols_3_33 {
        float: none;
        width: 100%;
    }

    .our-history-page-layout .sfContentBlock p {
        padding-right: 0;
        width: 100%;
    }

    .our-history-page-layout .sfContentBlock img {
        display: block !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .our-history-page-layout .white-bar .sf_cols .sf_2cols_2_50 .sfContentBlock img {
        margin-top: 40px;
    }

    .our-history-page-layout .blue-bar .sf_cols .sfContentBlock h3 {
        font-size: 24px;
    }

    .our-history-page-layout .sf_2cols_2_50 .sf_2cols_2in_50, .our-history-page-layout .sf_3cols_2_34 .sf_3cols_2in_34, .our-history-page-layout .sf_3cols_3_33 .sf_3cols_3in_33 {
        margin: 0;
    }

    .our-history-page-layout .blue-bar + .white-bar .sfContentBlock h3,
    .our-history-page-layout .blue-bar + .white-bar .sfContentBlock p {
        font-size: 18px;
    }

    .our-history-page-layout .grey-bar + .white-bar .sf_3cols_1_33 .sfimageWrp,
    .our-history-page-layout .grey-bar + .white-bar .sf_3cols_2_34 .sfimageWrp,
    .our-history-page-layout .grey-bar + .white-bar .sf_3cols_3_33 .sfimageWrp {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .our-history-page-layout .grey-bar + .white-bar .sfContentBlock p {
        width: 100%;
    }

    .our-history-page-layout .grey-bar + .white-bar .sfContentBlock img {
        margin-bottom: 0;
    }

    .our-history-page-layout .grey-bar + .white-bar .sfContentBlock p + h2 {
        margin-top: 60px;
    }

    .article-page-layout .call-to-action h4 {
        font-size: 1.6vw;
        line-height: 1.9vw;
    }

    .article-page-layout .call-to-action img {
        top: -30%;
        right: -5%;
    }

    .article-page-layout .page-title .lede {
        font-size: 3vw;
        position: relative;
        left: -15%;
        top: -35px;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
    }

    .team-tamko-registration-page-layout .login-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 25px;
        padding: 18px 30px;
        min-height: initial;
    }

        .team-tamko-registration-page-layout .login-container .col {
            float: none;
            width: 100%;
        }

            .team-tamko-registration-page-layout .login-container .col .login {
                padding-left: 0;
            }

            .team-tamko-registration-page-layout .login-container .col:first-child {
                display: none;
            }

            .team-tamko-registration-page-layout .login-container .col:nth-child(2) {
                padding-left: 0;
            }

        .team-tamko-registration-page-layout .login-container .sfContentBlock {
            text-align: center;
            display: none;
        }

    .team-tamko-registration-page-layout ol.sfLoginFieldsWrp {
        margin-top: 0;
    }

    .team-tamko-registration-page-layout .team-tamko-login-intro strong {
        font-size: 3.8vw;
    }

    .team-tamko-registration-page-layout .tamko-pro-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 200px;
        display: none;
    }

        .team-tamko-registration-page-layout .tamko-pro-container img {
            width: 25%;
        }

        .team-tamko-registration-page-layout .tamko-pro-container p br {
            display: none;
        }
        /*.team-tamko-registration-page-layout .tamko-pro-container .sfContentBlock img { width:25%; }
    .team-tamko-registration-page-layout .tamko-pro-container .sfContentBlock p br { display:none; }*/
        .team-tamko-registration-page-layout .tamko-pro-container p {
            font-size: 3vw;
            line-height: 3.2vw;
        }

        .team-tamko-registration-page-layout .tamko-pro-container .clear {
            display: none;
        }

    .team-tamko-registration-page-layout .team-tamko-login-intro {
        font-size: 2.8vw;
        text-align: center;
    }

    .team-tamko-registration-page-layout .join.button {
        font-size: 3vw;
        line-height: 3.3vw;
        margin-bottom: 20px;
    }

    .team-tamko-registration-page-layout .tamko-pro-container .learn-more.button.arrow-pull-left {
        top: 9vw;
        right: 30px;
        left: auto;
        font-size: 3vw;
    }
    /*.team-tamko-registration-page-layout .sfSubmitBtnWrp a.sfSubmitBtn:link { font-size:3.6vw; }
    .team-tamko-registration-page-layout .team-tamko-login a.sfLostPassword { font-size: 3.2vw;}
    .team-tamko-registration-page-layout .team-tamko-login .sfCheckBoxWrapper > label { font-size:3.2vw;line-height:3.2vw;}
    .team-tamko-registration-page-layout .team-tamko-login input.sfTxt { font-size:4vw;height:8vw; }*/


    .team-tamko-registration-page-layout .gm-tamko-rewards-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 200px;
        display: none;
    }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container img {
            width: 25%;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container p br {
            display: none;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container p {
            font-size: 3vw;
            line-height: 3.2vw;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container .clear {
            display: none;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container .learn-more.button.arrow-pull-left {
            top: 9vw;
            right: 30px;
            left: auto;
            font-size: 3vw;
        }


    .team-tamko-registration-page-layout .hovered-box-container {
        top: 3vw;
    }

    .team-tamko-registration-page-content .inner {
        padding: 0 26px;
    }

    .team-tamko-registration-page-content .reg-form-lede {
        width: 85%;
    }

    .team-tamko-registration-page-content .reg-form-details {
        width: 85%;
    }

    .team-tamko-registration-page-content .DropDown[id*='State'] {
        float: none;
    }

    .team-tamko-registration-page-content div[class*='DropDown'] {
        padding-right: 0;
        width: 100%;
    }

    .team-tamko-registration-page-content .sfregisterField[id*='zip'] {
        width: 100%;
        display: block;
    }

    .team-tamko-page-content .inner {
        padding: 40px 26px;
    }

    .team-tamko-page-layout .page-title {
        width: 100%;
        left: auto;
        text-align: center;
        margin: 0 auto;
    }

        .team-tamko-page-layout .page-title h1 {
            text-align: center;
        }

            .team-tamko-page-layout .page-title h1 span:first-of-type {
                margin-left: 0;
            }

    .team-tamko-page-layout .banner > .outer {
        width: 320px;
        margin: 0 auto;
    }

    .team-tamko-page-layout .team-tamko-container {
        width: 100%;
        max-width: 304px;
        top: 13vw;
        right: auto;
    }

    .team-tamko-page-content .sf_cols.bottom-aligned {
        padding-bottom: 0;
    }

        .team-tamko-page-content .sf_cols.bottom-aligned .sfContentBlock > .button {
            margin-bottom: 40px;
        }

        .team-tamko-page-content .sf_cols.bottom-aligned > .sf_colsOut {
            min-height: initial;
        }

    .get-noticed .team-tamko-page-content h3 {
        padding-top: 30px;
        line-height: 34px;
    }

    .get-noticed .sf_4cols_1_25, .get-noticed .sf_4cols_2_25, .get-noticed .sf_4cols_3_25, .get-noticed .sf_4cols_4_25 {
        float: none;
        width: 100%;
    }

        .get-noticed .sf_4cols_2_25 .sf_4cols_2in_25, .get-noticed .sf_4cols_3_25 .sf_4cols_3in_25, .get-noticed .sf_4cols_4_25 .sf_4cols_4in_25 {
            margin: 0;
        }

    .teamtamko-getnoticed-colortag {
        float: none;
    }

    .earn-more .team-tamko-page-layout .sf_2cols_1_50 {
        float: none;
        width: 100%;
    }

    .earn-more .team-tamko-page-layout .sf_2cols_2_50 {
        float: none;
        width: 100%;
    }

    .close-the-sale .team-tamko-page-layout .sf_2cols_1_50 {
        float: none;
        width: 100%;
    }

    .close-the-sale .team-tamko-page-layout .sf_2cols_2_50 {
        float: none;
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .sf_2cols_2_50 h2 {
        margin-top: 40px;
    }

    .close-the-sale .team-tamko-page-content .sf_2cols_2_50 .sfContentBlock {
        margin: 0;
    }

    .close-the-sale .sf_2cols_2_50 .sf_2cols_2in_50 {
        margin: 0;
    }

    .close-the-sale .sf_3cols_2_34 .sf_3cols_2in_34 {
        margin: 0;
    }

    .close-the-sale .sf_3cols_3_33 .sf_3cols_3in_33 {
        margin: 0;
    }

    .close-the-sale .team-tamko-page-content .button {
        max-width: 600px;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-2 .sf_2cols_2_50 .sfContentBlock {
        margin: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols > .sf_colsOut {
        display: block;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sfContentBlock .button:nth-of-type(even) {
        margin-left: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols > .sf_colsOut {
            min-height: initial;
            margin-bottom: 40px;
        }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sfContentBlock .button + p.note {
        float: none;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.hv-sample-board p.note {
        padding-bottom: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.hp-sample-folder p.note {
        padding-bottom: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.hp-sample-board p.note {
        padding-bottom: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.hw-sample-board p.note {
        padding-bottom: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_3cols_1_33 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_3cols_2_34 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_3cols_3_33 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_4cols_1_25 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_4cols_2_25 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_4cols_3_25 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sf_4cols_4_25 {
        width: 100%;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.mw-sample-folder .button {
        margin-top: 10px;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.egs-colors-vary .button {
        margin-bottom: 0;
    }

    .close-the-sale .team-tamko-page-content .subnav-content-3 .sf_cols .sfContentBlock.mw-accessories .button {
        margin-top: 10px;
    }

    .quick-links .team-tamko-page-content .inner {
        padding: 0 26px;
    }

        .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols:first-of-type .sf_colsOut .sfContentBlock {
            padding-top: 60px;
        }

        .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut {
            display: block;
        }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut.sf_3cols_1_33 {
                display: block;
                width: 100%;
            }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut.sf_3cols_2_34 {
                display: block;
                width: 100%;
            }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut.sf_3cols_3_33 {
                display: block;
                width: 100%;
            }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut.sf_3cols_2_34 .sf_3cols_2in_34 {
                margin-left: 0;
            }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_colsOut.sf_3cols_3_33 .sf_3cols_3in_33 {
                margin-left: 0;
            }

        .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols.regional-offices-wrapper {
            position: relative;
        }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols.regional-offices-wrapper .sf_3cols_2_34 .sfContentBlock > div {
                text-align: left !important;
            }

            .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols.regional-offices-wrapper h3 {
                position: absolute;
                top: 60px;
                left: 40px;
            }

        .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_3cols_2_34 h4:first-of-type {
            margin-top: 0;
        }

        .quick-links .team-tamko-page-content .inner .sf_colsOut .sf_cols .sf_3cols_3_33 h4:first-of-type {
            margin-top: 0;
        }

    .downloads-page-layout .page-title {
        left: auto;
        top: 8vw;
        width: 100%;
    }

        .downloads-page-layout .page-title h1 {
            display: inline;
            font-size: 32px;
            padding: 0;
        }

    .downloads-page-layout .search-container {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        background-color: #cccccc;
    }

    .downloads-page-layout .sfsearchBox {
        margin-left: 26px;
    }

        .downloads-page-layout .sfsearchBox .sfsearchTxt {
            width: 76%;
            max-width: 76%;
        }

        .downloads-page-layout .sfsearchBox .sfsearchSubmit {
            padding: 0 3vw;
        }

    .download-gallery-subnav-bar {
        height: 115px;
    }

        .download-gallery-subnav-bar .tabs .tab {
            font-size: 18px;
            margin: 0;
            padding: 0;
            width: 32%;
            text-align: center;
            line-height: 50px;
        }

        .download-gallery-subnav-bar .subnav {
            background-color: #FFFFFF;
        }

            .download-gallery-subnav-bar .subnav > div {
                padding: 0 26px;
            }

        .download-gallery-subnav-bar select {
            width: 100%;
        }

    .downloads-page-content .results {
        width: 100%;
        padding-top: 0 !important;
    }

    .downloads-page-content .info {
        float: none;
        width: 100%;
        border: none;
        margin-bottom: 100px;
    }

        .downloads-page-content .info h2 {
            line-height: 7vw;
        }

    .downloads-page-content .logo-thumbnails .sf_4cols_1_25,
    .downloads-page-content .logo-thumbnails .sf_4cols_2_25,
    .downloads-page-content .logo-thumbnails .sf_4cols_3_25,
    .downloads-page-content .logo-thumbnails .sf_4cols_4_25 {
        width: 100%;
        float: none;
    }

    .downloads-page-content .logos-wrapper .logo-thumbnails {
        margin-bottom: 0;
    }

        .downloads-page-content .logos-wrapper .logo-thumbnails .sfContentBlock {
            height: 265px;
            margin: 5px 0;
        }

            .downloads-page-content .logos-wrapper .logo-thumbnails .sfContentBlock img {
                max-width: 240px;
            }

    .downloads-page-content iframe {
        height: 70vw;
    }

    .downloads-page-content .logos-wrapper .logo-thumbnails .sfContentBlock {
        border-bottom: 20px solid #FFFFFF;
    }


    /* FOOTER */
    #footer > .outer > .inner {
        padding-top: 0;
    }

    #footer .social-buttons {
        padding: 25px 0;
        margin: 0;
        box-sizing: border-box;
    }

    #footer h3.footer-heading {
        margin: 0;
        padding: 18px 40px;
        font-size: 18px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    #footer hr {
        margin-top: 0;
    }

    #footer .link-section {
        padding: 10px 20px;
    }

    #footer .copyright {
        padding: 10px 40px;
        display: inline-block;
    }

    .aia-ceu-page-layout .info .sfContentBlock {
        padding: 50px 26px;
    }

    .aia-ceu-page-layout .sf_colsOut.form .col .row .col {
        width: 100%;
    }

        .aia-ceu-page-layout .sf_colsOut.form .col .row .col:first-child .field {
            padding-right: 0px;
        }

    .aia-ceu-page-layout .sf_colsOut.form .action {
        margin-top: 40px;
    }

    .media-center-page-layout .sf_2cols_1_25 {
        width: 40%;
    }

    .media-center-page-layout .sf_2cols_2_75 {
        width: 60%;
    }

    .media-center-page-layout .sf_3cols_1_33 {
        float: none;
        width: 100%;
    }

    .media-center-page-layout .sf_3cols_2_34 {
        float: none;
        width: 100%;
    }

    .media-center-page-layout .sf_3cols_3_33 {
        float: none;
        width: 100%;
    }

    .media-center-page-layout .blue-bar p {
        padding: 0 26px;
    }

    .media-center-page-layout .outer > .sf_cols > .left-nav > div {
        padding-left: 26px;
    }

    .media-center-page-layout .outer > .sf_cols > .content > div {
        padding-left: 26px;
        padding-right: 26px;
    }

    .media-center-page-layout .tile {
        margin: 27px 0;
    }

    .media-center-page-layout .sf_colsOut.content h2 {
        margin: 0;
    }

    .media-center-page-layout .page-title {
        left: auto;
        top: 4vw;
    }

        .media-center-page-layout .page-title h1 {
            display: inline;
            font-size: 32px;
        }

    .media-center-page-layout .sf_colsOut.content .sf_cols .sf_2cols_1_50 {
        width: 100%;
        float: none;
    }

    .media-center-page-layout .sf_colsOut.content .sf_cols .sf_2cols_2_50 {
        width: 100%;
        float: none;
    }

    .apps-landing-page-layout .page-title {
        width: 100%;
        left: 20%;
        top: 1.5vw;
    }

        .apps-landing-page-layout .page-title h1 {
            font-size: 2vw;
        }

            .apps-landing-page-layout .page-title h1 span:nth-child(1) {
                font-size: 3.6vw;
                line-height: 4vw;
            }

            .apps-landing-page-layout .page-title h1 span:nth-child(2) {
                font-size: 6vw;
                line-height: 6vw;
                padding-left: 6%;
            }

            .apps-landing-page-layout .page-title h1 span:nth-child(3) {
                font-size: 6vw;
                line-height: 6vw;
                padding-left: 18%;
            }

    .apps-landing-page-layout .sf_2cols_1_50 {
        float: none;
        width: 100%;
    }

    .apps-landing-page-layout .sf_2cols_2_50 {
        float: none;
        width: 100%;
    }

    .apps-landing-page-layout ul {
        padding-bottom: 40px;
    }

    .apps-landing-page-layout .buttons {
        top: -190px;
        display: none;
    }

        .apps-landing-page-layout .buttons .sf_2cols_1_50 .sfContentBlock {
            float: none;
            margin: 0 auto;
            width: 302px;
            padding-bottom: 10px;
        }

        .apps-landing-page-layout .buttons .sf_2cols_2_50 .sfContentBlock {
            float: none;
            margin: 0 auto;
        }

    .apps-landing-page-layout .grey-bar .image > div {
        float: none;
    }

    .apps-landing-page-layout .grey-bar .image .sfContentBlock {
        max-width: none;
    }

        .apps-landing-page-layout .grey-bar .image .sfContentBlock img:first-of-type {
            position: relative;
            margin-left: 0;
        }

        .apps-landing-page-layout .grey-bar .image .sfContentBlock img:nth-of-type(2) {
            float: none;
            margin: 20px 0;
        }

    .apps-landing-page-layout .grey-bar .sfContentBlock {
        padding: 0 26px;
    }

        .apps-landing-page-layout .grey-bar .sfContentBlock h2 {
            border-right: none;
            line-height: 38px;
            top: 0;
            margin: 0;
            padding: 0;
        }

    .apps-landing-page-layout .grey-bar .content .sfContentBlock {
        padding: 0 26px;
    }

    .apps-landing-page-layout .light-grey-bar .image > div {
        float: none;
    }

    .apps-landing-page-layout .light-grey-bar .image .sfContentBlock {
        max-width: none;
    }

        .apps-landing-page-layout .light-grey-bar .image .sfContentBlock img:first-of-type {
            position: relative;
            margin-left: 0;
        }

        .apps-landing-page-layout .light-grey-bar .image .sfContentBlock img:nth-of-type(2) {
            float: none;
            margin: 20px 0;
        }

    .apps-landing-page-layout .light-grey-bar .sfContentBlock {
        padding: 0 26px;
    }

        .apps-landing-page-layout .light-grey-bar .sfContentBlock h2 {
            border-right: none;
            line-height: 38px;
            top: 0;
            margin: 0;
            padding: 0;
        }

            .apps-landing-page-layout .light-grey-bar .sfContentBlock h2 span {
                display: inline;
            }

    .apps-landing-page-layout .light-grey-bar ul {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .apps-landing-page-layout .light-grey-bar .content .sfContentBlock {
        padding: 0 26px;
    }

    .apps-landing-page-layout .light-grey-bar .footnote .sfContentBlock {
        padding: 0 26px;
    }
}

@media (max-width: 920px) {
    .locate-dealer .search-dealers .action {
        clear: both;
        padding-top: 10px;
    }
}

@media (max-width: 904px) {
    .house-gallery-page-content .hp-ww-v-1 {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .h-bw-h {
        width: 24%;
        height: auto;
        top: 38vw;
    }

    .house-gallery-page-content .hw-as-s {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .hp-ww-v-2 {
        width: 24%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .hw-ww-v {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .hv-c-v {
        width: 24%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .hv-ww-h {
        width: 24%;
        height: auto;
        margin-top: 4vw !important;
    }

    .house-gallery-page-content .hv-ww-v {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .h-ww-h {
        width: 24%;
        height: auto;
        top: 235vw;
    }

    .house-gallery-page-content .hv-ww-s {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .hv {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .hw {
        width: 24%;
        height: auto;
    }

    .house-gallery-page-content .hph {
        width: 24%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .egs {
        width: 24%;
        height: auto;
        float: right !important;
    }

    .house-gallery-page-content .mw {
        width: 24%;
        height: auto;
        top: 145vw;
    }

    .house-gallery-page-content .hv-c-h {
        width: 56%;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 56%;
    }

    .aia-ceu-page-layout .sf_colsOut.form h2 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .downloads-page-content .logos-wrapper .guideline {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 800px) {
    .house-gallery-page-content .sf_1col_1in_100 > div {
        margin: 20px auto;
        padding: 15px;
        float: none;
    }

    .house-gallery-page-content .hp-ww-v-1 {
        width: 380px;
        height: auto;
    }

        .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
            width: 380px;
            height: auto;
        }

    .house-gallery-page-content .h-bw-h {
        width: 380px;
        height: auto;
        top: 0;
        position: relative;
    }

    .house-gallery-page-content .hw-as-s {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hp-ww-v-2 {
        width: 380px;
        height: auto;
        float: none !important;
    }

    .house-gallery-page-content .hv-c-h {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hw-ww-v {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hv-c-v {
        width: 380px;
        height: auto;
        float: none !important;
        margin: 20px auto !important;
    }

    .house-gallery-page-content .hp-rh-h {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hv-ww-h {
        width: 380px;
        height: auto;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .hv-ww-v {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hw-aw-h {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .h-ww-h {
        width: 380px;
        height: auto;
        top: 0;
        position: relative;
    }

    .house-gallery-page-content .hv-ww-s {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hv {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hw {
        width: 380px;
        height: auto;
    }

    .house-gallery-page-content .hph {
        width: 380px;
        height: auto;
        float: none !important;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .egs {
        width: 380px;
        height: auto;
        float: none !important;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .mw {
        width: 380px;
        height: auto;
        top: 0;
        position: relative;
    }

        .house-gallery-page-content .mw + .sfContentBlock {
            width: 380px;
            height: auto;
        }

    .fancybox-opened .fancybox-title .tamko-title {
        font-size: 3vw;
        padding: 0 10px;
        line-height: 3vw;
    }

        .fancybox-opened .fancybox-title .tamko-title .button {
            font-size: 2vw;
            line-height: 4vw;
        }

    .fancybox-prev {
        background-size: 10px;
    }

    .fancybox-next {
        background-size: 10px;
    }

    .downloads-page-content .results.col .sf_2cols_1_25 {
        width: 40%;
    }

    .downloads-page-content .results.col .sf_2cols_2_75 {
        width: 60%;
    }

    .downloads-page-content .sfimagesTmbList .sfimagesTmb {
        width: 100%
    }

    .locate-dealer .search-dealers .product-type {
        float: none;
        clear: both;
    }
}

@media (max-width: 780px) {
    .styles-page-layout .selections {
        top: 5vw;
        left: 5vw;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content ul {
        min-height: 100px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li .title { /*width:146px;*/
        font-size: 14px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content .lSAction {
        display: block !important;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content ul {
        min-height: 90px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .title { /*width:142px;*/
        font-size: 14px;
        line-height: 16px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .crop {
        max-height: 75px !important;
        border: 3px solid transparent;
    }
}

@media (max-width: 767px) {
    .product-subheader {
        display: none;
    }

    .accessories-banner .overlay .play-video-container {
        display: none;
    }

    .accessories-banner .overlay > span {
        display: none;
    }
}

/*------------------------------------------------------------------------------------------------------------
 SMALL MOBILE - Responsive styles for specific elements on this site 
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 600px) {
    .page-title h1 {
        font-size: 5vw;
        line-height: 3vw;
    }

    .dialog .pad {
        padding: 26px;
        box-sizing: border-box;
    }

    .ui-widget-overlay {
        width: 100% !important;
    }

    .ui-dialog.ui-widget.ui-widget-content {
        width: 100% !important;
        height: 300px !important;
        z-index: 100000002;
        position: absolute !important;
        top: 52px !important;
    }

    .home-page-layout .banner .sfimagesList li .description {
        font-size: 22px;
        line-height: 26px;
        text-shadow: 0px 4px 5px rgba(0,0,0,0.65);
    }

    .home-page-layout .banner .sfimagesList li:nth-child(1) .description {
        top: 15px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(2) .description {
        top: 15px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(3) .description {
        top: 15px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(4) .description {
        top: 15px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(1) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(2) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(3) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .home-page-layout .banner .sfimagesList li:nth-child(4) .description .outer .sfTxtContent {
        padding: 0 26px;
    }

    .colors-page-layout .play-video {
        width: 76px;
        top: 8px;
        left: auto;
        right: 26px;
    }

    .colors-page-layout .sub-nav div {
        display: inline-block;
        left: 0 !important;
        width: 33%;
        border-right: 0;
        box-sizing: border-box;
    }

        .colors-page-layout .sub-nav div:nth-child(3n-1) {
            width: 34%;
        }

    .colors-page-layout .sub-nav .reds, .colors-page-layout .sub-nav .earth-tones, .colors-page-layout .sub-nav .greys {
        border-bottom: 0;
    }

    .color-details .arrows {
        top: 62vw;
    }

        .color-details .arrows .previous {
            width: 8vw;
            background-size: 3vw;
            padding-top: 8vw;
            background-position: 3vw top;
            padding-left: 10px;
        }

        .color-details .arrows .next {
            width: 8vw;
            background-size: 3vw;
            padding-top: 8vw;
            background-position: 2.5vw top;
            padding-right: 10px;
        }

    .color-details .details .name {
        font-size: 4.5vw;
        line-height: 4.7vw;
        letter-spacing: 2px;
    }

    .color-details .details .showing-results {
        font-size: 3.8vw;
    }
    /* .color-details .sub-nav { } */
    .color-details .sub-nav a {
        font-size: 11px;
        min-width: initial;
        display: inline-block;
        width: 33%;
        box-sizing: border-box;
    }

        .color-details .sub-nav a:nth-child(3n-1) {
            width: 34%;
        }

    .color-details .sub-nav .reds, .color-details .sub-nav .earth-tones, .color-details .sub-nav .greys {
        border-bottom: 0;
    }

    .color-details .details .button {
        font-size: 3vw;
        min-width: initial;
        line-height: 7vw;
    }

    .products-layout .product .product-details-content .product-details-column-left {
        float: none;
        width: 100%;
        padding: 0;
    }

    .products-layout .product .product-details-content .product-details-column-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    .products-layout .product .product-details-content {
        min-width: unset;
    }

    .accessories-banner .overlay {
        left: 0;
        top: 24px;
        width: 100%;
        text-align: center;
    }

    .accessories-banner h3 {
        padding: 0 26px;
        font-size: 6.5vw
    }

        .accessories-banner h3 br {
            content: ' ';
        }

            .accessories-banner h3 br:after {
                content: ' ';
            }

        .accessories-banner h3 span {
            padding-left: 0;
        }

    .accessories-banner p {
        font-size: 3.5vw;
        line-height: 4.8vw;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0 26px;
        box-sizing: border-box;
    }

    .find-pro .intro .text {
        margin-left: 0;
    }

    .find-pro .search-contractors .zipcode {
        background-image: none;
        padding-left: 0;
        width: 130px;
    }

        .find-pro .search-contractors .zipcode .icon {
            display: none;
        }

        .find-pro .search-contractors .zipcode input[type=text] {
            width: 100%;
        }

    .find-pro .search-contractors .action {
        margin: 20px 0 0 0;
    }

        .find-pro .search-contractors .action .search {
            width: 75px;
        }

    .find-pro .contractors td:nth-child(1) {
        text-align: center;
    }

    .find-pro .contractors td:nth-child(3), .find-pro .contractors th:nth-child(3) {
        display: none;
    }

    .find-pro .contractors input {
        width: 24px;
        height: 24px;
        margin-left: 0;
    }

    table#radUserType td {
        display: block;
    }

    .find-pro-form .form .user-type .other {
        position: relative;
        top: 0;
        left: 0;
    }

    .find-pro-form .form table {
        margin-top: 0;
    }

    .contact-us-page-layout .map h2 {
        line-height: 28px;
    }

    .contact-us-page-layout .districts .district {
        width: 100%;
        float: none;
    }

    .contact-us-page-layout .outer.info-form .sf-cols {
        display: table;
    }

    .contact-us-page-layout .outer.info-form .info {
        display: table-footer-group;
        width: 100%;
        float: none;
    }

    .contact-us-page-layout .outer.info-form .form {
        display: table-header-group;
        width: 100%;
        float: none;
    }

    .contact-us-page-layout .sf_colsOut.form > div:first-child {
        padding: 40px 26px;
    }

    .contact-us-page-layout .info p {
        display: block;
    }

    .locate-dealer .search-dealers .zipcode {
        margin-right: 10px;
        padding-left: 40px;
        width: 120px;
    }

    .locate-dealer .search-dealers .radius {
        margin-right: 0;
        margin-top: 0;
    }

        .locate-dealer .search-dealers .radius select {
            text-indent: 0;
            width: 76px;
        }
    /* .locate-dealer .outer .inner .search-dealers .search-bar{}
    .locate-dealer .canadian-residents{} */
    .locate-dealer .search-dealers .product-type input[type=radio] + label {
        margin-right: 10px;
        font-size: 3vw;
    }

    .locate-dealer h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .sf_2cols_1_50,
    .sf_2cols_2_50 {
        width: 100%;
        float: none;
    }

        .sf_2cols_2_50 .sf_2cols_2in_50 {
            margin-left: 0;
        }

    .article-page-layout .subnav {
        display: block;
    }

        .article-page-layout .subnav div.divider {
            display: none;
        }

        .article-page-layout .subnav > div {
            width: 100%;
            display: block;
        }

    .article-page-layout .call-to-action img {
        display: none;
    }

    .article-page-layout .call-to-action {
        width: 100%;
    }

        .article-page-layout .call-to-action h4 {
            width: 100%;
            padding: 10px 10px 10px 20px;
            font-size: 14px;
            line-height: 16px;
            box-sizing: border-box;
        }

        .article-page-layout .call-to-action a {
            width: 100%;
        }

    .article-page-layout .page-title .lede {
        font-size: 3vw;
        position: relative;
        left: -15%;
        top: -30px;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
    }

    .logo svg {
        width: 80%;
    }

        .logo svg.metalworks-svg {
            width: 100%;
            height: auto;
            max-width: 226px;
        }
    /* .styles-page-layout .house-visualizer .tabbed-content{}
    .styles-page-layout .house-visualizer .tabbed-content .tabs{} */
    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content ul {
        padding-left: 0;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons {
        font-size: 2vw;
    }

        .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons .social {
            font-size: 2vw;
        }

    .styles-page-layout .shingle-details .intro .container .slider {
        border: 0;
        width: 100%;
        margin: 0 0;
        height: 60vw;
    }

    .styles-page-layout .shingle-details .intro .slider .arrows {
        top: 27vw;
    }

    .styles-page-layout .shingle-details .tabbed-content .content .pad {
        padding: 50px 26px;
    }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .energy-star-img {
        float: left;
        margin-top: 20px;
    }

    .styles-page-layout .shingle-details .tabbed-content.inner .content #overview-content .cool-roofing-img {
        float: right;
        margin: 20px 0 0 0;
        top: 0;
    }

    .styles-page-layout .blue-bar .sfContentBlock h1 {
        font-size: 27px;
        line-height: 30px;
        margin: 10px;
    }

    .styles-page-layout .sub-nav {
        display: block;
    }

        .styles-page-layout .sub-nav a {
            display: block;
        }

        .styles-page-layout .sub-nav .earth-tones {
            border-left: 1px solid #636363;
            border-top: none;
        }

        .styles-page-layout .sub-nav .greys {
            border-left: 1px solid #636363;
            border-top: none;
        }

        .styles-page-layout .sub-nav .greens {
            border-left: 1px solid #636363;
            border-top: none;
        }

        .styles-page-layout .sub-nav .metals {
            border-left: 1px solid #636363;
            border-top: none;
        }

        .styles-page-layout .sub-nav .all {
            border-left: 1px solid #636363;
            border-top: none;
        }

    /*Shingle Construction Widget*/
    #shingleConstruction {
        background-size: 256px 189px;
        width: 100%;
        height: 540px;
        background-position: left top;
        text-align: left;
    }

        #shingleConstruction .con-description {
            display: block !important;
            max-width: 250px;
            position: relative;
            bottom: -217px;
            left: 0;
            margin: 5px 0
        }

        #shingleConstruction .con-number img {
            width: 20px;
            height: 20px;
        }

        #shingleConstruction.heritage .con-number.one {
            left: 60px;
            top: 63px;
        }

        #shingleConstruction.heritage .con-number.two {
            left: 89px;
            top: 97px;
        }

        #shingleConstruction.heritage .con-number.three {
            left: 102px;
            top: 123px;
        }

        #shingleConstruction.heritage .con-number.four {
            left: 135px;
            top: 141px;
        }

        #shingleConstruction.heritage .con-number.five {
            left: 190px;
            top: 160px;
        }

        #shingleConstruction.heritage .con-number.six {
            left: 208px;
            top: 124px;
        }

        #shingleConstruction.heritage .con-number.seven {
            left: 238px;
            top: 152px;
        }

        #shingleConstruction.premium .con-number.one {
            left: 60px;
            top: 63px;
        }

        #shingleConstruction.premium .con-number.two {
            left: 89px;
            top: 97px;
        }

        #shingleConstruction.premium .con-number.three {
            left: 102px;
            top: 123px;
        }

        #shingleConstruction.premium .con-number.four {
            left: 135px;
            top: 141px;
        }

        #shingleConstruction.premium .con-number.five {
            left: 190px;
            top: 160px;
        }

        #shingleConstruction.premium .con-number.six {
            left: 208px;
            top: 124px;
        }

        #shingleConstruction.premium .con-number.seven {
            left: 238px;
            top: 152px;
        }

        #shingleConstruction.woodgate .con-number.one {
            left: 60px;
            top: 63px;
        }

        #shingleConstruction.woodgate .con-number.two {
            left: 72px;
            top: 115px;
        }

        #shingleConstruction.woodgate .con-number.three {
            left: 117px;
            top: 81px;
        }

        #shingleConstruction.woodgate .con-number.four {
            left: 138px;
            top: 132px;
        }

        #shingleConstruction.woodgate .con-number.five {
            left: 190px;
            top: 160px;
        }

        #shingleConstruction.woodgate .con-number.six {
            left: 208px;
            top: 124px;
        }

        #shingleConstruction.woodgate .con-number.seven {
            left: 238px;
            top: 152px;
        }

        #shingleConstruction.elite-glass-seal .con-number.one {
            left: 33px;
            top: 116px;
        }

        #shingleConstruction.elite-glass-seal .con-number.two {
            left: 110px;
            top: 111px;
        }

        #shingleConstruction.elite-glass-seal .con-number.three {
            left: 171px;
            top: 170px;
        }

        #shingleConstruction.elite-glass-seal .con-number.four {
            left: 192px;
            top: 177px;
        }

        #shingleConstruction.vintage .con-number.one {
            left: 41px;
            top: 83px;
        }

        #shingleConstruction.vintage .con-number.two {
            left: 9px;
            top: 123px;
        }

        #shingleConstruction.vintage .con-number.three {
            left: 117px;
            top: 88px;
        }

        #shingleConstruction.vintage .con-number.four {
            left: 145px;
            top: 169px;
        }

        #shingleConstruction.vintage .con-number.five {
            left: 198px;
            top: 97px;
        }

        #shingleConstruction.vintage .con-number.six {
            left: 222px;
            top: 117px;
        }

        #shingleConstruction.elite-glass-seal {
            height: 385px;
        }

    .careers-page-layout .banner .tamko-careers {
        padding: 1vw 26px;
    }

        .careers-page-layout .banner .tamko-careers h1 {
            letter-spacing: 1px;
            font-size: 3.0vw;
        }

    .careers-page-layout .blue-bar .line-break {
        width: 100%;
    }

    .careers-page-layout .white-bar .line-break {
        width: 100%;
    }

    .careers-page-layout .grey-bar .line-break {
        width: 100%;
    }

    .careers-page-layout .light-grey-bar .line-break {
        width: 100%;
    }

    .careers-page-layout .black-bar .line-break {
        width: 100%;
    }

    .careers-page-layout .sf_cols.quotes .sfContentBlock {
        padding: 0 3vw;
        font-size: 1.9vw;
        line-height: 2.6vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols:first-of-type .sfContentBlock {
        font-size: 1.9vw;
        line-height: 2.6vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_colsOut:last-child .sf_cols:first-of-type .sfContentBlock {
        padding-top: 0;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols .triangle {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 15px solid #636363;
        top: 3vw;
        left: -6vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_cols:first-of-type + .sf_cols .triangle {
        border-right: 15px solid #959595;
    }

    .careers-page-layout .sf_cols.quotes .sf_colsOut:last-child .sf_cols:first-of-type .triangle {
        border-right: 15px solid #959595;
        top: 3vw;
        left: -6vw;
    }

    .careers-page-layout .sf_cols.quotes .sf_colsOut:last-child .sf_cols:first-of-type + .sf_cols .triangle {
        border-right: 15px solid #636363;
        top: 3vw;
        left: -6vw;
    }

    .team-tamko-registration-page-layout .login-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 25px;
        padding: 3vw;
        min-height: initial;
    }

        .team-tamko-registration-page-layout .login-container .col {
            float: none;
            width: 100%;
        }

            .team-tamko-registration-page-layout .login-container .col:first-child {
                display: none;
            }

            .team-tamko-registration-page-layout .login-container .col:nth-child(2) {
                padding-left: 0;
            }

    .team-tamko-registration-page-content .row .col {
        float: none;
        width: 100%;
    }

        .team-tamko-registration-page-content .row .col:nth-child(2) {
            float: none;
            width: 100%;
        }

            .team-tamko-registration-page-content .row .col:nth-child(2) .cell {
                padding-left: 0;
            }

    .team-tamko-registration-page-layout .login-container .sfContentBlock {
        text-align: center;
        display: none;
    }

    .team-tamko-registration-page-layout ol.sfLoginFieldsWrp {
        margin-top: 0;
    }

    .team-tamko-registration-page-layout .team-tamko-login-intro strong {
        font-size: 3.8vw;
    }

    .team-tamko-registration-page-layout .tamko-pro-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 42vw;
        padding: 3vw;
    }

        .team-tamko-registration-page-layout .tamko-pro-container img {
            width: 25%;
        }

        .team-tamko-registration-page-layout .tamko-pro-container p br {
            display: none;
        }
        /*.team-tamko-registration-page-layout .tamko-pro-container .sfContentBlock img { width:25%; }
    .team-tamko-registration-page-layout .tamko-pro-container .sfContentBlock p br { display:none; }*/
        .team-tamko-registration-page-layout .tamko-pro-container p {
            font-size: 3vw;
            line-height: 3.2vw;
        }

        .team-tamko-registration-page-layout .tamko-pro-container .clear {
            display: none;
        }

    .team-tamko-registration-page-layout .team-tamko-login-intro {
        font-size: 2.8vw;
        text-align: center;
    }

    .team-tamko-registration-page-layout .join.button {
        font-size: 3vw;
        line-height: 3.3vw;
        margin-bottom: 20px;
    }

    .team-tamko-registration-page-layout .sfSubmitBtnWrp a.sfSubmitBtn:link {
        font-size: 3.6vw;
    }

    .team-tamko-registration-page-layout .team-tamko-login a.sfLostPassword {
        font-size: 3.2vw;
    }

    .team-tamko-registration-page-layout .team-tamko-login .sfCheckBoxWrapper > label {
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .team-tamko-registration-page-layout .team-tamko-login input.sfTxt {
        font-size: 4vw;
        height: 8vw;
    }

    .team-tamko-registration-page-layout .tamko-pro-container .learn-more.button.arrow-pull-left {
        background-image: none;
        padding: 0 2vw;
        line-height: 6vw;
    }


    .team-tamko-registration-page-layout .gm-tamko-rewards-container {
        width: auto;
        height: auto;
        left: 50px;
        top: 42vw;
        padding: 3vw;
    }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container img {
            width: 25%;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container p br {
            display: none;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container p {
            font-size: 3vw;
            line-height: 3.2vw;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container .clear {
            display: none;
        }

        .team-tamko-registration-page-layout .gm-tamko-rewards-container .learn-more.button.arrow-pull-left {
            background-image: none;
            padding: 0 2vw;
            line-height: 6vw;
        }


    .team-tamko-page-layout .team-tamko-container img {
        display: none;
    }

    .team-tamko-page-layout .team-tamko-container br {
        display: none;
    }

    .team-tamko-page-layout .team-tamko-container p {
        padding: 0;
        font-size: 2.2vw;
        line-height: 2.6vw;
    }

    .team-tamko-subnav-bar .tabs {
        top: -4vw;
    }

        .team-tamko-subnav-bar .tabs .tab.selected:before {
            display: none;
        }

        .team-tamko-subnav-bar .tabs .tab.selected:after {
            display: none;
        }

    .team-tamko-subnav-bar {
        height: 9vw;
    }

        .team-tamko-subnav-bar .subnav {
            width: 100%;
            top: -18px;
        }

            .team-tamko-subnav-bar .subnav .menu-item {
                margin: 0;
            }

        .team-tamko-subnav-bar .subnav {
            text-align: center;
        }

            .team-tamko-subnav-bar .subnav.tab-4 {
                text-align: center;
            }

            .team-tamko-subnav-bar .subnav .menu-item:after {
                padding-left: 5px;
            }

    .teamtamko-getnoticed-colortag:first-of-type {
        padding-top: 0;
        float: none;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 > .sf_cols:nth-child(3) .sf_colsOut .sfContentBlock br {
        display: none;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 > .sf_cols:nth-child(4) .sf_4cols_1_25 .sfContentBlock h3 + h4 {
        display: none;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 > .sf_cols:nth-child(4) .sf_4cols_2_25 .sfContentBlock h3 + h4 {
        display: none;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 > .sf_cols:nth-child(4) .sf_4cols_3_25 .sfContentBlock h3 + h4 {
        display: none;
    }

    .get-noticed .team-tamko-page-content .subnav-content-2 h3 {
        padding: 40px 0 20px 0;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 .sf_cols.elite-glass-seal-wrapper .sf_4cols_1in_25 .sfContentBlock:first-of-type h4.distributor-support {
        margin-top: 0;
    }

    .get-noticed .subnav-content-2 .sf_1col_1in_100 .sf_cols.accessories-wrapper .sf_4cols_1in_25 .sfContentBlock:first-of-type h4.distributor-support {
        margin-top: 0;
    }

    .team-tamko-page-content .sfContentBlock table.get-noticed-products {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .team-tamko-page-content .sfContentBlock table td {
        padding-left: 0 !important;
        max-width: none !important;
        display: block;
    }

    .edit-profile .team-tamko-page-content h2 + p {
        margin: 10px 0 20px 0;
    }

    .edit-profile .team-tamko-page-content select {
        width: 100%;
        padding-right: 0;
    }

    .edit-profile .team-tamko-page-content .cell.state {
        float: none;
        padding: 0;
        width: 100%;
    }

    .edit-profile .team-tamko-page-content .cell.zip {
        display: block;
        width: 100%;
    }

    .edit-profile .team-tamko-page-content table[id$='rblBusinessType'] input[type=radio] + label {
        font-size: 3.6vw;
    }

    .edit-profile .team-tamko-page-content input[type=submit] {
        font-size: 6vw;
        padding: 0 5vw;
        line-height: 13vw;
    }

    .edit-profile .team-tamko-page-content table[id$='rblBusinessType'] input[type=radio] + label {
        white-space: nowrap;
        font-size: 2.8vw;
    }

    .rewards-form .team-tamko-page-content h2 + p {
        margin: 10px 0 20px 0;
    }

    .rewards-form .team-tamko-page-content select {
        width: 100%;
        padding-right: 0;
    }

    .rewards-form .team-tamko-page-content .cell.state {
        float: none;
        padding: 0;
        width: 100%;
    }

    .rewards-form .team-tamko-page-content .cell.zip {
        display: block;
        width: 100%;
    }
    /*.rewards-form .team-tamko-page-content table[id$='rblBusinessType'] input[type=radio] + label { font-size:3.6vw; }*/
    .rewards-form .team-tamko-page-content input[type=submit] {
        font-size: 6vw;
        padding: 0 5vw;
        line-height: 13vw;
    }

    .rewards-form .team-tamko-page-content table[id$='rblBusinessType'] input[type=radio] + label {
        white-space: nowrap;
        font-size: 3.79vw;
    }

    .rewards-form .team-tamko-page-content table[id$='rbBusinessEntity'] input[type=radio] + label {
        white-space: nowrap;
        font-size: 3.79vw;
    }

    .rewards-form .team-tamko-page-content .review label {
        display: block;
        width: 100%;
    }

    .rewards-form .team-tamko-page-content .review span {
        display: block;
    }


    /*.sf-tab {
        overflow: hidden;
        background-color: #153966;
        text-align: center;
    }*/

    /* Style the buttons that are used to open the tab content */
    .sf-tab button {
        display: block;
        width: 100%;
    }

    .aia-ceu-page-layout .outer.info-form .sf-cols {
        display: table;
    }

    .aia-ceu-page-layout .outer.info-form .info {
        display: table-footer-group;
        width: 100%;
        float: none;
    }

    .aia-ceu-page-layout .outer.info-form .form {
        display: table-header-group;
        width: 100%;
        float: none;
    }

    .aia-ceu-page-layout .sf_colsOut.form > div:first-child {
        padding: 40px 26px;
    }

    .aia-ceu-page-layout .info p {
        display: block;
    }

    .media-center-page-layout .sf_2cols_1_25 {
        width: 100%;
        float: none;
    }

    .media-center-page-layout .sf_2cols_2_75 {
        width: 100%;
        float: none;
    }

    .media-center-page-layout .outer .sf_cols > .left-nav > div {
        border: none;
    }

    .download-gallery-subnav-bar .tabs .tab {
        font-size: 2.8vw;
        width: 30%;
    }

    .downloads-page-layout .search-container {
        height: auto;
    }

    .downloads-page-layout .sfsearchBox {
        margin-right: 26px;
    }

        .downloads-page-layout .sfsearchBox .sfsearchTxt {
            width: 100%;
            max-width: 100%;
            display: block;
        }

        .downloads-page-layout .sfsearchBox .sfsearchSubmit {
            margin: 10px 0 20px 0;
        }

    .downloads-page-content .results .subnav-content-6 .sfContentBlock img {
        float: none !important;
        margin-bottom: 40px !important;
    }

    .downloads-page-content .subnav-content-6 .sfContentBlock:first-of-type h4 {
        margin-left: 0;
    }

    .downloads-page-content .subnav-content-6 .sfContentBlock:first-of-type p:first-of-type {
        margin-left: 0;
    }

    .downloads-page-content .results.col .sf_2cols_1_25 {
        width: 100%;
        float: none;
    }

    .downloads-page-content .results.col .sf_2cols_2_75 {
        width: 100%;
        float: none;
    }

    .downloads-page-content .sfimagesTmbList .sfimagesTmb {
        width: 100%
    }
}

/*------------------------------------------------------------------------------------------------------------
 HOMEPAGE BANNER - Responsive styles for the homepage banner text 
    Default font-size, color settings are in tamko-screen.css
------------------------------------------------------------------------------------------------------------*/
.home-page-layout .banner .sfimagesList li:nth-child(1) .description {
    top: 60px;
}

.home-page-layout .banner .sfimagesList li:nth-child(2) .description {
    top: 60px;
}

.home-page-layout .banner .sfimagesList li:nth-child(3) .description {
    top: 60px;
}

.home-page-layout .banner .sfimagesList li:nth-child(4) .description {
    top: 60px;
}

.home-page-layout .banner .sfimagesList li:nth-child(1) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.home-page-layout .banner .sfimagesList li:nth-child(2) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.home-page-layout .banner .sfimagesList li:nth-child(3) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.home-page-layout .banner .sfimagesList li:nth-child(4) .description .outer .sfTxtContent {
    padding: 0 50px;
}

/*------------------------------------------------------------------------------------------------------------
Tweaks for medium range phones
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 575px) {
    .styles-page-layout .shingle-details .shingle-colors .americas-natural-colors {
        padding-top: 20vw;
    }
    .locate-dealer .intro-right .map .dealer-disclaimer {line-height:1.3;font-size:0.80em;}
}

@media (max-width: 500px) {
    .styles-page-layout .house-visualizer .tabbed-content .content #intro-content h3 {
        font-size: 12px;
        line-height: 14px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p {
        font-size: 12px;
        line-height: 14px;
    }

        .styles-page-layout .house-visualizer .tabbed-content .content #intro-content .style p strong {
            font-size: 12px;
            line-height: 14px;
        }

    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content .pad {
        padding: 10px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content .lSAction .lSPrev {
        left: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #choose-house-content .lSAction .lSNext {
        right: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .pad {
        padding: 10px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style .lSAction .lSPrev {
        left: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .style .lSAction .lSNext {
        right: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction .lSPrev {
        left: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .color .color-slider .lSAction .lSNext {
        right: -20px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick ul {
        min-height: 80px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction .lSPrev {
        left: -20px;
        top: 108px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .brick .lSAction .lSNext {
        right: -20px;
        top: 108px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone ul {
        min-height: 80px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction .lSPrev {
        left: -20px;
        top: 108px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #home-facade-content .stone .lSAction .lSNext {
        right: -20px;
        top: 108px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content .pad {
        padding: 10px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content .lSAction .lSPrev {
        left: -20px;
        top: 40%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content .lSAction .lSNext {
        right: -20px;
        top: 40%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content ul {
        padding-top: 10px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-style-content li .title {
        font-size: 12px;
        line-height: 14px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .pad {
        padding: 10px 0 10px 10px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider .lSAction .lSPrev {
        left: -30px;
        top: 40%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content .colors .color-slider .lSAction .lSNext {
        right: -20px;
        top: 40%;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content ul {
        min-height: 100px;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .crop {
        max-height: 60px !important;
    }

    .styles-page-layout .house-visualizer .tabbed-content .content #shingle-color-content li .title {
        width: auto;
        max-width: 130px;
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 452px) {
    .team-tamko-registration-page-content .sfRadioList input[type=radio] {
        top: 6px;
    }

        .team-tamko-registration-page-content .sfRadioList input[type=radio] + label {
            font-size: 16px;
            line-height: 16px;
            height: 42px;
            background-position: left 0;
        }
}

@media (max-width: 439px) {
    .styles-page-layout .shingle-details .shingle-colors .classic-colors {
        padding-top: 19vw;
    }
}

@media (max-width: 430px) {
    .house-gallery-page-content .hp-ww-v-1 {
        width: auto;
        height: auto;
    }

        .house-gallery-page-content .hp-ww-v-1 + .sfContentBlock {
            width: auto;
            height: auto;
        }

    .house-gallery-page-content .h-bw-h {
        width: auto;
        height: auto;
        top: 0;
        position: relative;
    }

    .house-gallery-page-content .hw-as-s {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hp-ww-v-2 {
        width: auto;
        height: auto;
        float: none !important;
    }

    .house-gallery-page-content .hv-c-h {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hw-ww-v {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .mw-qg-h {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hv-c-v {
        width: auto;
        height: auto;
        float: none !important;
        margin: 20px auto !important;
    }

    .house-gallery-page-content .hp-rh-h {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hv-ww-h {
        width: auto;
        height: auto;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .hv-ww-v {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hw-aw-h {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .h-ww-h {
        width: auto;
        height: auto;
        top: 0;
        position: relative;
    }

    .house-gallery-page-content .hv-ww-s {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hv {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hw {
        width: auto;
        height: auto;
    }

    .house-gallery-page-content .hph {
        width: auto;
        height: auto;
        float: none !important;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .egs {
        width: auto;
        height: auto;
        float: none !important;
        margin-top: 20px !important;
    }

    .house-gallery-page-content .mw {
        width: auto;
        height: auto;
        top: 0;
        position: relative;
    }

        .house-gallery-page-content .mw + .sfContentBlock {
            width: auto;
            height: auto;
        }

    .team-tamko-registration-page-layout .tamko-pro-container {
        top: 60vw;
    }

    .team-tamko-registration-page-layout .gm-tamko-rewards-container {
        top: 60vw;
    }

    .downloads-page-layout .page-title h1 {
        font-size: 24px;
    }

    .downloads-page-content iframe {
        height: auto;
    }
}

@media (max-width: 414px) {
    .styles-page-layout .house-visualizer .tabbed-content .content #print-share-content .social-buttons .social {
        width: 32%;
        font-size: 12px;
    }

    .team-tamko-registration-page-content .sfRadioList input[value="TAMKO Pro"] + label {
        left: 0;
        top: -14px;
    }
}

@media (max-width: 384px) {
    .find-pro .search-contractors .action .why-pro {
        margin-top: 20px;
    }

    .find-pro .contractors h3 {
        font-size: 5vw;
    }

    .find-pro .contractors table th {
        font-size: 4vw;
        line-height: 4.3vw;
    }

    .find-pro .button.request-quote {
        white-space: nowrap;
    }

    .find-pro-page-layout .grey-bar .video {
        margin-bottom: 0;
        height: auto;
    }
}

@media (max-width: 375px) {
    /* .locate-dealer .search-dealers .radius{} */
    .styles-page-layout .shingle-details .tabbed-content .content .pad {
        padding: 50px 26px;
    }

    #shingleConstruction .con-description {
        left: 0;
    }

    #footer .row {
        overflow: hidden;
    }

    body {
        min-width: 0;
    }
    /*To keep the viewport from scrolling on small mobile devices*/
    .article-page-layout .page-title .lede {
        font-size: 3vw;
        position: relative;
        left: -9%;
        top: -20px;
        font-family: 'Museo Sans 700', Verdana, Geneva, Tahoma, sans-serif;
    }

    .earn-more-content > .button {
        width: 100%;
        font-size: 6vw;
        padding: 0 1vw;
        line-height: 13vw;
    }

    .close-the-sale .team-tamko-page-content .button {
        width: 100%;
        font-size: 5vw;
        padding: 0 1vw;
        line-height: 13vw;
    }
}

@media (max-width: 329px) {
    .find-pro .search-contractors .radius {
        margin-top: 10px;
    }

    .color-details .arrows {
        top: 64vw;
    }

    .color-details .details .showing-results {
        font-size: 3.8vw;
        max-width: 250px;
        margin: 0 auto;
        padding: 10px 40px 5px 40px;
        line-height: 4.3vw;
    }
}

/*------------------------------------------------------------------------------------------------------------
 COLORS BANNER - Responsive styles for the colors page banner text 
    Default font-size, color settings are in tamko-screen.css
------------------------------------------------------------------------------------------------------------*/
.colors-page-layout .banner .sfimagesList li:nth-child(1) .description {
    top: 60px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(2) .description {
    top: 60px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(3) .description {
    top: 60px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(4) .description {
    top: 60px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(1) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(2) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(3) .description .outer .sfTxtContent {
    padding: 0 50px;
}

.colors-page-layout .banner .sfimagesList li:nth-child(4) .description .outer .sfTxtContent {
    padding: 0 50px;
}




@media only screen and (max-width: 1366px) and (min-width: 1068px) {
    .waterproofing-nav-section .sf_colsOut.sf_2cols_1_50,
    .waterproofing-nav-section .sf_colsOut.sf_2cols_2_50 {
        width: 50% !important;
    }

    .breezeway-content-videos .sf_colsOut.sf_3cols_1_33,
    .breezeway-content-videos .sf_colsOut.sf_3cols_3_33,
    .waterproofing-nav-section .sf_colsOut.sf_3cols_1_33,
    .waterproofing-nav-section .sf_colsOut.sf_3cols_3_33 {
        width: 33% !important;
    }

    .breezeway-content-videos .sf_colsOut.sf_3cols_1_34,
    .breezeway-content-videos .sf_colsOut.sf_3cols_2_34,
    .waterproofing-nav-section .sf_colsOut.sf_3cols_1_34,
    .waterproofing-nav-section .sf_colsOut.sf_3cols_2_34 {
        width: 34% !important;
    }

    .breezeway-content-videos .sf_colsOut.sf_2cols_1_67,
    .breezeway-content-videos .sf_colsOut.sf_2cols_2_67,
    .waterproofing-nav-section .sf_colsOut.sf_2cols_1_67,
    .waterproofing-nav-section .sf_colsOut.sf_2cols_2_67 {
        width: 67% !important;
    }

}

@media only screen and (max-width: 1366px) and (min-width: 1122px) {
    .gm-download-form .ga-modal-toc {
        height: 15vh;
    }

    .gm-download-form .ga-modal-disclaimer {
        font-size: 75%;
    }
}

@media only screen and (max-width: 1123px) and (min-width: 1024px) {
    .gm-download-form .ga-modal-disclaimer {
        font-size: 65%;
    }
    .gm-download-form .ga-modal-toc {
        height: 15vh;
    }
}

@media (max-width: 768px) {
    .gm-download-form .form {
        min-height: 1200px;
        background-color: transparent;
    }
    .landing-request-form .form {
         min-height: auto; 
    }

        .gm-download-form .form .col-35, .gm-download-form .form .col-40, .gm-download-form .form .col-45, .gm-download-form .form .col-50,.gm-download-form .form .col-60, .gm-download-form .form .col-65, .gm-download-form .form .col {
            width: 100%;
        }
        

}