.ham {
    display: none;
}

/* Fix Layout */
@media (max-width: 767px) {
    .container-fluid {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .w1000.container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1150px) {
    .headerGrid {
        grid-template-columns: auto 1fr;
        grid-gap: 0 1rem;
    }
}

@media (max-width: 992px) {

    header {
        position: relative;
        padding-left: 2rem;
        padding-bottom: 1rem;
    }

    header .logo img {
        max-width: 120px;
    }

    .ham {
        display: block;
        position: absolute;
        left: 1rem;
        top: 1rem;
        font-size: 1.5rem;
        opacity: .5;
        cursor: pointer;
        z-index: 2;
    }

    .menu {
        margin-top: 0;
        position: fixed;
        background-color: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        width: 270px;
        transform: translateX(-100%);
        transition: 0.2s all ease-out;
        display: inline-block;
        z-index: 99;
        padding: 1rem;
        border-top: 10px solid #022548;
        border-bottom: 10px solid #F2F3F4;
    }

    .menu.active {
        transform: translateX(0%);
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        z-index: 98;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .menu-overlay.active {
        bottom: 0;
        opacity: 1;
    }

    .navigation .sub-menu {
        position: relative;
        display: block;
        border: none;
        padding-left: 2rem;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1rem;
    }

    .navigation .nav-item:hover .sub-menu {
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .navigation .sub-menu:hover {
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .faded-line {
        display: none;
    }
}

@media (max-width: 767px) {

    header {
        padding-left: 0;
    }

    .headerGrid {
        grid-template-columns: 1fr;
        grid-template-areas: 'logo' 'top' 'nav';
    }

    .headerGrid .logo {
        text-align: center;
        padding-bottom: 1rem;
    }

    .headerGrid .top {
        justify-content: center;
    }

    .headerGrid .top {
        display: block;
    }

    .headerGrid .top .redes {
        display: flex;
        justify-content: center;
    }

    .headerGrid .rrss {
        margin-left: 0;
        margin-top: 1rem;
    }

    .search-input:focus {
        width: 100%;
    }
}

/* Homepage */

@media (max-width: 767px) {
    .home1 .naui-overlay img {
        max-height: 100px;
    }

    .block-about .btn {
        margin-bottom: 1.5rem;
    }

    .title {
        font-size: 1.5rem;
    }

    .focus-item img {
        margin-bottom: .5rem;
    }

    .focus-item {
        margin-bottom: 1rem;
    }
}

@media (max-width: 900px) {
    .ourPresence {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: 'top' 'bottom';
    }

    .ourPresence .left {
        grid-area: bottom;
    }

    .ourPresence .right {
        grid-area: top;
        padding: 1rem 2rem;
    }

    .title-sub {
        font-size: 1.4rem;
    }

    .font-presence .number {
        font-size: 3.5rem;
    }

    .font-presence .text {
        font-size: 1.3rem;
    }

    .ourPresence .right br {
        display: none;
    }

    .ourPresence .right .btn {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .storyPreview img {
        margin-bottom: 1rem;
    }

    .storiesBlock {
        padding-bottom: 1rem;
    }

    .gridHalf {
        grid-template-columns: 1fr;
    }

    .gridHalf .left {
        height: 120px;
    }

    .gridHalf .left .naui-overlay {
        position: relative;
        height: 100%;
    }

    .banner-citizen .left .titulo {
        font-size: 1.3rem;
        text-align: center;
    }

    .section-board {
        padding-top: 2rem;
    }

    .section-board .title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 1000px) {
    .boardGrid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .boardGrid {
        grid-template-columns: 1fr;
    }

    .section-partners {
        padding-top: 2rem;
    }

    .gridPartners {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 992px) {
    .gridFooter {
        grid-template-columns: 1fr;
    }

    footer .center .gridLinks {
        grid-template-columns: 1fr;
    }

}

/* Other sections */

@media (max-width: 767px) {
    .trustCover .naui-overlay {
        position: relative;
        background: none;
    }

    .trustCover .title-sub {
        color: #2C2D2E;
        margin-bottom: 0;
        margin-top: 1rem;
        font-size: 1.333rem;
    }

    .trustCover + .pad {
        padding-top: 1.5rem;
    }

    .our-work-1 {
        padding-bottom: 1rem;
    }

    .gridProgramsPreview {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }

    .relatedGrid {
        grid-template-columns: 1fr;
    }

    .why0 {
        padding-bottom: 1rem;
    }

    .why2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .how0 {
        padding-bottom: 2rem;
    }

    .synGrid {
        grid-template-columns: 1fr 1fr;
    }

    .synGrid > .syn:last-child {
        grid-column: 1/3;
    }

    .how3 {
        margin-top: 1rem;
    }

    .donations {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        padding-left: 4rem;
    }

    .aboutPresence img {
        max-width: 150px;
    }

    .aboutPresence br {
        display: none;
    }

    .aboutPresence .btn {
        margin-top: 1.5rem;
    }

    .aboutPresence {
        padding-bottom: 1.5rem;
    }

    .gridCountries {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        padding: 1rem;
    }

    .aboutInter {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .countries-profiles {
        padding-top: 0;
    }

    .countryProfile .flag {
        max-width: 80px;
        margin-bottom: 1rem;
    }

    .countryProfile .titulo {
        font-size: 1.3rem;
        max-width: 80%;
        margin-left: 10%;
    }

    .countryProfile {
        margin-bottom: 1rem;
        padding-top: 1rem;
        border-bottom: 1px solid #eee;
        padding-bottom: 1rem;
    }

    .impact1 .title {
        font-size: 1.3rem;
        display: none;
    }

    .impact1 {
        padding-bottom: 2rem;
    }

    .impact2 {
        padding-top: 2rem;
        margin-bottom: 0;
    }

    .partners1 img {
        margin-top: 1rem;
        max-height: 170px;
    }

    .ptitle {
        margin-bottom: 0;
        padding-top: 1.3rem;
        padding-bottom: 1rem;
    }

    .grid-partners {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .local-partners {
        padding-top: 1.5rem;
    }

    .local-panel {
        padding: 0;
        margin-top: 1rem;
    }

    .local-panel .container-fluid {
        margin: 0;
        padding: 0;
    }

    .gridActions {
        grid-template-columns: 100%;
        margin-bottom: 1rem;
    }

    .get1 {
        padding-bottom: 1.5rem;
    }

    .get2 {
        padding-bottom: 2rem;
    }

    .volunteer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .volunteer .buttons .btn {
        margin-bottom: 1rem;
    }

    .volunteer h3 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .get-in-touch {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .get-in-touch .title-sub {
        margin-bottom: 2rem;
    }

    .get-in-touch .col-12 > .box-left {
        display: block;
        margin-top: 1rem;
    }

    .get-in-touch .box-left .box-left {
        margin-bottom: 1rem;
    }

    .page-poeta {
        padding-top: 2rem;
    }

    .page-poeta .block-content {
        padding: 0 1rem;
    }

}

/* About */
@media (max-width: 1000px) {
    .identity {
        grid-template-columns: 1fr;
        grid-template-areas: 'block1' 'block2' 'block4' 'block3';
    }

    .identity .block1 {
        grid-area: block1;
        padding-left: 3vw;
        padding-top: 1rem;
        padding-right: 3vw;
    }

    .identity .block2 {
        grid-area: block2;
    }

    .identity .block3 {
        grid-area: block3;
    }

    .identity .block4 {
        grid-area: block4;
        padding-left: 3vw;
        padding-top: 1rem;
        padding-right: 3vw;
    }

    .tabWrapper .nav-tabs .nav-item {
        line-height: 1.2rem;
    }

}

@media (max-width: 767px) {
    .about1 {
        padding-bottom: 1rem;
    }

    .identity .block1 {
        padding-left: 15px;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-right: 15px;
    }

    .identity .block4 {
        padding-left: 15px;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-right: 15px;
    }

    .about2 {
        padding-top: 1rem;
    }

    .about2 .container-fluid {
        padding: 0;
    }

    .tabWrapper .nav-tabs {
        display: block;
    }

    .tabWrapper .nav-tabs .nav-item {
        width: 100%;
        border-radius: 0;
        padding-top: .75rem;
        padding-bottom: .75rem;
        border-bottom: 1px solid #e5e6e7;
        margin: 0;
    }

    .tabAbout {
        padding: 2rem 1rem;
    }

    .noticia1 .actions {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}

/* Responsive Programas y Proyectos */

@media (max-width: 992px) {
    .gridProjects {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .gridPrograms {
        grid-template-columns: 100%;
        grid-gap: 1rem;
    }

    .programs1 .programs-logo {
        height: 70px;
        margin-bottom: 1rem;
    }

    .profileFlex {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem 0;
    }

    .profileFlex .profileItem {
        width: auto;
    }

    .profile {
        padding-top: .5rem;
        padding-bottom: 2rem;
    }

    .profile .block-right {
        padding-left: 1rem;
        margin-top: 1rem;
    }

    .gridP4 {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }

    .pBlock .titulo {
        min-height: auto;
        margin-bottom: 2rem;
    }

    .pBlock ul {
        margin-bottom: 0;
        padding-left: 1rem;
    }

    .highlight-section {
        padding: 0;
    }

    .highlight {
        font-size: 1.3rem;
    }

    .gridProjects {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }

    .projects {
        padding-top: 0;
    }

    .programs2 span {
        display: block;
    }

    .programs2 .dash {
        display: none;
    }

    .project0 .bread > div {
        display: none;
    }

    .project0 .bread > div:first-child {
        display: block;
    }

    .project0 .bread > div:nth-child(2) {
        display: block;
    }

    .project0 .bread > div:last-child {
        display: block;
    }

    .project1 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .project1 h1 {
        font-size: 1.5rem;
    }

    .project1 .coverage dd {
        font-size: .9rem;
    }

    .project2 .container-fluid {
        padding: 0;
    }

    .gridPJ2 {
        grid-template-columns: 1fr;
    }

    .blockPJ h3 {
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
    }

    .blockPJ {
        padding: 1rem;
        padding-top: 2rem;
    }

    .gridGoals {
        grid-template-columns: 1fr;
    }

    .project3 .title {
        margin-bottom: 1rem;
    }

    .project4 dt {
        font-size: 2.75rem;
    }

    .project4 dd {
        margin-bottom: 1rem;
    }

    .project4 {
        padding-bottom: 1.5rem;
    }

    .project5 {
        padding-bottom: 0;
    }

    .project5 .title {
        margin-bottom: 1rem;
    }

    .gridStructure {
        grid-gap: 1.5rem;
    }

    .structureItem {
        grid-gap: 1.5rem;
    }

    .structureItem dt {
        font-size: 1rem;
    }

    .project6 {
        padding-top: 0;
    }

    .gridPartnersProject {
        grid-template-columns: 1fr 1fr;
    }

    .project7 {
        padding-top: 2rem;
        padding-bottom: 1.5rem;
    }

    .sdgs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1rem;
        width: 100%;
    }

    .sdgs > * {
        margin: 0;
        width: 100%;
        height: auto;
    }
}

/* Resposnive Press Room */
@media (max-width: 767px) {
    .press1 .title {
        display: none;
    }

    .readingLayout .block-left {
        padding-right: 1rem;
    }

    .readingLayout .block-right {
        padding-left: 1rem;
    }

    .releases .newsPreview {
        margin-bottom: 1.5rem;
    }

    .podcasts .podcastsPreview {
        margin-bottom: 1.5rem;
    }

    .gridPressKit {
        grid-gap: 1.5rem;
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 600px) {
    .newsPreview {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .gridLocations, .gridRelevantLinks, .gridRelatedNews {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }

    .project-related-news .newsPreview.aside {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .gridLocations, .gridRelevantLinks, .gridRelatedNews {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }

    .gridRelatedNews {
        padding-top: 0;
    }

    .project-related-news .title {
        margin-bottom: 1.5rem;
    }

    .gridBanner {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .gridBanner > div {
        min-height: 50px;
    }

    .project1 .logo {
        max-height: 100px;
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .message-template {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .headerGrid .lang select {
        max-width: 70px;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .headerGrid .lang select {
        position: absolute;
        top: 0;
        right: 1rem;
    }
}

@media (max-width: 600px) {
    .venezuela-btn {
        margin: 0 auto;
        display: block;
        width: max-content;
        margin-bottom: 1rem;
        border: none;
        border-bottom: 1px solid;
        border-radius: 0;
        padding: 0;
    }
}