/***-------------Responsividade--------------***/



/* Até 1440px */



@media(max-width: 1500px){

    /* header */

    .header .conteiner{

        width: 98%;

    }

    

}



@media(max-width: 1482px){

    /* header */

    .header .conteiner{

        width: 90%;

        justify-content: center;

    }

    /* index */

    .associar-se .conteiner {

        width: 95%;

    }

    .slider {
        margin-top: 110px;
    }
    .banner-internos{

        
        margin-top: 110px;
        
    
    }

}


@media (max-width: 1451px){
    .slider {
        margin-top: 156px;
    }

    .banner-internos{

        width: 100%;
        margin-top: 143px;
        
    
    }
}


/* 1024px */



@media(max-width: 1318px){

    /* header */

    .header .conteiner{

        justify-content: center;

        width: 90%;

    }



    .header .conteiner .redes{

        padding: 10px 0px;

    }

    .slider {
        margin-top: 162px;
    }

    .banner-internos{

        width: 100%;
        margin-top: 162px;
        
    
    }


}



@media (max-width: 1262px){

    /* index */

    .associar-se .conteiner .content{

        display: inline;

    }

    .associar-se .conteiner .content .associar-foto{

        display: block;

        text-align: center;

        padding: 20px 0px;

        

    }

    /* index */

    .acompanhar-redes .conteiner .conteudo{

        text-align: center;

        display: inline;

    }

    .acompanhar-redes .conteiner .conteudo .text{

        width: auto;

        padding: 10px 10px 30px 10px;

    }

    .infos .conteiner .instituicao .logo-info {

        width: 70%;

    }

    .noticias .conteiner{

        width: 90%;

    }



    /* footer */



    .footer .conteiner{

        width: 90%;

    }

}





@media (max-width: 1071px){

    /* header */

    .nav-bar{

        display: none;

    }



    .mobile{

        display: inline-block;

    }
    .slider {
        margin-top: 110px;
    }

    

    .banner-internos{

        margin-top: 110px;
        
    
    }
    .redes{

        display: none;

    }



    .header .conteiner{

        flex-direction: row-reverse;

        width: 100%;

        justify-content: space-between;

    }

    .header .conteiner .mobile{

        width: auto;

    }

    /* footer */



    .footer .conteiner{

        display: inline-block;

        text-align: center;

        width: 100%;

    }



    .footer .conteiner .logo{

        width: auto;

    }

    .footer .conteiner .contato{

        width: auto;

    }

    .footer .conteiner .redes-footer{

        width: auto;

    }





    

}



/* 768px */





@media (max-width: 1023px){

    /* index */

    .infos .conteiner .instituicao{

        flex-wrap: wrap;

        text-align: center;

    }

    .infos .conteiner .instituicao .text{

        width: 100%;

        padding: 35px 0px;

    }



    .infos .conteiner .instituicao .logo-info{

        width: 100%;

        margin-top: 10px;

    }



    .acompanhar-redes .conteiner .conteudo .video-home iframe{

        width: 100%;

        height: 324px;

    }



    .mais-noticias{

        text-align: center;

    }



    .associa-sobre .conteiner .content .icons-sobre{

        display: inline-block;

        text-align: center;

    }



    .associa-sobre .conteiner .faca-parte .content{

        display: inline-block;

        text-align: center;

    }



    .associa-sobre .conteiner .faca-parte .content .text{

        width: auto;

        padding: 0px 0px 30px 0px;

    }

    .associa-sobre .conteiner .content{

        margin-top: 0;

    }



    .associa-sobre .conteiner .faca-parte .content .button{

        width: auto;

    }

    .associa-sobre .conteiner .faca-parte .content .button a{

        padding: 10px 30px;

    }



    

}



@media (max-width: 952px){

    /* Noticia */

    .card-noticias .conteiner .card{

        border: none;

        display: inline-block;

    }

    .card-noticias .conteiner .card img{

        width: 600px;

    }



    .card-noticias .conteiner .card .text{

        padding: 10px 0px;

    }

}





/* 425px */



@media (max-width: 768px){

    /* Banners de todas as páginas */

    .slider{

        margin-top: 110px;

    }

    .banner-internos{

        
        margin-top: 110px;
        
    
    }


    .banner-sobre{

        margin-top: 110px;

    }



    .banner-internos{

        margin-top: 110px;

    }

    .banner-instituicao{

        margin-top: 110px;

    }

    .banner-eventos{

        margin-top: 110px;

    }



    .banner-pagina-evento{

        margin-top: 110px;

    }



    /* Noticia */

    .card-noticias .conteiner .card img{

        width: 290px;

    }



    .associa-sobre .conteiner .content .icons-sobre .text{

        padding: 0;

    }

}



@media (max-width: 680px){

    /* index*/

    .associar-se .conteiner .content .associar-foto img{

        width: 95%;

        height: auto;

    }



    .associar-se .conteiner .content .text{

        padding: 50px 10px;

    }

}





/* 320px */



@media (max-width: 425px){

    .missao-visao-valores .conteiner .missao{

        height: auto;

    }

    /* index */

    .marca{

        width: 634px;

        top: 190%;

    }

    /* header */

    .header .conteiner .logo{

        width: 250px;

    }

    .header .conteiner .logo a img{

        width: 250px;

    }

    /* banners */

    .slider{

        margin-top: 80px;

    }



    .banner-sobre{

        margin-top: 80px;

    }



    .banner-internos{

        margin-top: 80px;

    }



    .banner-instituicao{

        margin-top: 80px;

    }



    .banner-eventos{

        margin-top: 80px;

    }



    .banner-pagina-evento{

        margin-top: 80px;

    }



    /* sobre */

    .associa-sobre .conteiner .title .sub-1 {

        width: 260px;

    }



    /* institucional */



    .gestao-2017-2020 .conteiner .title .sub-1{

        width: 280px;

    }

    .coordenacoes-anteriores .conteiner .title .sub-1{

        width: 280px;

    }



    /* Eventos */

    .proximos-eventos .conteiner .title .sub-1{

        width: 280px;

    }

    .eventos-anteriores .conteiner .title .sub-1{

        width: 280px;

    }



    .sobre-pagina-evento .conteiner .title .sub-1{

        width: 280px;

    }



    .revista .conteiner .title .sub-1{

        width: 280px;

    }



    .revista .conteiner .content .revista-unica img{

        width: 300px;

    }



    /* Contato */



    .contato-title .conteiner .title .sub-1{

        width: 280px;

    }



    /* Noticia */



    .noticias-page .conteiner .title .sub-1{

        width: 280px;

    }



    .card-noticias .conteiner{

        width: 92%;

    }





}