@media (min-width:1140px) {
    .menuResponsivo {display: none;}
}
@media (max-width:1140px) {
    .menuResponsivo {background:var(--azul); top:0; left:-60%; width:60%; display:block; height:100%; overflow:auto; position:fixed; z-index:99999; padding:30px 0;}
	.menuResponsivo img {margin:30px auto; display:block;}
	.menuResponsivo ul {display:table; width:100%;}
	.menuResponsivo ul li {display:table; width:100%;}
	.menuResponsivo ul li a {color:#fff; text-align:center; display:block; font-size:18px; padding:10px 0; }
    .menuResponsivo ul.sub-menu a {font-size: 14px;}
	.menuResponsivo ul li a:hover, .menuResponsivo ul li a:focus {background:#352d6b;}

    .mainmenu_responsive {
        display: flex !important;
        flex:1;
        justify-content: end;
    }
    .chamaResponsivo {        
        width:50px; 
        height:50px; 
        background:var(--azul); 
        color:#fff; 
        border-radius:3px; 
        position:relative;  
        z-index: 999;      
    }

	.chamaResponsivo i {
        position:absolute; 
        top:50%; 
        left:50%; 
        transform:translate(-50%, -50%);
        font-size:20px;
    }

    .superbar .container {
        justify-content: end;
    }

    .superbar_user {
        display: none;
    }

    .mainmenu .container {
        justify-content: space-between;
    }

    .mainmenu .mainmenu_menu {
        display: none;
    }
}

@media (max-width:768px) {
    
    .mainmenu_logo h1 {width:74px; height: 95px; margin: 10px 0;}
    .mainmenu_donate span {font-size: 11px;}
    .mainmenu_donate span strong {font-size:15px}
    .mainmenu_donate a {margin-left: 45px;}

    section.destaques .container {margin-top: -10px;}
    
    section.destaques .noticia {margin-bottom: 30px;}
    section.destaques .left img {height:320px}

    ul.listagem .noticia a {padding-left: 0;}
    ul.listagem .noticia picture {
        width:100%; 
        position: relative;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        display: flex;
    }

    ul.listagem .noticia picture img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
    }

    section.social {
        padding-bottom: 30px;
    }

    section.social iframe {margin-bottom: 30px;}

    section.sobre {padding-top: 30px;}
    section.sobre img {margin-top: 0;}

    footer .menu, .pagename .navegacao {display: none;}

    .pagename_title h2, .pagename_title i {font-size:24px;}
    .pagename_title i {padding-right: 15px; margin-right: 15px;}

    .post__content h1.post__title {font: 24px;}

    .filiadoslist__container ul.filiados li {width:100%;}
    .filiadoslist__container ul.filiados .filiado .content {padding-right: 100px;}

    .postlist__container .post__item {flex-wrap: wrap;}
    .postlist__container .post__image {height: 200px; padding: 0; min-width: 100%; border-radius: 0;}

    section.formulario .input {margin-bottom: 15px;}


    section.material .banner {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        align-items: center;
        border-radius: 10px;
    }

    section.material .texto {
        min-width: 100%;
    }


    section.slider .desktop {
        display: none !important;
    }

    section.slider .mobile {
        display: block !important;
    }

    section.destaques .container {
        margin-top: 0;
    }

    .superbar_search input[type="text"] {
        width: 145px;
    }

}