/**
 *     project responsive
 */
@media only screen and (max-width: 1199px) {
    html { font-size: 16px; } /* http://j.eremy.net/confused-about-rem-and-em/ */
    .navbar-default .navbar-nav > li.dropdown > a {padding: 20px 9px;}
    .navbar-default .navbar-nav > li:after {display: none;}
    .nav-tabs > li {width: 100%;}
    .nav-tabs > li.active > a:after {height: 0px !important;}
    .nav-tabs > li.active > a {box-shadow: none;}
    .tab-pane p img {top: 0;}
    .tab-content {box-shadow: none;}
    .nacd-logo {left: 12px; top: 50px;}
    body.sticky-site-footer .site-footer {height: 95px;}
    body.sticky-site-footer {margin-bottom: 95px;}
    .program-header .share {left: 22px; right: auto; top: 20px;}
    .navbar-default .navbar-nav > li.dropdown > a {padding: 17px 9px 18px 9px;}
    .content .gallery figure.gallery-item div.gallery-icon img {height: auto; max-width: 210px;}
    .content article.page img.dow {max-width: 89px;}
    .tabbed-content-contributors .nav-tabs > li {width: 100%; margin-bottom: 0;}
    .page-id-37 .tab-content {top: 0;}
    .nav-tabs > li.active > a {border: 1px solid #ddd; border-bottom: none;}
    .container-usmap-select { margin-top: 20px; margin-bottom: 40px;}
}

@media only screen and (max-width: 991px) {
    html { font-size: 16px; } /* http://j.eremy.net/confused-about-rem-and-em/ */
    .footer-features .donate, .footer-features .learn, .footer-features .connect {margin-bottom: 40px;}
    .footer-features .learn {padding-left: 15px;}
    .copyright, .site-credits, .footer-nav {top: 5px;}
    .footer-nav {float: left !important; width: 100%; position: relative; left: -40px; top: 20px;}
    .search-form {display: none;}
    .navbar-default .navbar-nav > li.dropdown > a:after {content: ""; padding-left: 0;}
    .navbar-default .navbar-nav > li.dropdown > a {padding: 20px 7px; font-size: 14px;}
    .nav .dropdown-menu {padding-top: 15px; padding-bottom: 15px; }
    .dropdown-menu > li > a, .mega-menu-column li a {font-size: 14px;}
    .mega-menu-column h4 a {font-size: 16px;}
    .footer-features .learn:after, .footer-features .donate:after {width: 0 !important;}
    .navbar-default .navbar-nav > li > a {padding: 18px 7px !important;}
    .intro p.callout {font-size: 20px; line-height: 28px;}
    .intro {padding-top: 35px; padding-bottom: 25px;}
    .intro a {font-size: 15px;}
    .nacd-logo {top: 67px;}
    body.sticky-site-footer .site-footer {height: 65px;}
    body.sticky-site-footer {margin-bottom: 65px;}
    body.home.sticky-site-footer .site-footer {height: 110px;}
    body.home.sticky-site-footer {margin-bottom: 110px;}
    .program-header {background: url('../images/programs-header-bg-responsive.png') no-repeat top right;}
    .program-header .share {left: 22px; right: auto; top: 20px;}
    .form-user {margin-bottom: 25px;}
    .tab-content-contributors ul.contributor-list li {width: 50%;}
    .tab-content-contributors ul.contributor-list li:nth-child(3n+1) {clear: none;}

    .children-get-involved div {padding-left: 0;}
    .children-get-involved h2:before {display:none;}
    .children-get-involved p {margin-left: 0; font-size: 16px; line-height: 1.5;}

    .content-list article.post img {margin-bottom: 25px;}
    .single header.document-header h1 {max-width: 80%;}
    .sidebar {margin-top: 20px;}

    /* Home Features */
    .home-feature-video__wrap {
        margin: 1rem 0 4rem;
        padding: 2.5rem 0 2rem;
    }

    .home-feature-video p.caption {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 767px) {
    html { font-size: 16px; } /* http://j.eremy.net/confused-about-rem-and-em/ */
    .dropdown-menu.bedstone-bootstrap-hover-dropdown { display: block; float: none; position: relative; }
    .catalogue > div > figure { float: right; width: auto; max-width: 30%; margin-right: 0; margin-bottom: 2rem; margin-left: 1.5rem; }
    .catalogue article { overflow: visible; }
    .catalogue.catalogue-columns article { margin-left: 0;}
    .top-right .social, .top-right .donate {position: relative; top: 72px;}
    .top-right .search-form {display: none;}
    .navbar-nav > li > .dropdown-menu {display: block !important; position: relative;}
    .navbar-default .navbar-collapse {background: #0095d5; border: none; box-shadow: none; width: 100%; z-index: 10; position: absolute; top: 145px; padding-bottom: 30px;}
    .nav .dropdown-menu {display: block; box-shadow: none; padding-top: 0; padding-bottom: 0;}

    .mega-menu {flex-wrap: wrap;}
    .mega-menu-column {width: 100%; flex: none;}

    .navbar-default .navbar-nav > li > a {background: transparent; color: #fff;}
    .nav > li {width: 100%; display: block; clear: both;}
    .navbar-default .navbar-nav > li.dropdown > a {padding: 20px 7px 10px;}
    .dropdown-menu {width: 85%;}
    .dropdown-menu.mega-menu {width: 85%; top: auto;}
    .tab-pane img.no-padding {top: 0;}
    .intro p.callout {font-size: 17px; line-height: 25px;}
    .intro {padding-top: 25px; padding-bottom: 15px;}
    .intro a {font-size: 14px;}
    .tab-pane figure {max-width: 100%; top: 0;}
    .program-header .share {left: 10px;}
    .programs header.document-header h1 {max-width: 80%;}
    .press-inquiries {position: relative; top: 0;}
    .children-get-involved div {padding-left: 0px;}
    #usmap { display: none; }
    .usmap-instructions { display: none; }
    .local-challenge-cta { float: none; }
}

@media only screen and (max-width: 600px) {
    .program-header {background: url('../images/program-header-responsive.png') no-repeat top left; height: 213px; margin-bottom: 20px;}
    .program-header .share {right: 22px; left: auto; top: 130px;}
    .content .gallery figure.gallery-item div.gallery-icon img {max-width: 165px;}

    /* Home Features */
    .home-feature-video__wrap {
        margin: 0 0 3rem;
        padding: 2rem 0 2rem;
    }

    .home-feature-video p.caption {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 550px) {
    .top-right .social {top: -20px; right: -60px;}
    .filmstrip {display: none;}
    .mega-menu-column li {display: none;}
    .intro p.callout {font-size: 17px; line-height: 25px;}
}

@media only screen and (max-width: 500px) {
    .nacd-logo {top: 125px;}
    .footer-nav ul li:nth-child(2) > span {display: none;}
    body.sticky-site-footer .site-footer {height: 125px;}
    body.sticky-site-footer {margin-bottom: 125px;}
    body.home.sticky-site-footer .site-footer {height: 175px;}
    body.home.sticky-site-footer {margin-bottom: 175px;}

    .footer-nav ul li {
        float: none;
    }

    .footer-nav ul li:nth-child(n+2)::before {
        display: none;
    }

    .home-feature-posts .feature-post {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    html { font-size: 16px; } /* http://j.eremy.net/confused-about-rem-and-em/ */
    .catalogue > div { margin-bottom: 3rem; }
    .catalogue > div > figure { float: none; max-width: 100%; max-height: 60vh; margin-bottom: 1rem; margin-left: 0; }
    .top-right .social {right: -10px; top: 72px;}
    .top-right .donate {display: none;}
    .tab-pane img {max-width: 100%; }
    .tab-content {width: 98%;}
    .nacd-logo {top: 140px;}
    body.sticky-site-footer .site-footer {height: 140px;}
    body.sticky-site-footer {margin-bottom: 140px;}
    body.home.sticky-site-footer .site-footer {height: 190px;}
    body.home.sticky-site-footer {margin-bottom: 190px;}
    .content .gallery figure.gallery-item div.gallery-icon img {margin-bottom: 20px; max-width: 100%;}
    .content article.page img, .content article.post figure.contextual-image {width: 100%; height: auto; margin-bottom: 20px;}
    .content-list article.post img {margin-bottom: 20px;}
    .tabbed-content-contributors .nav-tabs > li {width: 99%;}
    .tab-content-contributors ul.contributor-list li {width: 100%;}

    .footer-features .connect .social ul li {
        margin-right: 5px;
    }

    /* Home Features */
    .home-feature-video p.caption {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 460px) {
    .programs header.document-header h1 {max-width: 70%;}
}

@media only screen and (max-width: 430px) {
    .top-right .social {display: none;}
}

@media only screen and (max-width: 395px) {
    .site-credits span {display: none;}
}