@media screen and (max-width: 290px) {

    /* Barra para doar agora */

    div.donate-now-bar p.donate-now-title {
        font-size: 14px;
        line-height: 25px;
        width: 100%;
    }

}

@media screen and (max-width: 320px) {

    /* Menu */

    .menu-list .menu-item.logomark img {
        width: 70%;
        margin-left: 0;
    }
}

@media screen and (max-width: 390px) {

    /* Top bar */

    #navbar .social-medias .get-in-touch-call .top-call {
        grid-template-columns: 65% 35%;
    }

}

@media screen and (min-width: 490px) and (max-width: 1090px) {
    #navbar #menu .menu-list {
        grid-template-columns: 20% 76%;
    }
}

@media screen and (max-width: 490px) {

    /* Menu */

    .menu-list .menu-item.logomark a img.menu-logo {
        width: 190%;
    }

    #navbar #menu .menu-list {
        grid-template-columns: 18% 78%;
    }

    /* Doe Agora */

    .divisory.mb-2 .page-intern-subtitle{
        width: 90%;
    }

    /* Footer */

    .more-info-item .more-info-sub-dropdown .more-info-sub-block h3.aside-menu-subtitle{
        display: none;
    }

    /* Home section Sobre o Instituto */

    .about-us-btn .btn-learn-more{
        width: 100%;
        display: block;
        padding: 0.6rem 1.45rem;
    }

    .about-us-img img {
        width: 60%;
    }

    /* Home section Prestação de Contas */

    img.numbers-icon-img{
        opacity: .6;
    }

    /* Home section Atualidades */

    #news.blog-news {
        padding-bottom: 0;
    }

    .blog-news .blog-news-container {
        margin-bottom: 0;
    }

    /* Página Sobre Nós */

    .page-intern-subtitle {
        width: 70%;
        font-size: 22px;
        font-weight: 500;
        line-height: 26px;
    }

    .aside-menu-box{
        margin-bottom: 1.3rem;
    }

    .values-img{
        display: none;
    }

    /* Form */

    .google-captcha {
        width: 90%;
    }

    /* Galeria de Vídeos */

    .video-gallery .video-gallery-player-mobile {
        width: 99%;
        min-height: 23.5vh;
    }

    .video-gallery .gallery-videos {
        grid-template-columns: 31% 31% 31%;
        column-gap: 3%;
    }

    .video-gallery-item .gallery-video {
        height: 4rem;
    }

    .gallery-videos .video-gallery-item::after {
        top: 0;
        height: 91%;
    }    

    /* Top bar */

    #navbar .social-medias {
        padding: 0.5rem 0.5rem !important;
    }

    /* Hero Banner */

    .hero-title, .hero-subtitle{
        width: 70%;
    }

    .hero-title{
        font-size: 32px;
        font-weight: 700;
    }
    
    .hero-subtitle{
        font-size: 14px;
    }

    /* Footer */

    .more-info {
        width: 85% !important;
    }

}

@media screen and (max-width: 590px) {

    /* Menu */

    .input-search:focus + .menu-logo,
    .btn-search:focus + .menu-logo {
        display: none;
    }

    #menu .menu-list .menu-items-list {
        width: 85%;
        padding: .6rem;
    }

    #menu .menu-list .menu-items-list.active {
        transform: translateX(30%);
    }

    .menu-items-list .menu-item.dropdown:hover .menu-item-list-dropdown {
        padding: 0 0.2rem;
    }

    /* Timeline */

    #content .divisory img{
        max-width: 100%;
        height: auto;
    }

    .timeline-view .timeline-description {
        max-height: 40vh;
    }

    /* Doe Agora */

    .donate-info-card .col-1{
        margin: 1rem 0;
    }

    .donate-info-card .col-2{
        margin: 0 0 1.5rem 0;
    }
}

@media screen and (max-width: 690px) {

    /* Barra para doar agora */

    body div.donate-now-bar {
        width: 100%;
        grid-template-columns: 100%;
        height: 9rem;
        text-align: center;
        border-radius: 0;
        padding-bottom: 0.7rem;
    }

    .donate-now-bar .donate-now-title {
        font-size: 16px;
        line-height: 32px;
        width: 85%;
        display: block;
        margin: 0 auto;
    }

    .donate-now-bar .donate-now-btn{
        text-align: center;
    }

    /* Top bar */

    .social-medias .get-in-touch-call .top-call {
        grid-template-columns: 70% 30%;
    }

    .get-in-touch-call .top-call{
        font-size: 14px;
    }

    /* Página Sobre Nós */

    .ours-projects{
        display:block;
        overflow:hidden;
    }

    .ours-projects-row{
        display: block;
        width: 100%;
        height: 360px;
        overflow-x: scroll;
        white-space: nowrap; 
    }

    .our-project-card{
        display: inline-block;
        position: relative;
        width: 320px;
        margin: 0 10px;
        height: 340px;
    }

    .ours-projects-row.blog-news-box{
        min-height: 438px;
        max-height: 460px;
    }

    #content .page-intern-title {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 790px) {

    /* Seção Nossa História Página Sobre Nós */

    .timeline-description::-webkit-scrollbar {
        width: 8px;
      }
      
    .timeline-description::-webkit-scrollbar-track {
        border-radius: 9px;
        background-color: #D9D9D9;
    }
    
    .timeline-description::-webkit-scrollbar-thumb {
        background: #5DBA98; 
        border-radius: 9px;
    }

    .principal-gallery-image{
        display: none;
    }
}

@media screen and (max-width: 990px) and (orientation: landscape){
    .video-gallery-player-mobile {
        max-height: 80vh;
    }

    .principal-gallery-image {
        height: 80vh;
    }
}

@media screen and (max-width: 790px) {
    :root{

        /* Tamanhos */
        --container-width: 70%;
    }

    /* Geral */

    .mr-0{
        margin-right: 0 !important;
    }

    .pt-1{
        padding-top: .3rem;
    }

    .desktop-none{
        display: block;
    }

    .mobile-none{
        display: none;
    }

    /* Menu */

    .input-search:focus, .btn-search:focus ~ .input-search {
        width: 65vw !important;
    }

    /* Página de Busca */

    .result-search {
        grid-template-columns: 100%;
    }

    /* Slider */

    .slide-description{
        width: 67%;
        margin: 0 auto;
    }

    .slide-title {
        font-size: 38px;
        line-height: 40px;
    }


    /* Galeria de Vídeos */

    .mobile-main-video{
        display: grid;
    }

    .video-gallery-item .theme-card-title,
    .play-video-btn{
        display: none;
    }

    .video-gallery-player-mobile{
        width: 103%;
        height: auto;
        min-height: 28.5vh;
        max-height: 33vh;
        margin-bottom: 1.4rem;
    }
    
    /* Sessão de Prestação de Contas */

    .numbers-grid{
        grid-template-columns: 100%;
    }

    .numbers-description {
        order: 2;
    }

    .numbers-show{
        order: 1;
    }

    .numbers-title.item-mobile{
        padding-bottom: 1.8rem;
    }

    .numbers-btn .btn-donate {
        width: 100%;
        display: block;
        text-align: center;
    }

    .numbers-title.item-mobile{
        font-size: 32px;
        font-weight: 300;
        line-height: 38px;
        text-align: left;
    }

    /* Sessão Sobre Nós da Home */

    .item-desktop{
        display: none;
    }

    .item-mobile{
        display: block;
    }

    .about-us-box {
        grid-template-columns: 100%;
    }

    .about-us-description{
        padding-left: 0;
    }

    .about-us-title.item-mobile{
        margin-bottom: 2.2rem;
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
    }

    .about-us-img, .about-us-btn{
        text-align: center;
    }

    .about-us-circle.item-mobile{
        width: auto;
        max-width: 100%;
        max-height: 30vh;
        margin: 0 auto;
    }

    /* Seção Outros Meios de Ajudar */

    .help-grid {
        grid-template-columns: 100%;
        padding-bottom: 5rem;
    }

    .help-section-title{
        font-size: 32px;
        font-weight: 700
    }

    .help-card-desc{
        padding: 1rem 0;
    }

    /* Seção de Ressoar na TV */

    .television-row{
        height: 70vh;
        background-position: 80%;
        justify-content: flex-start;
        padding: 1.8rem;
    }

    .television-row-content {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .television-row-desc{
        color: #444;
    }

    .television-row-btn {
        color: #444;
        background-color: #fff;
        width: 100%;
        position: absolute;
        top: 60vh;
    }

    /* Galeria Mobile */

    .mobile-gallery{
        margin: 1.7rem 0;
    }

    .select-gallery-images{
        display: flex;
        flex-wrap: wrap;
        margin-top: .4rem;
        /* justify-content: space-between; */
    }

    .gallery-img-2{
        width: 14%;
        border-radius: 4px;
        margin-right: 7px;
        margin-bottom: 0.6rem;
    }

    .gallery-img-2.img-active{
        border: 1px solid #5DBA98
    }

    /* Apoio e Parcerias */

    .apoio-img{
        width: 27%;
        margin-right: 0.7rem;
    }

    /* Doar Agora */

    #donate{
        margin-bottom: 2rem;
    }

    .values-grid {
        grid-template-columns: 100%;
        margin-bottom: 7rem;
    }

    .full-img{
        width: 125%;
        margin-left: -12.5%;
    }

    /* Seção Nossa História Página Sobre Nós */

    #main-carousel {
        height: 77vh;
    }

    .splide__arrow.splide__arrow--next,
    .splide__arrow.splide__arrow--prev{
        display: none;
    }

    .timeline-view{
        grid-template-columns: 100%;
    }

    .timeline-description {
        padding-left: 9%;
        padding-right: 6%;
        padding-top: 6%;
    }

    /* Footer */

    #footer .footer-columns {
        grid-template-columns: 100%;
        text-align: center;
    }

    #footer .footer-icon {
        width: 40%;
    }

    .footer-bottom{
        display: none;
    }

    #footer .footer-about p {
        width: 100%;
    }

    #footer h5 {
        margin: 1.2rem 0;
    }

    .footer-icon {
        display: block;
        margin: 0 auto;
    }

    .footer-social-icons {
        justify-content: center;
    }

    .more-info{
        width: 70%;
        margin: 0 auto;
    }

    .more-info .btn a{
        display: block;
        margin: 1rem auto;
        width: 100%;
    }

    .more-info .btn.btn-dropdown a {
        margin: 0.4rem 0;
    }

    .btn-dropdown{
        text-align: left;
    }

    .btn-dropdown a{
        color: #444 !important;
    }

    .summary-title{
        text-align: center;
    }

    .more-info-bottom{
        border-top: 1px solid #E1E0E7;
        padding-top: 0.5rem;
        margin-top: 0.8rem;
    }

    .more-info-list-item{
        padding: .1rem 0;
    }

    details summary:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        margin-top: 0.34rem;
        margin-left: 0.5rem;
        background: url('http://homol-ressoar.ir7.com.br/wp-content/themes/ressoar/assets/images/chevron.svg');
        background-size: cover;
        background-repeat: no-repeat;
        transform-origin: center;
        transition: 200ms linear;
        transform: rotate(90deg);
    }

    details.btn-dropdown[open] summary.summary-title:after {
        transform: rotate(-90deg);
    }

    details.more-info-sub-dropdown[open] summary.sub-summary-title:after {
        transform: rotate(-90deg);
    }

    .sub-item-title{
        font-weight: 600;
        display: block;
    }

    .more-info-sub-block{
        padding: 0.5rem 0 0.2rem 1rem;
    }

    /* Google Captcha */

    #recaptcha-v3{
        margin: 0 auto;
        width: 100%;
    }

    .google-captcha{
        margin: 2rem auto;
        width: 14rem;
    }

    .label-recaptcha {
        font-size: 12px;
    }
}

@media screen and (max-width: 890px) {

    /* Geral */

    .w-111 {
        width: 100%;
    }

    /* Barra de Mídias Sociais */

    #navbar .social-medias{
        grid-template-columns: 100% 0;
        padding: 0.5rem 1.5rem;
    }

    .get-in-touch-call .top-call{
        display: grid;
        grid-template-columns: 80% 20%;
        align-items: center;
    }

    .top-call .ml-1{
        text-align: right;
    }

    .social-medias .btn-donate {
        height: auto;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        padding: .4rem .9rem;
    }

    .social-icons{
        display: none;
    }

    /* Páginas Internas */

    .grid{
        grid-template-columns: 100%;
        gap: 1rem;
    }

    /* Box de Veja Também */

    .aside-menu-title{
        font-size: 30px;
    }

    /* Formulário de Contato */

    .btn-send-form{
        display: block;
        margin: 0 auto;
    }

    .form-contact-grid {
        grid-template-columns: 100%;
        gap: 0;
    }

    .form-contact-column-2{
        margin-top: 1.8rem;
    }

    /* Seção de Doe Agora */

    .donate-grid {
        grid-template-columns: 100%;
    }

    .donate-section-title {
        font-size: 38px;
        margin-bottom: 0.6rem;
    }

    .donate-section-desc {
        font-size: 14px;
    }

    .donate-info-card {
        width: 100%;
        display: block;
        padding: 20px;
        text-align: center;
    }

    .donate-info-card div:not(.col-1, .col-2) {
        grid-template-columns: 100% !important;
    }

    .donate-info-blue-text {
        font-weight: 700;
    }

    .donate-info-text {
        font-size: 14px;
        font-weight: 400;
    }

    .donate-info-img {
        margin: 20px 0 10px 0;
    }

    .donate-report-btn {
        grid-template-columns: 100%;
        padding: 0;
    }

    /* Blog */

    .blog-news-container{
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 1.5rem;
        min-height: 56vh;
    }

    .blog-news-box{
        display: block;
        overflow-x: scroll;
        padding: 0.3rem;
        margin: 0;
        white-space: nowrap;
    }

    article.new {
        display: inline-block;
        width: 60vw;
        margin: 0 10px;
        height: auto;
        position: relative;
    }

    .post-body {
        white-space: normal;
    }

    .blog-news-title {
        font-size: 40px;
        font-weight: 500;
    }

    #news.blog-news .blog-news-box {
        width: 90%;
        margin-left: 2.5%;
    }

    .post-title{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: pre-wrap;
    }

    .post-description{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        white-space: pre-wrap;
    }

    /* Seção dos cards com temas */

    .theme-cards {
        margin-top: 0;
    }

    .theme-cards-box {
        grid-template-columns: 100%;
    }

    .theme-cards-title {
        font-size: 18pt;
    }

    .theme-card-header {
        grid-template-columns: 15% 85%;
    }

    /* Seção dos cards com contadores */
    
    .counter-cards-box {
        grid-template-columns: 50% 50%;
    }
    
    /* Seção de Ressoar TV */

    .ressoar-title {
        font-weight: 600;
    }

    /* Menu */

    .menu-links{
        display: grid;
    }

    /* Blog */

    .divisory{
        z-index: 0;
        position: relative;
    }

    .share-blog-content{
        z-index: 1;
        display: grid;
        grid-template-columns: 90% 10%;
        position: relative;
    }

    .share-blog-content h5{
        text-align: end;
    }

    #share-blog-arrow{
        display: block;
        font-size: 12px;
        margin-top: 38px;
    }

    .share-blog-social-icons{
        display: none;
        margin: -20px -25px 0 0;
        justify-content: end;
    }

    .d-grid{
        display: grid !important;
        position: absolute;
        top: 100%;
        left: auto;
        right: 10%;
    }

    /* .margin-divisory{
        margin-top: -10.3rem;
    } */

    .share-blog-social-icons a{
        margin-bottom: 0.2rem;
    } 

    .share-instagram {
        background-color: #C200FF!important;
    }

    .share-facebook {
        background-color: #4864F4!important;
    }

    .share-twitter {
        background-color: #4693F1!important;
    }

    .share-whatsapp {
        background-color: #1BDE3E!important;
    }

    .share-linkedin {
        background-color: #2F70B7!important;
    }

    .share-email {
        background-color: #EB4337!important;
    }
}

@media only screen and (min-width: 890px) and (max-width: 1190px) {
    
    /* Blog */

    .coluna-a .blog-news-box {
        grid-template-columns: 50% 50%;
    }
}

@media only screen and (min-width: 590px) and (max-width: 890px) {

    /* Sessão de Doe Agora */

    .bg-gradient .donate-grid {
        width: 55%;
    }
}

@media only screen and (min-width: 590px) and (max-width: 790px) {

    /* Seção Outros Meios de Ajudar */

    #help .help-grid {
        width: 60%;
    }
}

@media screen and (max-width: 990px) {

    :root{

        /* Tamanhos */
        --container-width: 90%;
    }

    /* LGPD */

    .toolkit-card {
        width: 95%;
    }

    /* Footer */

    .footer-columns {
        grid-template-columns: 25% 25% 30% 20%;
    }

    .footer-links {
        padding-left: 0;
    }

    .footer-icon {
        width: 85%;
    }

    .footer-about p {
        width: 90%;
    }

    .record-links img {
        min-width: 2.8rem;
        max-height: 2.8rem;
    }

    .info-list {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1090px) and (max-width: 1330px) {
    .menu-items-list .menu-links .menu-item.dropdown:hover .menu-item-list-dropdown{
        width: 45vw !important;
    }
}

@media screen and (max-width: 1090px) {

    /* Geral */

    #whatsapp{
        left: 80% !important;
    }

    /* Menu */

    #menu .menu-list {
        grid-template-columns: 48% 48%;
    }

    .menu-item.search{
        display: flex;
    }

    .mobile-menu-btn{
        display: block;
        z-index: 10;
    }

    .btn-mobile{
        display: block;
        font-size: 18px;
        width: 3rem;
        height: 3rem;
        border-radius: 0.6rem;
        cursor: pointer;
        color: #444;
        background-color: #f1f0f5;
        margin-left: 1.1rem;
    }

    .btn-mobile:hover + body{
        background: red !important;
    }

    .menu-items-list{
        width: 50%;
        height: calc(100% - (3rem + 4rem));
        position: fixed;
        top: calc(3rem + 4rem);
        right: 0;
        transform: translateX(200%);
        z-index: -1;
        opacity: 0;
        padding: 0.8rem 1.6rem;
        transition: all 1.5s ease;
        background: #fff;
    }

    .menu-items-list.active{
        transform: translateX(100%);
        opacity: 1;
        transition-timing-function: ease;
        overflow-y: scroll;
    }

    .input-search:focus,
    .btn-search:focus ~ .input-search {
        width: 35vw;
    }

    .overlay.active{
        position: fixed;
        display: block;
        height: 100%;
        width: 100%;
        background: rgba(0 ,0 ,0 , 0.65);
        z-index: 1;
    }

    ul.menu-links li.menu-item:hover a::before,
    ul.menu-links li.menu-item:hover span::before{
        border-bottom: none;
    }

    ul.menu-list li.menu-items-list.active ul.menu-links li.menu-item {
        max-width: 100%;
        width: 100%;
    }

    .menu-links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .menu-list .menu-items-list .menu-item a:not(.dropdown-sub-link), 
    .menu-list .menu-items-list .menu-item span {
        height: 2.3rem;
    }

    .menu-item.dropdown:hover .menu-item-list-dropdown {
        grid-template-columns: 100%;
        position: relative;
        background: none;  
        box-shadow: none; 
        border-radius: 0;
        width: 100%;
        padding: 0 0.6rem;
    }

    .menu-item-list-dropdown .dropdown-column-1{
        border: none;
    }

    .menu-item-list-dropdown .dropdown-column-2{
        padding-left: 0;
    }

    .menu-item.dropdown .menu-item-list-dropdown .menu-item-dropdown{
        height: 1.8rem;
    }

    .menu-links .menu-item a, 
    .menu-links .menu-item span {
        justify-content: flex-start;
    }

    .left{
        text-align: left;
    }
    

    /* LGPD */

    .toolkit-card {
        width: 90%;
    }

    /* Barra de Mídias Sociais */

    .social-medias{
        grid-template-columns: 80% 20%;
    }

    /* Footer */

    .btn-donate.btn-partner{
        font-size: 14px;
    }
}

@media screen and (max-width: 1190px) {

    /* Menu */

    ul.menu-list li.menu-item:not(.search) {
        padding: 0 0.2rem;
    }

    /* Barra para doar agora */

    div.donate-now-bar{
        width: 90%;
        grid-template-columns: 70% 30%;
    }

    .donate-now-title {
        font-size: 22px;
    }

    /* LGPD */

    .toolkit-card {
        width: 80%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1400px) {
    
    /* Páginas internas */

    .desktop-gallery.mobile-none .gallery .gallery-images {
        /* grid-template-columns: 33% 33% 33%; */
        /* column-gap: 3rem; */
        row-gap: 1.3rem;
    }

    .desktop-gallery.mobile-none .gallery .gallery-images .gallery-img {
        /* width: 112%; */
        height: 12rem;
    }

    #content .container {
        width: 90%;
    }

    .apoio-img {
        width: 20%;
    }

    /* Galeria de Projetos */

    #galeria-responsiva.gallery-images{
        /* grid-template-columns: 34% 34% 34%; */
        column-gap: 1.3rem;
        row-gap: 1.3rem;
    }

    #galeria-responsiva.gallery-images .gallery-img {
        height: 12.5rem;
    }
}

@media screen and (max-height: 770px) {

    /* Páginas Internas - Sobre Nós */
    
    .apoio-img img {
        width: auto;
    }

    .overlay-lightbox .big-pic img {
        max-height: 54vh;
    }
}

@media screen and (min-height: 770px) {

    /* Páginas Internas - Sobre Nós */
    
    .apoio-img img {
        width: 100%;
    }
}

@media screen and (max-width: 1290px) {

    /* Geral */

    .social-links .btn-donate {
        padding: 0.5rem 1.7%;
    }

    /* Menu */

    #menu .menu-list{
        grid-template-columns: 14% 73% 13%;
    }
}

@media screen and (max-width: 1490px) {
    
    /* Barra para doar agora */
    
    .donate-now-bar{
        width: 73%;
    }

    /* Sessão Sobre Nós da Home */

    .about-us-box{
        width: 80%;
    }

    /* Sessão Prestação de Contas da Home */

    .numbers-grid{
        width: 80%;
    }

    /* Sessão de Atualidades */

    .blog-news-title, .blog-news-box {
        width: 80%;
    }

    /* Sessão de Doe Agora */

    .donate-grid {
        width: 80%;
    }

    /* Seção Outros Meios de Ajudar */

    .help-section-title, .help-grid {
        width: 80%;
    }

    /* Páginas internas */

    .container {
        width: 80%;
    }
    
    /* LGPD */
    
    .toolkit-card {
        width: 70%;
    }

    /* Menu */

    .menu-list {
        grid-template-columns: 15% 67% 16%;
    }

    /* .menu-item.logomark img{
        margin-left: 2rem;
    } */
    
}

@media screen and (min-width: 1590px) {
    .menu-list{
        width: 77%;
        margin: 0 auto;
    }
}