/*
CONTENTS
------------------------------------------------ 

    1.0 GLOBAL STYLES
    2.0 FOOTER
    3.0 CAROUSELS
    4.0 RESUABLE MODULES
    5.0 FAMILY LANDING
    6.0 MY Q
    7.0 LOCATE A DEALER
    8.0 PRODUCT DETAIL
    9.0 PRODUCT COMPARE
    10.0 SHOPPING CART
    11.0 MY ACCOUNT
    12.0 SEARCH RESULTS
    13.0 SUPPORT
    14.0 ARCHITECTS & BUILDERS
    15.0 GENERIC CONTENT
    16.0 PRODUCT SELECTOR
    17.0 USE CASE
    18.0 SITE ALERT
    19.0 GDO
    20.0 BLOG 
*/


@media (max-width:767px) {

    /* 1.0 GLOBAL STYLES
------------------------------------------------ */
    .container.no-mobile-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .container.paging {
        text-align: center;
    }

    .white-module {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    /* pagination */
    .pagination {
        float: none;
    }

        .pagination li a {
            margin-right: 8px;
            margin-left: 8px;
        }

    /* buttons */

    .nav-buttons .prev {
        margin-top: 15px;
    }

    .btn.btn-gray {
        font-size: 13px;
    }

    .btn.btn-gray-mob {
        background: #4A494A;
        color: #fff;
        font-size: 16px;
    }

    /* new buttons - text hidden on desktop, shown on mobile */
    .btn-white-border .visible-xs {
        display: inline-block !important;
    }

    /* dropdown */
    .dropdown.white > a,
    .dropdown.white > a:hover,
    .dropdown.white > a:focus {
        font-size: 15px;
        padding: 0 12px;
    }


    /* share links */
    .share {
        margin: 25px 15px;
        text-align: center;
    }

        .share a {
            background: #f4f4f4;
            display: block;
            font-size: 18px;
        }

            .share a:hover,
            .share a:focus {
                background: #dedede;
                color: #313131;
            }

                .share a:hover i,
                .share a:focus i {
                    color: #000;
                }

        .share .col-md-3.col-sm-4 {
            padding-left: 0;
            padding-right: 0;
        }

        .share a i.glyphicon {
            top: 8px;
        }

    /* sprite product icons */
    .product-icons .group {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }

    .product-icons .sprite {
        margin: 0 20px;
    }

    /* forms */
    .form-notes {
        margin-top: 5px;
    }


    .margin-top-mobile {
        margin-top: 30px;
    }


    /* 2.0 FOOTER
------------------------------------------------ */
    footer {
        margin-bottom: 30px;
        text-align: center;
    }

        footer .mobile-links {
            margin: 30px 0;
        }

            footer .mobile-links,
            footer .mobile-links a,
            footer p {
                font-size: 12px;
            }

                footer .mobile-links .visible-xs {
                    margin-bottom: 10px;
                }

        footer .social-links {
            margin-bottom: 30px;
        }

            footer .social-links li {
                margin: 0 3px;
            }


    /* 3.0 CAROUSELS
------------------------------------------------ */
    /* home carousel */
    .home-carousel .item {
        /*height: 240px;*/ /* TODO: check with Liz to finalize */
        overflow: hidden;
    }

        .home-carousel .item .image {
            /*height: 150px;*/ /* TODO: check with Liz to finalize */
            overflow: hidden;
        }

        .home-carousel .item > .container {
            background: #fff;
            height: 90px;
        }

        .home-carousel .item .text-mobile {
            height: 90px;
            position: relative;
        }

        .home-carousel .item .text {
            display: table;
            height: 90px;
            position: absolute;
        }

        .home-carousel .item h2 {
            display: table-cell;
            font-size: 26px;
            line-height: 28px;
            margin: 0;
            vertical-align: middle;
        }

        .home-carousel .item .text-mobile .visible-xs {
            display: table !important;
            height: 90px;
            position: absolute;
            right: 0;
        }

            .home-carousel .item .text-mobile .visible-xs a {
                display: table-cell;
                vertical-align: middle;
            }

        .home-carousel .item .fa-angle-right {
            color: #b5b5b5;
            font-size: 70px;
        }

    .home-carousel .carousel-indicators {
        bottom: 0;
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
        right: 0;
        bottom: 90px; /*top: 130px;*/ /* TODO: check with Liz to finalize */
        width: 100%;
    }

        .home-carousel .carousel-indicators li {
            border: none;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            border-radius: 0;
            background-color: rgba(37, 37, 37, .7);
            color: #fff;
            cursor: pointer;
            height: 20px;
            margin: 0;
            text-indent: 0;
            width: 25%;
        }

            .home-carousel .carousel-indicators li.active {
                background: #98002d;
            }

            .home-carousel .carousel-indicators li:first-child {
                border-left: 0;
            }

            .home-carousel .carousel-indicators li:last-child {
                border-right: 0;
            }

            .home-carousel .carousel-indicators li .caption {
                display: none;
            }

            .home-carousel .carousel-indicators li:hover,
            .home-carousel .carousel-indicators li:active {
                background: #000;
            }

    .btn-locate-dealer.home {
        margin: 5px 0 15px;
    }

    /* interior carousels */
    .interior-hero-carousel .item {
        /*height: 450px;*/ /* TODO: check with Liz to finalize */
        overflow: hidden;
    }

        .interior-hero-carousel .item .image {
            /*height: 150px;*/ /* TODO: check with Liz to finalize */
            overflow: hidden;
        }

        .interior-hero-carousel .item > .container {
            /*height: 300px;*/ /* TODO: check with Liz to finalize */
        }

        .interior-hero-carousel .item h2 {
            margin-top: 20px;
        }

    .interior-hero-carousel .carousel-indicators {
        bottom: auto;
        top: 125px;
    }

    /* 4.0 MODULES
------------------------------------------------ */
    /* LIST LINKS with header, links hidden until hover - two boxes, side by side */
    .middle-divider.gray-border {
        border: none;
    }

    .middle-divider.black-link-list {
        border-top: 0;
    }

        .middle-divider.black-link-list h2 a {
            background: rgba(29, 30, 31, 0.8);
            padding: 100px 0;
        }

            .middle-divider.black-link-list h2 a:hover,
            .middle-divider.black-link-list h2 a:focus {
                background: rgba(148, 148, 148, 0.8);
            }

    /* TITLED PANEL BUTTON */
    .middle-divider > .titled-panel-button > h2 {
        background-color: #1d1e1f;
        background-color: transparent;
        background-color: rgba(29, 30, 31, 0.8);
        color: #fff;
        margin: 0;
        padding: 100px 0;
        text-align: center;
    }

    .middle-divider > .titled-panel-button:focus > h2,
    .middle-divider > .titled-panel-button:hover > h2 {
        background-color: #949494;
        background-color: transparent;
        background-color: rgba(148, 148, 148, 0.8);
    }

    /*.row.middle-divider.black-link-list > div {
        margin-top: 10px;
    }*/

    /* FIND A DEALER, mobile only */
    .find-a-dealer-mobile {
        background: #4a494a;
        color: #fff;
        display: block;
        font-family: 'Helvetica Neue 75';
        font-size: 16px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        text-transform: uppercase;
    }

        .find-a-dealer-mobile:hover,
        .find-a-dealer-mobile:focus {
            background: #000;
            color: #fff;
        }

    /* PRODUCT BLOCKS, two side-by-side */
    .product-blocks .col-sm-6.display-block {
        border-top: 2px solid #fff;
    }

    .product-blocks .image {
        margin-bottom: 15px;
        text-align: center;
    }

        .product-blocks .image > img {
            display: inline;
        }

    .product-blocks.cat-landing h3 {
        text-align: center;
    }

    .product-blocks.cat-landing {
        margin-top: 30px;
    }

    .cat-landing.product-blocks .display-block {
        height: auto;
    }

    .cat-landing.product-blocks .view-all {
        border-top: 2px solid #fff;
    }

    .cat-landing .middle-divider {
        border-top: 0;
    }

    /* PRODUCT SELECTOR BUTTON */
    .selector-block-link,
    .selector-block-link:hover,
    .selector-block-link:focus {
        color: #fff;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        transition: background 0.25s ease;
        -webkit-transition: background 0.25s ease;
    }

        .selector-block-link .text {
            background: #949494;
            font-family: 'Helvetica Neue 35';
            font-size: 20px;
            height: 50px;
            line-height: 50px;
        }

        .selector-block-link .icon {
            background: #98002d;
            font-size: 16px;
            height: 50px;
            line-height: 50px;
            text-align: center;
        }


        .selector-block-link > .col-sm-10,
        .selector-block-link > .col-sm-2 {
            display: none;
        }

    /* HERO IMAGE/TEXT (interior pages like app landing) */
    .interior-hero {
        background: none !important;
        margin-bottom: 25px;
    }

        .interior-hero h2 {
            font-size: 26px;
            line-height: 26px;
            margin-top: 0;
        }

        .interior-hero h3 {
            color: #313131;
            font-size: 20px;
            line-height: 22px;
        }

        .interior-hero p {
            color: #7e7e7e;
            font-family: 'Helvetica Neue 45';
            font-size: 16px;
            margin: 15px 0 20px;
        }

    /* important because background images are inline */
    .carousel .item.interior-hero {
        background: none !important;
    }

    /* PRODUCT CAROUSEL */
    .product-carousel .item > div {
        border-bottom: 1px solid #949494;
        padding-bottom: 30px;
    }

    .view-all.right {
        text-align: center;
    }

    /* PRODUCT FILTER DROPDOWN (family landing) */
    .product-filter .dropdown {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    /* COMPARE ITEMS BUTTON */
    .compare-items.container > div {
        background: #000;
        font-size: 20px;
        margin-bottom: 50px;
    }

        .compare-items.container > div > a,
        .compare-items.container > div > .text {
            height: 55px;
            line-height: 55px;
        }

        .compare-items.container > div > .text {
            padding-left: 10px;
        }

        .compare-items.container > div > a {
            float: right;
            font-size: 18px;
            width: 85px;
        }


    /* chevrons/icons before text/links */
    .chevron-link li a {
        width: 88%;
    }

    .chevron-link.download li a {
        width: 85%;
    }


    /* 5.0 FAMILY LANDING
------------------------------------------------ */
    .product-grid > .row > .col-sm-6 {
        background: #fff;
        border-bottom: 3px solid #949494;
        border-top: 3px solid #949494;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .product-info-top .row.icons > div {
        margin-bottom: 10px;
    }

    .product-info-top .series {
        font-size: 18px;
    }

    .product-info-top .number {
        font-size: 30px;
    }

    .product-info-top .description {
        font-size: 20px;
    }

    .product-info-bottom .btn-wrap {
        margin-top: 20px;
    }

    .family-landing-header > .container,
    .family-landing-header h1 {
        margin-top: 20px;
    }

    .product-grid.family-landing .btn.btn-gray-mob {
        line-height: 27px;
        margin-bottom: 15px;
    }

    /* compare items on family landing */
    .compare-items {
        background: #313131;
        height: 55px;
        line-height: 55px;
    }

        .compare-items.top {
            margin-bottom: 30px;
        }

        .compare-items.bottom {
            margin-top: 30px;
        }

        .compare-items .text {
            font-size: 16px;
            padding: 0 10px;
        }

        .compare-items a {
            font-size: 20px;
            float: right;
            height: 55px;
            line-height: 55px;
            padding: 0 22px;
        }


    /* 6.0 MYQ
------------------------------------------------ */
    .myq-product-link {
        text-align: center;
    }

    .myq-product-support .col-sm-4 {
        margin-bottom: 30px;
    }

    .myq-product-support h3 {
        margin-top: 20px;
    }


    /* 7.0 LOCATE A DEALER
------------------------------------------------ */
    .page-locate-dealer > .row {
        margin-top: 0;
    }

    #body .dropdown.select.radio-check {
        margin-bottom: 15px;
    }

    .page-locate-dealer .dropdown.select.radio-check .dropdown-menu > div {
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-locate-dealer .results > div > ul li:first-child {
        border-top: 0;
    }

    .page-locate-dealer .results h2 {
        background: #f4f4f4;
        text-align: center;
        margin-bottom: 0;
        padding: 20px;
    }

    .page-locate-dealer .checkbox {
        border-top: 1px solid #fff;
    }

    .page-locate-dealer .label_radio {
        margin-top: 25px;
    }

    #body .dropdown.select.open .form-control.btn-submit-red {
        background: #98002d;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        #body .dropdown.select.open .form-control.btn-submit-red:hover,
        #body .dropdown.select.open .form-control.btn-submit-red:focus {
            background: #79232e;
        }

    .page-locate-dealer .results > ul li:first-child {
        border-top: 0;
    }

    .page-locate-dealer .show-map {
        background: url(../images/locate-dealer-mobile-map.jpg) top center no-repeat;
        background-size: cover;
        color: #fff;
        font-family: 'Helvetica Neue 35';
        font-size: 22px;
        padding: 20px;
        text-align: center;
    }

        .page-locate-dealer .show-map .fa {
            color: #fff;
            font-size: 30px;
            margin-right: 10px;
        }

    .page-locate-dealer .results > div > ul li p {
        margin-bottom: 15px;
    }

        .page-locate-dealer .results > div > ul li p.text-bold {
            margin-bottom: 5px;
        }

    .page-locate-dealer .results > div > ul li .phone {
        font-size: 22px;
    }

    .page-locate-dealer .icons-first > div {
        display: inline-block;
        margin-bottom: 15px;
        margin-right: 15px;
        padding: 0;
    }

        .page-locate-dealer .icons-first > div img {
            max-height: 50px;
            max-width: 140px;
        }

    .page-locate-dealer .option-icons > img {
        display: inline-block;
        margin-right: 15px;
        vertical-align: bottom;
    }

    .page-locate-dealer .results > div > ul li .padding {
        margin-bottom: 20px;
        padding: 0;
    }

    .page-locate-dealer .results .distance > p {
        margin-bottom: 25px;
    }

    .page-locate-dealer .results .action-link {
        background: #f4f4f4;
        color: #313131;
        display: block;
        font-size: 20px;
        padding: 15px;
        text-align: center;
    }

        .page-locate-dealer .results .action-link:hover,
        .page-locate-dealer .results .action-link:focus {
            background: #949494;
            color: #fff;
        }

        .page-locate-dealer .results .action-link i {
            display: block;
            font-size: 22px;
            margin: 0 auto 5px;
        }

    .page-locate-dealer .results .distance > .row > div {
        padding-left: 8px;
        padding-right: 15px;
    }

        .page-locate-dealer .results .distance > .row > div:first-child {
            padding-left: 15px;
            padding-right: 8px;
        }


    /* 8.0 PRODUCT DETAIL
------------------------------------------------ */
    /* product rotator */
    .product-rotator .item img {
        margin: auto;
    }

    .product-rotator .description {
        font-size: 20px;
    }

    .product-rotator h2 {
        font-family: 'Helvetica Neue 75';
        font-size: 20px;
        line-height: 24px;
    }

    .product-rotator .description,
    .product-rotator .rating,
    .product-rotator .col-sm-11 section,
    .product-rotator .btn-white-border {
        margin-bottom: 25px;
    }

    .product-rotator h2,
    .product-rotator .btn-locate-dealer,
    .product-rotator .product-icons {
        margin-bottom: 15px;
    }

    .product-rotator .product-info .rating .stars {
        font-size: 18px;
        display: inline-block;
        margin-right: 10px;
    }

    .product-rotator .product-info .btn.btn-red {
        background: #4A494A;
        font-size: 14px;
    }

    .product-rotator .product-info .wishlist-btn,
    .product-rotator .product-info .btn.btn-red {
        height: 50px;
        line-height: 50px;
        padding: 0;
    }

    .product-rotator .review,
    .customer-reviews .btn.btn-red {
        background: #fff;
        border: 1px solid #4c4c4c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #4c4c4c;
        display: block;
        font-family: 'Helvetica Neue 75';
        font-size: 16px;
        height: 52px;
        line-height: 52px;
        margin-top: 15px;
        padding: 0;
        text-align: center;
        text-transform: none;
        transition: background 0.25s ease;
        -webkit-transition: background 0.25s ease;
    }

        .product-rotator .review .glyphicon,
        .customer-reviews .btn.btn-red .glyphicon {
            color: #98002d;
            font-size: 16px;
            display: inline-block !important;
            margin-right: 10px;
        }

        .product-rotator .review:hover,
        .customer-reviews .btn.btn-red:hover {
            background: #f4f4f4;
        }

    .product-rotator .rating {
        font-size: 18px;
    }

        .product-rotator .rating .text-bold,
        .product-rotator .rating {
            font-family: 'Helvetica Neue 45';
        }


    /* icons turn to black */
    .product-detail .panel > a {
        font-size: 16px;
    }

        .product-detail .panel > a .left {
            margin-right: 5px;
        }

    /* content */
    .product-detail-right {
        margin-top: 30px;
    }

    .product-detail .gray-box {
        background: #fff;
        padding: 15px;
    }

    .product-detail .small-product-grid .col-sm-4 {
        border-bottom: 1px solid #383838;
        margin-bottom: 30px;
    }

    /* video carousel */
    .product-detail-videos.gray-box {
        background: #fff;
        padding: 0;
    }

    .product-detail-videos .video-carousel .item p {
        margin-left: 0;
        margin-right: 0;
    }

    .product-detail-videos .carousel-control.left {
        text-align: left;
    }

    .product-detail-videos .video-carousel .carousel-indicators {
        bottom: 75px;
    }

    .video-carousel .carousel-control .fa {
        top: 45px;
    }

    .video-carousel {
        border-bottom: 1px solid #949494;
        padding-bottom: 20px;
    }

    .product-detail-videos .video-carousel {
        border-bottom: none;
    }

    /* reviews */
    .customer-reviews .header h2 {
        line-height: 32px;
    }

    .customer-reviews .ratings .rating-num .visible-xs,
    .customer-reviews .ratings .rating-num.text-bold {
        display: inline-block !important;
        font-family: 'Helvetica Neue 45';
        font-size: 16px;
    }

    .customer-reviews .ratings .rating-num {
        float: none;
        margin-left: 20px;
    }

    .customer-reviews .rating .stars.large .fa {
        font-size: 25px;
    }

    .customer-reviews .ratings .rating-num.text-bold {
        font-size: 20px;
    }

    .review-list .customer-review {
        margin-top: 0;
    }

    .customer-review.box-shadow {
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0;
    }

    .customer-reviews .ratings section,
    .customer-review.box-shadow {
        border-bottom: 1px solid #949494;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }

    .customer-review.box-shadow {
        margin-bottom: 35px;
    }

    .customer-review .review-images {
        margin-bottom: 20px;
    }

    .customer-review .helpful .text-bold,
    .customer-review .share .text-bold,
    .customer-review .review-content .text-bold {
        font-family: 'Helvetica Neue 45';
        font-size: 18px;
        text-transform: none;
    }

    .customer-review .share {
        margin-left: 0;
        margin-right: 0;
    }

    .review-content .text-bold {
        font-size: 22px;
    }

    .review-content h4 {
        font-family: 'Helvetica Neue 65';
        margin-bottom: 20px;
    }

    .customer-reviews .rating .stars, .customer-reviews .useful-review .rating .stars {
        display: inline-block;
        margin-right: 10px;
    }

    .customer-reviews .rating {
        font-family: 'Helvetica Neue 45';
        font-size: 22px;
    }

        .customer-reviews .rating .text-red {
            color: #313131;
        }


    /* accessories markup */
    .mobile-accessories-list {
        border-top: 1px solid #949494;
        margin-top: 25px;
        padding-top: 25px;
    }

        .mobile-accessories-list h2 {
            margin: 0 0 15px;
        }

        .mobile-accessories-list ul {
            margin: 0;
        }

        .mobile-accessories-list li {
            border-bottom: 1px solid #949494;
            margin-bottom: 25px;
            padding-bottom: 25px;
        }

            .mobile-accessories-list li a {
                display: block;
            }

                .mobile-accessories-list li a h4 {
                    font-size: 24px;
                    margin: 0 0 5px;
                }

                .mobile-accessories-list li a p {
                    color: #313131;
                    font-family: 'Helvetica Neue 65';
                    font-size: 20px;
                    line-height: 24px;
                    margin: 5px 0;
                }

                .mobile-accessories-list li a .col-xs-7 > div {
                    text-align: center;
                }

                .mobile-accessories-list li a > div i {
                    color: #b5b5b5;
                    font-size: 35px;
                    margin-top: 10px;
                }

                .mobile-accessories-list li a > div .price {
                    color: #98002d;
                    font-family: 'Helvetica Neue 45';
                    font-size: 25px;
                    margin-top: 5px;
                }

        /* upgrades price */

        .mobile-accessories-list .upgrades li a .col-xs-7 > div {
            text-align: left;
        }


    /* 9.0 PRODUCT COMPARE
------------------------------------------------ */
    .product-compare .remove-default-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-compare .right-col > div {
        border: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        margin-top: 3%;
        width: 49%;
    }

        .product-compare .right-col > div.odd {
            margin-left: 2%;
        }

        .product-compare .right-col > div > .row > div {
            padding: 10px;
        }

        .product-compare .right-col > div > .row.product-info {
            height: 330px;
            overflow: hidden;
        }

        .product-compare .right-col > div > .row.table-row > div {
            background: #f4f4f4;
            height: 74px;
            line-height: 14px;
            margin: 0 10px;
            text-align: center;
        }

            .product-compare .right-col > div > .row.table-row > div.visible-xs {
                background: #d3d3d3;
                border-bottom: 1px solid #fff;
                color: #fff;
                font-family: 'Helvetica Neue 75';
                
            }

        .product-compare .right-col > div > .row.table-row {
            border-bottom: 4px solid #fff;
        }

    .product-compare .stars .fa-star {
        font-size: 16px;
    }

    .product-compare .wishlist-btn .uppercase {
        line-height: 16px;
    }

    .product-compare .text-bold {
        line-height: 15px;
    }

    .product-compare .right-col > div > .row.table-row > div > p {
        font-size: 14px;
        line-height: 18px;
    }

    /* 10.0 SHOPPING CART
------------------------------------------------ */
    .shopping-cart h2 {
        margin-bottom: 30px;
    }

    .shopping-cart .shopping-cart-rows > .row {
        border-bottom: 1px solid #949494;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .shopping-cart-rows {
        font-size: 18px;
    }

        .shopping-cart-rows > .row > .col-sm-6 {
            text-align: center;
        }

            .shopping-cart-rows > .row > .col-sm-6:first-child {
                margin-bottom: 20px;
                text-align: left;
            }

        .shopping-cart-rows > .row {
            padding-top: 0;
        }

    #body .shopping-cart-rows input.form-control {
        margin: auto;
    }

    .shopping-cart-rows .close-btn.with-input {
        margin-bottom: 0;
    }

    .shopping-cart-rows .text-right {
        margin-top: 10px;
    }

    .qty .text-link {
        margin: auto;
    }

    .shopping-cart .text-right {
        text-align: left;
    }

    .shopping-cart .cart-progress li {
        display: block;
    }

    .shopping-cart .shipping-billing > div {
        margin-top: 45px;
    }

        .shopping-cart .shipping-billing > div:first-child {
            margin-top: 0;
        }

    .shopping-cart .order-review .sidebar.ty-sidebar {
        padding-left: 0;
        padding-right: 0;
    }

    /* shopping cart master page */
    header .shopping-cart-header .header-links {
        height: auto;
        margin-top: 12px;
    }

        header .shopping-cart-header .header-links li {
            display: block;
        }

    header .shopping-cart-header li.pair.left a:after {
        content: "";
        left: 0;
        position: relative;
    }


    /* 11.0 MY ACCOUNT
------------------------------------------------ */
    /* mobile dropdown */
    .my-account .browse-account {
        margin: 20px 0 0;
    }

    .my-account .account-settings section {
        margin-bottom: 15px;
    }

    .my-account .account-settings > .row > div,
    .my-account .my-wishlist-preview {
        margin-top: 45px;
    }

        .my-account .account-settings > .row > div:first-child,
        .my-account .account-settings > .row > div.col-sm-6 {
            margin-top: 0;
        }

    /* register product */
    .register-product ul li {
        margin-bottom: 25px;
    }

    .register-product > div:first-child {
        margin-bottom: 15px;
    }

    /* wishlist page */
    .wishlist-page .close-btn {
        text-align: center;
    }

    .has-js .my-wishlist-page .label_check {
        display: none;
    }

    /* order history */
    .ty-prices > .row > div:first-child {
        font-size: 18px;
    }




    /* 12.0 SEARCH RESULTS
------------------------------------------------ */
    .search-results h2 {
        margin: 30px 0;
    }

    .search-results .compare-items {
        line-height: 60px;
        margin-bottom: 30px;
    }

        .search-results .compare-items.white a {
            height: 57px;
            line-height: 60px;
            padding: 0 20px;
        }

    .search-results-list {
        border-bottom: 1px solid #383838;
        margin-bottom: 30px;
    }

        .search-results-list li {
            border-top: 1px solid #383838;
            padding: 30px 0;
        }

            .search-results-list li img {
                margin: 0 auto 15px;
            }

    /* pagination */
    .search-results .pagination {
        display: table;
        margin-top: 0;
        text-align: center;
        width: 100%;
    }

        .search-results .pagination > li,
        .search-results .pagination li.visible-xs {
            display: table-cell !important;
        }

        .search-results .pagination a,
        .search-results .pagination span {
            float: none;
            margin-left: 3px;
            margin-right: 3px;
        }

    /* action icons */
    .search-results-list .actions a {
        display: block;
        margin-top: 15px;
    }


    /* 13.0 SUPPORT
------------------------------------------------ */
    /* support landing */
    .customer-support > .row.top-content > div > section:first-child {
        margin-top: 0;
    }

    .customer-support > .row.top-content > div > section.quick-links,
    .customer-support > .row > div > section {
        margin-top: 45px;
    }

    .customer-support > .row.top-content .browse,
    .support-videos .video-padding {
        margin-bottom: 15px;
    }

    .customer-support.dropdown {
        margin-top: 20px;
    }

    /* product expanded */
    .customer-support.product-expanded .top-content img {
        margin: 0 auto 20px;
    }

    .customer-support.product-expanded .top-content .btn-white-border {
        margin-bottom: 15px;
    }

    .product-expanded .price {
        font-size: 30px;
    }

    /* diagram */
    .product-diagram-table .header-row .visible-xs {
        display: inline-block !important;
    }

    .parts-diagram > .row > div.col-md-3 {
        margin-top: 45px;
    }



    /* 14.0 ARCHITECTS & BUILDERS
------------------------------------------------ */
    /* links */
    .middle-divider.black-link-list.arch-builder h2 a {
        padding: 50px 0;
    }

    .btn-white-border.prod-specs-dl {
        font-size: 14px;
        height: auto;
        line-height: 16px;
        padding: 20px 5px;
    }


    .arch-builders-banner {
        margin-bottom: 15px;
        padding: 15px 15px 75px;
    }

    .arch-builder-grid .grid-body > .row {
        border-top: 1px solid #949494;
        padding-top: 30px;
        margin-top: 20px;
    }

        .arch-builder-grid .grid-body > .row:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 20px;
        }

        .arch-builder-grid .grid-body > .row > div {
            margin-bottom: 4px;
        }

    .arch-builder-grid .grid-body img.img-responsive {
        margin: 0 auto 10px;
    }

    .arch-builder-grid .grid-body > .row > div span,
    .arch-builder-grid .grid-body > .row > div li {
        background: #f4f4f4;
        display: block;
        text-align: center;
        padding: 10px;
    }

    .arch-builder-grid .grid-body > .row > div li {
        margin-top: 2px;
    }

        .arch-builder-grid .grid-body > .row > div li:first-child {
            margin-top: 0;
        }

        .arch-builder-grid .grid-body > .row > div li a {
            display: block;
        }

    .arch-builder-grid .grid-body > .row > div.last ul li a:before {
        color: #98002d;
        content: "\e022";
        display: inline-block;
        font-size: 10px;
        font-family: 'Glyphicons Halflings';
        margin-right: 5px;
    }

    .arch-builder-grid .grid-body > .row > div .visible-xs {
        background: #d3d3d3;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    .arch-builder-grid .grid-body > .row > div li.visible-xs {
        border: none;
    }

    .arch-builder-grid .grid-body > .row > div.first {
        font-family: 'Helvetica Neue 75';
        margin-bottom: 10px;
    }

    /* app page - navigation */
    .arch-builder-app-nav ul {
        margin-bottom: 30px;
    }

        .arch-builder-app-nav ul li {
            margin-bottom: 2px;
        }

            .arch-builder-app-nav ul li a {
                font-size: 15px;
                font-family: 'Helvetica Neue 75';
                padding: 20px 15px;
            }

    /* contact page */
    .arch-builder-contact h5 {
        border-bottom: none;
        font-family: 'Helvetica Neue 35';
        font-size: 28px;
        line-height: 30px;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .shopping-cart.arch-builder-contact h2 {
        margin-bottom: 10px;
    }

    .shopping-cart.arch-builder-contact .shipping-billing > div {
        margin-top: 0;
    }


    /* 15.0 GENERIC CONTENT
------------------------------------------------ */
    .generic-module .bg-image-header > div {
        bottom: 15px;
        left: 25px;
    }

    .generic-module {
        margin-bottom: 45px;
    }

        .generic-module > div,
        .generic-module h2,
        .generic-module .bg-image-header {
            margin-bottom: 30px;
        }

        .generic-module .cta {
            margin-top: 15px;
        }


    /* 16.0 PRODUCT SELECTOR
------------------------------------------------ */
    .prod-select-header .col-5 > span {
        border-bottom-width: 6px;
    }

    .prod-select-header > .row {
        margin: 0 -5px;
    }

    .prod-select-header .col-5 {
        padding: 0 5px;
    }

    .prod-select-header {
        margin: 0px 0 10px;
    }

    .prod-select h3 {
        margin: 20px 0 20px;
    }

    /* results */
    .prod-select-results .prod-select .col-sm-6 img {
        margin-bottom: 15px;
    }

    .prod-select ul li {
        padding-bottom: 15px;
    }

    .prod-select-results .prod-select-header > .row {
        margin: 0 -15px;
    }

    .prod-select-results .prod-select-header .btn-white-border,
    .prod-select-results .prod-select-header .compare-items {
        margin-top: 15px;
    }

    .prod-select-results .prod-select-header .compare-items {
        line-height: 52px;
        padding: 0;
    }

        .prod-select-results .prod-select-header .compare-items a {
            height: 50px;
            line-height: 50px;
        }

    .prod-select-header .btn-compare-items {
        padding-left: 10px;
        text-align: left;
    }

        .prod-select-header .btn-compare-items i.fa {
            font-size: 20px;
            line-height: 50px;
            margin: 0;
            padding-bottom: 0;
            padding-top: 0;
        }


    /* 17.0 USE CASE
------------------------------------------------ */
    .search-results-list.use-case .btn-white-border {
        margin: 30px 0 15px;
    }

    .search-results-list.use-case {
        border-bottom: 0;
    }

        .search-results-list.use-case .img-responsive {
            margin-bottom: 20px;
        }


    /* 18.0 SITE ALERT
------------------------------------------------ */
    .alert-content {
        padding: 15px;
    }

    /* 19.0 GDO
------------------------------------------------ */
    .gdo-boxes .col-md-6.text-right {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 30px;
    }
/* 20.0 BLOG
------------------------------------------------ */
.btn-fullarticle-blog {
    background: #A5A5A5;
    border: 1px solid #A5A5A5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: block;
    font-family: 'Helvetica Neue 75';
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}   
.moreRecentPosts-mobile {
    padding: 10px;
}
.blogRollPosts-mobile a {
    font-family: 'Helvetica Neue 45';
    font-size: 14px;
}
.blogRollPosts-mobile {
    padding: 10px;
}
.right-container {
    padding: 5px 0px 5px 0px;
}
.btn-fullarticle-blog  a{
    color: white;

}   

    .BlogPanel #commentRow input.SubmitButton
    {
        float: right;
        background: black;
        color: white;
        line-height: 20px;
    }

    .BlogPanel #commentRow input.TextBoxField
    {
        
        float: left;
        line-height: 20px;
        width: 80%;
    }

    .BlogPanel .CommentFormContainer span.InfoLabel
    {
        font-family: 'Helvetica Neue 35';
        color: #79232e;
        font-weight: bold;
        font-size: large;
    }

    .right-container #emailSignup {
        padding: 10px;
    text-align: center
    }

    .right-container #dealerCorner {
        text-align: center;
        padding: 10px;
    }

     .right-container #dealerLocator {
        text-align: center;
        padding: 10px;
    }
     .right-container #postArchive {
       text-align: center;
        padding: 10px;       
     }

     .right-container #postArchive a:hover {
         text-decoration: none;
         font-weight: bolder;
     }
     .right-container #recentPosts {
         text-align: center;
     }

        .right-container #recentPosts a:hover
        {
            text-decoration: none;
            font-weight: bolder;
        }
        .right-container #signUpLetter {
            float: right;
        }

            /* BLOG EMAIL SIGNUP OVERLAY WINDOW
         */

    #UpdatePanel1 span#lblInfo.InfoLabel
    {
        display: block;
        padding-bottom: 0px;
        background: none;
        font-size: medium;
        font-weight: bold;
        color: #98002D;
    }

    #overlay
    {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        display: none;
    }

    #modal
    {
        width: 70%;
        /*height: 40%;*/
        background: #fff;
        box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
        border-radius: 10px;
        position: relative;
        vertical-align: middle;
        left: 15%;
        top: 30%;
        z-index: 9999;
        overflow: visible;
    }

        #modal .head
        {
            background: #eee;
            padding: 10px;
        }

        #modal p
        {
            margin: 15px;
        }

        #modal .close
        {
            background: #95959A;
            color: #FFFFFF;
            line-height: 25px;
            position: absolute;
            right: -12px;
            text-align: center;
            top: -10px;
            width: 24px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
            z-index: 99999;
            text-shadow: 0 1px 0 #fff;
            font-size: 15px;
            opacity: 1;
        }


    #lblErr
    {
        font-size: 14px;
        color: #98002D;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bolder;
        top: 10%;
        position: absolute;
        padding: 0% 10%;

    }

    #lblEmail
    {
        font-size: large;
        line-height: 30px;
        color: #313131;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bold;
        padding-right: 10px;
        text-transform: uppercase;
        font-size: 15px;
    }


    #pnlSubscribe
    {
        text-align: center;
        padding: 5px;
    }

    #btnSubscribe
    {
        background: #fff;
        border: 1px solid  #4c4c4c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #4c4c4c;
        display: block;
        font-family: 'Helvetica Neue 75';
        font-size: 16px;
        height: 40px;
        width: 86%;
        text-align: center;
        transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
    }

    #modal .close:hover
    {
        background: #404046;
    }

    .ErrorLabel
    {
        font-size: 14px;
        color: #98002D;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bold;
        margin-bottom: -10px;
    }

    .EmailNotificationForm
    {
        padding: 10px;
        border: solid 1px #dcdcdc;
        transition: box-shadow 0.3s, border 0.3s;
        width: 84%;
    }

        .EmailNotificationForm:focus
        {
            border: solid 1px #707070;
            box-shadow: 0 0 5px 1px #969696;
        }


    .NotificationSubscription
    {
        margin: 0 auto;
        padding: 10px 10px;
    }

    #UpdatePanel1
    {
    padding: 35px 30px;
    background: #fff;
    border-radius: 10px;
    }

}
/* end page media query*/



/* MOBILE MEDIA QUERIES
------------------------------------------------ */

@media (min-width:481px) and (max-width:767px) {
    .home-carousel .item {
        /*height: 325px;*/ /* TODO: check with Liz to finalize */
    }

        .home-carousel .item .image {
            /*height: 225px;*/ /* TODO: check with Liz to finalize */
            overflow: hidden;
        }

        .home-carousel .item > .container {
            /*height: 100px;*/ /* TODO: check with Liz to finalize */
        }

        .home-carousel .item h2 {
            font-size: 30px;
            line-height: 32px;
            margin-top: 18px;
        }


        .home-carousel .item .fa-angle-right {
            font-size: 75px;
            height: 100px;
            line-height: 100px;
        }

    .home-carousel .carousel-indicators {
        bottom: 90px; /*top: 205px;*/ /* TODO: check with Liz to finalize */
    }

    .interior-hero-carousel .item {
        /*height: 425px;*/ /* TODO: check with Liz to finalize */
    }

        .interior-hero-carousel .item .image {
            /*height: 225px;*/ /* TODO: check with Liz to finalize */
            overflow: hidden;
        }

            .interior-hero-carousel .item .image > .container {
                /*height: 200px;*/ /* TODO: check with Liz to finalize */
            }

    .interior-hero-carousel .carousel-indicators {
        top: 205px;
    }


}
/* end media query */


/* MOBILE MEDIA QUERIES LANDSCAPE MODE 
------------------------------------------------ */
@media (max-width:767px) and  ( orientation:landscape) {
    
    #modal
    { 
        width: 70%;
        /*height: 70%;*/
        background: #fff;
        box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
        border-radius: 10px;
        position: relative;
        vertical-align: middle;
        /*left: 15%;*/
        top: 15%;
        z-index: 9999;
        overflow: visible;
    }

}