/* Header */
@media screen and (max-width: 1070px) {
    .logoH img {
        max-width: 210px;
    }

    #menu li a {
        font-size: 15px;
        padding: 14px 25px 14px 15px;
    }
}

@media screen and (max-width: 950px) {
    .menuFull {
        padding: 0;
    }
}

@media screen and (max-width: 900px) {
    header {
        padding: 20px 20px;
    }

    .logoH {
        margin: 0 auto;
    }

    .infoHeader {
        width: 100%;
        margin-top: 30px;
    }

    .topHeader {
        display: none;
    }

    .bottomHeader {
        width: 100%;
        justify-content: space-around;
    }
}

@media screen and (max-width: 650px) {
    .bottomHeader {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .linkExt {
        width: 48%;
        margin-right: 0;
        justify-content: center;
        padding: 6px 10px;
        margin-bottom: 10px;
    }

    .bottomHeader .linkExt:nth-child(3) {
        width: 100%;
        margin-bottom: 0;
    }

    .socialH {
        display: none;
    }
}


/* Banner */
@media screen and (max-width: 900px) {
    #banner .bannerDesk {
        display: none;
    }

    #banner .bannerMobile {
        display: flex;
    }
}


/* First content home */
@media screen and (max-width: 1050px) {
    .leftFirst {
        width: 100%;
        margin-bottom: 30px;
        height: fit-content;
        height: -moz-fit-content;
    }

    .linkHome {
        margin-bottom: 30px;
    }

    .rightFirst {
        width: 49%;
    }
}

@media screen and (max-width: 980px){
    .leftFirst{
        flex-wrap: wrap;
    }

    .linkHome{
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 880px){
    .rightFirst{
        width: 100%;
        margin-bottom: 30px;
    }

    .facebookHome{
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .small-t {
        font-size: 22px;
        line-height: 27px;
    }

    .imgLinkHome {
        width: 80%;
        margin: 0 auto 15px auto;
        order: 1;
    }

    .imgLinkHome iframe{
        height: 250px;
    }

    .txtLinkHome {
        width: 100%;
        text-align: justify;
        order: 2;
    }

    .txtLinkHome h6 {
        text-align: center;
    }

    .btnFull {
        justify-content: center;
        order: 3;
    }

    .rightFirst h5 {
        text-align: center;
    }

    .itemSliderHome p {
        text-align: justify;
    }

    .imgSliderEventoH img {
        height: 290px;
    }

    .sobreEventoH {
        padding: 15px;
    }

    .sobreEventoH h6 {
        font-size: 20px;
        line-height: 25px;
    }
}

@media screen and (max-width: 500px){
    .imgLinkHome iframe{
        height: 180px;
    }
}

@media screen and (max-width: 440px){
    #plugin_face{
        width: auto;
    }
}


/* Negócios home */
@media screen and (max-width: 600px) {
    .negociosHome p.whiteFont {
        text-align: justify;
    }
}


/* Second content home */
@media screen and (max-width: 1050px) {
    .leftSecond {
        width: 100%;
        margin-bottom: 30px;
    }

    .rightSecond {
        width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .leftSecond h5 {
        text-align: center;
    }

    .previsaoTempo h5,
    .cotacoesHome h5 {
        text-align: center;
    }
}

@media screen and (max-width: 490px) {
    .previsaoTempo {
        display: none;
    }

    .cotacoesHome h5 {
        margin-bottom: 30px;
    }

    .gridCotacao {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }
}


/* Footer */
@media screen and (max-width: 1700px) {
    footer::before {
        right: 0;
    }
}

@media screen and (max-width: 1400px) {
    footer::before {
        width: 575px;
    }
}

@media screen and (max-width: 1340px) {
    .contentInfoF {
        width: 48%;
    }

    .endF {
        width: fit-content;
        width: -moz-fit-content;
        margin-right: 30px;
    }

    .infoF {
        width: fit-content;
        width: -moz-fit-content;
    }
}

@media screen and (max-width: 1200px) {
    footer::before {
        display: none;
    }

    .socialF {
        width: fit-content;
        width: -moz-fit-content;
        margin: 0 auto 30px auto;
    }

    .menuF {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .menuF li a {
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .contentInfoF {
        width: 100%;
        justify-content: space-around;
    }

    .endF {
        text-align: center;
    }

    .infoF a {
        justify-content: center;
    }

    .contentInfoF p.whiteFont{
        text-align: center;
    }
}

@media screen and (max-width: 650px) {
    .socialF {
        margin-bottom: 0;
    }

    .menuF {
        display: none;
    }

    .endF {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .infoF {
        width: 100%;
    }
}


/* Coopervil - apresentação */
@media screen and (max-width: 1366px) {
    .headerPage img {
        height: 180px;
    }
    .headerPage h1 {
        text-align: center;
        font-size: 45px;
    }

}
@media screen and (max-width: 1100px) {
    .main-t {
        font-size: 45px;
        line-height: 50px;
    }

    .sobreHeaderPage h1 {
        text-align: center;
    }

    .leftCoopervil {
        width: 100%;
        margin-bottom: 30px;
    }

    .rightCoopervil {
        width: 35%;
        margin: 0 auto;
    }
    .rightCoopervilApr{
        width: 100%;
    }
    .rightCoopervilApr iframe{
        height: 500px;
    }
}

@media screen and (max-width: 1000px) {
    .itemMvv {
        width: 48%;
        margin-bottom: 20px;
    }

    .itemMvv:first-child {
        width: 100%;
    }

    .itemMvv:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 900px) {
    .main-t {
        font-size: 35px;
        line-height: 40px;
    }

    .rightCoopervil {
        width: 50%;
    }
    .rightCoopervilApr{
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .leftCoopervil iframe{
        height: 320px;
    }

    .itemMvv {
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    .rightCoopervilApr iframe{
        height: 280px;
    }
}

@media screen and (max-width: 500px) {
    .leftCoopervil iframe{
        height: 220px;
    }

    .rightCoopervil {
        width: 100%;
    }
}


/* Coopervil - histórico */
@media screen and (max-width: 1300px) {
    .gridHistorico {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .txtItemTimeline {
        width: 48%;
        padding-left: 15px;
    }

    .txtItemTimeline h6 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 870px) {
    .imgItemTimeline {
        width: 100%;
    }

    .txtItemTimeline {
        width: 100%;
        padding: 30px 15px;
        text-align: justify;
    }

    .txtItemTimeline h6 {
        text-align: center;
    }

    .gridHistorico {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 700px){
    .txtItemTimeline{
        justify-content: flex-start;
        min-height: 390px;
    }
}

@media screen and (max-width: 540px) {
    .gridHistorico {
        grid-template-columns: repeat(1, 1fr);
    }

    .gridHistorico a img {
        height: 240px;
    }

    .txtItemTimeline{
        min-height: 260px;
        height: fit-content;
        height: -moz-fit-content;
    }
}


/* Coopervil - administração */
@media screen and (max-width: 1100px) {

    .coopervilAdm h2,
    .table_adm p.whiteFont {
        text-align: center;
    }

    .table_adm table tr td {
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    .table_adm table tr:first-child td:first-child {
        margin-top: 20px;
    }

    .table_adm table tr td:last-child {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 820px) {
    .table_adm p.whiteFont {
        min-width: 810px;
    }

    .table_adm {
        padding-bottom: 10px;
        overflow-x: scroll;
    }
    .table_adm table{
        min-width: 810px;
    }
}

@media screen and (max-width: 790px){
    .gridPresidentesAdmin{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 650px) {
    .table_adm p.whiteFont {
        font-size: 17px;
        line-height: 22px;
    }
}

@media screen and (max-width: 500px){
    .gridPresidentesAdmin{
        grid-template-columns: repeat(1,1fr);
    }
}


/* Coopervil - associado */
@media screen and (max-width: 500px) {
    .leftCoopervil span.greenFont {
        font-size: 15px;
        line-height: 26px;
    }

    .leftCoopervil ul li {
        text-align: justify;
    }
}


/* Coopervil - unidades */
@media screen and (max-width: 1100px) {
    .leftCoopervil h4 {
        text-align: center;
    }

    .rightCoopervilUnid {
        width: 100%;
    }

    .rightCoopervil h4 {
        text-align: center;
    }

    .rightCoopervilUnid #map {
        height: 350px;
    }
}

@media screen and (max-width: 750px) {
    .gridUnidades {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 450px) {
    .fotoUnidade img {
        height: 240px;
    }

    .textoUnidade {
        flex-direction: column;
    }

    .textoUnidade img {
        align-self: center;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .txtUnidadeItem {
        width: 100%;
        text-align: center;
    }

    .txtUnidadeItem p {
        text-align: center;
    }
}


/* Cooperativismo - história */
@media screen and (max-width: 1100px) {
    .leftCooperativismo {
        width: 100%;
        margin-bottom: 30px;
    }

    .rightCooperativismo {
        width: 35%;
        margin: 0 auto;
    }

    .rightCooperativismo2{
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 900px) {
    .rightCooperativismo {
        width: 50%;
    }

    .rightCooperativismo2{
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 600px) {
    .rightCooperativismo {
        width: 100%;
    }

    .rightCooperativismo span {
        text-align: justify;
    }
}


/* Negócios - lojas */
@media screen and (max-width: 1100px) {
    .leftNegocios {
        width: 100%;
        margin-bottom: 30px;
    }

    .rightNegocios {
        width: 85%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 800px) {
    .rightNegocios {
        width: 100%;
        padding: 15px 15px 0 15px;
    }
}


/* Comunicação e eventos - noticias */
@media screen and (max-width: 1100px) {
    .rightNoticias {
        width: 100%;
        margin-bottom: 30px;
        order: 1;
        padding: 15px;
    }

    .rightNoticias h5 {
        width: 100%;
        cursor: pointer;
        margin-bottom: 0;
        text-align: center;
    }

    .rightNoticias ul {
        display: none;
        margin-top: 20px;
    }

    .rightNoticias ul li a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .leftNoticias {
        width: 100%;
        order: 2;
    }
}

@media screen and (max-width: 700px) {
    .itemNoticia img {
        width: 100%;
        height: 240px;
        margin-bottom: 20px;
    }

    .txtItemNoticia {
        width: 100%;
    }
}


/* Notícias detalhes */
@media screen and (max-width: 1100px) {
    .textoNoticia {
        width: 100%;
        margin-bottom: 30px;
    }

    .textoNoticia h5 {
        text-align: center;
    }

    .sliderNoticia {
        width: 85%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 800px) {
    .sliderNoticia {
        width: 100%;
    }
}


/* Pessoas - Trabalhe Conosco */
@media screen and (max-width: 1100px) {
    .formulario {
        width: 100%;
        margin-bottom: 30px;
    }

    .infoContato {
        width: 100%;
    }

    .infoContato h4 {
        text-align: center;
    }

    .unidadesContato {
        justify-content: center;
        padding: 15px 40px;
        justify-content: center;
    }

    .endC {
        flex-direction: column;
    }

    .endC img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .telC img {
        margin-left: 0;
    }

    .txtEndC {
        text-align: center;
    }
}

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

    .formulario,
    .infoContato {
        padding: 20px 15px;
    }

    #form_contact .button {
        width: 100%;
        padding: 10px 15px;
        justify-content: center;
        text-align: center;
    }

    .unidadesContato {
        font-size: 18px;
        line-height: 23px;
    }
}

@media screen and (max-width: 380px) {
    .unidadesContato {
        flex-direction: column;
        justify-content: center;
    }

    .unidadesContato img {
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/* Pessoas - Pesquisa de satisfação */
@media screen and (max-width: 900px) {
    #form_pesquisa .e_input {
        width: 100%;
    }

    .tabelaFull {
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    #tablePesquisa {
        min-width: 770px;
    }
}

@media screen and (max-width: 550px) {
    .pesquisa {
        padding: 20px 15px;
    }

    #form_pesquisa .button {
        width: 100%;
        padding: 10px 15px;
        justify-content: center;
        text-align: center;
    }
}


/* Contato */
@media screen and (max-width: 500px) {
    .mapa #map {
        height: 300px;
    }
}


/* Eventos */
@media screen and (max-width: 1080px){
    .eventosRight{
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }

    .leftEventos{
        width: 100%;
        order: 2;
    }
}

@media screen and (max-width: 700px) {
    .itemEvento img {
        width: 100%;
        height: 240px;
        margin-bottom: 20px;
    }

    .txtItemEvento {
        width: 100%;
    }
}

@media screen and (max-width: 400px){
    .eventosRight{
        padding: 10px;
    }
}


/* Canal de contato confidencial */
@media screen and (max-width: 900px) {
    #form_confidencial .e_input {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    #form_confidencial .button {
        width: 100%;
        padding: 10px 15px;
        justify-content: center;
        text-align: center;
    }
}


/* Código de ética e conduta */
@media screen and (max-width: 1100px){
    .leftConduta{
        width: 100%;
        margin-bottom: 30px;
    }
    .rightConduta{
        width: fit-content;
        width: -moz-fit-content;
        margin: 0 auto;
    }
}