


@media only screen and  (min-width: 1068px) and (max-width: 1200px) { 

    section {
        width: 1050px;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 17%);
        -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
        box-shadow: 0 0 3px 0 rgb(0 0 0 / 17%);
    }

}



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

    #slidePrincipal .inner {
        padding: 0px;
        width: 100%;
    }
    #slidePrincipal img {
        width: 100%;
        height: 100%;
    }

}



@media only screen and  (min-width: 960px) and (max-width: 976px) { 

    .inner {
        width: 940px;
    }
}


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

    .res-max {
        display: none
    }
    #logotipos .inner {
        display: block;
        text-align: center;
    }
    #logos-left {
        justify-content: center;
    }
    #logos-right {
        text-align: center;
    }
    #logos-right img#logo-linha-apoio {
        display: inline-block;
        margin-top: 22px;
    }
    ul#novo-menu {
        text-align: center;
    }

    section#nova-area-branca h2 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .area-novo-botao-subscrever-pequeno {
        margin-top: 20px;
    }
    a.botao-subscrever-pequeno {
        width: 200px;
    }

    .nova-table-area {
        padding-left: 1%;
        padding-right: 1%;
    }
}


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

    #intervalo-pos-slide {
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }
    #intervalo-pos-slide #quadradoA-1, 
    #intervalo-pos-slide #quadradoA-2,
    #intervalo-pos-slide #quadradoA-3 {
        justify-content: center;
        width: 50%;
    }
    .quadradosA img {
        margin-left: 0px;
        margin-right: 12px;
    }
    .quadradosA:nth-child(2) img {
        margin-left: 0;
    }



    section#area-quadrupla {
        flex-direction: column;
    }
    
    #quadruplo-1 {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 44px;
    }
    #quadruplo-2 {
        width: 100%;
        padding-top: 56px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #quadruplo-3 {
        width: 100%;
        padding-top: 24px;
    }
    #quadruplo-4 {
        width: 100%;
        padding-top: 8px;
        margin-bottom: 60px;
    }
    #quadruplo-4 h3.preco-pequeno {
        margin-top: 14px;
        margin-bottom: 22px;
    }





    #vantagens p.titulo-vantagens {
        padding-top: 10px;
        padding-left: 120px;
        padding-bottom: 30px;
    }
    #vantagens .one-third {
        width: 100%;
        padding-left: 120px;
    }
    ul.lista-vantagens {
        margin-top: 0;
    }
    ul.lista-vantagens li {
        font-size: 16px;
        line-height: 28px;
    }


    h2.frase-promocao {
        margin: 30px 82px 4px;
        line-height: 28px;
    }



    #areaDosBotoes a.botao-pdf-2 {
        min-width: 230px;
        width: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
    }
    .quadrado-falamos-consigo {
        padding-top: 36px;
    }
    #separadorLinhaBranca {
        display: none;
        top: -22px;
        height: 140px;
    }
    .quadrado-preco-pequeno {
        margin-top: 16px;
    }


    .quad-vantagens.one-third,
    .quad-triangulos.one-third {
        width: 25%;
    }
    .quad-marketplace.one-third.last {
        width: 40%;
    }
    .quad-vantagens h5.linha-4 {
        font-size: 19px;
    }
    .area-triangulos img:nth-child(odd) {
        display: none;
    }
    p.triangulos-frase-1 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0;
    }
    p.triangulos-frase-2 {
        font-size: 14px;
        line-height: 18px;
    }
    .area-miniaturas p {
        padding-bottom: 30px
    }

    #tira-azul h2 {
        margin-bottom: 12px;
    }
    #tira-azul h3 {
        margin-left: 0;
    }


    #tira-final h2 {
        margin-bottom: 0;
    }
    #tira-final a {
        margin-right: 8px;
        margin-bottom: 0;
    }

    .footer-conteudo {
        flex-wrap: wrap;
    }
    footer .footer-area-1 {
        order: 1;
        margin-right: 10px;
    }
    footer .footer-area-2 {
        order: 2;
        margin-left: 6px;
        margin-right: 20px;
    }
    footer .footer-area-3 {
        order: 4;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    footer .footer-area-4 {
        order: 3;
        margin-left: 20px;
    }

}




/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #logotipos .inner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

} 
/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */






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



    section#nova-area-branca h2 {
        padding-left: 0;
        padding-right: 0;
    }

    #vantagens p.titulo-vantagens {
        padding-top: 10px;
        padding-left: 0px;
        padding-bottom: 30px;
    }
    #vantagens .one-third {
        width: 100%;
        padding-left: 20px;
        margin-bottom: 0;
    }

    #area-videos iframe {
        margin-top: -64px;
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 15.25%; /* 16:9 Aspect Ratio */
    }

    h2.frase-promocao {
        margin: 30px 10px 4px;
        line-height: 28px;
    }


    .quad-vantagens h5.linha-unica-4-5 {
        margin-bottom: 0;
    }
    .quad-vantagens.one-third, 
    .quad-triangulos.one-third {
        width: 100%;
    }
    .quad-marketplace.one-third.last {
        width: 100%;
    }
    .area-miniaturas a:nth-child(odd) {
        margin-right: 6px;
    }
    .area-miniaturas a:nth-child(even) {
        margin-right: 6px;
    }
    .area-miniaturas p {
        padding-bottom: 16px;
    }

    #tira-final {
        text-align: center;
    }
    #tira-final h2 {
        font-size: 18px;
    }

    footer .footer-area-1 {
        margin-left: 20px;
    }
    footer .footer-area-4 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 26px;
    }
    footer .footer-area-3 {
        margin-top: 28px;
    }

}




@media only screen and (max-width: 600px) { 
    #logos-left {
        flex-direction: column;
    }
    #logos-left #logos-separador {
        display: none;
    }
    #logotipos .inner img {
        margin-bottom: 15px;
    }
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) { 



    #logotipos .inner {
        flex-direction: column;
    }
    #logotipos .inner img {
        width: inherit;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #slide-desktop {
        display: none;
    }
    #slide-mobile {
        display:block;  
    }


    #logos-left {
        flex-direction: column;
    }
    #logos-left #logos-separador {
        display: none;
    }
    #logos-right .novo-menu-area {
        display: none;
    }

    #area-videos iframe {
        margin-top: -150px;
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
    }

    #intervalo-pos-slide {
        flex-direction: column;
    }
    #intervalo-pos-slide #quadradoA-1, 
    #intervalo-pos-slide #quadradoA-2 {
        justify-content: left;
        width: 100%;
        padding-left: 10%;
    }
    #intervalo-pos-slide #quadradoA-3 {
        justify-content: center;
        width: 100%;
    }
    .quadradosA img {
        margin-left: 10px
    }
    .quadradosA:nth-child(2) img {
        margin-left: 10px;
    }
    #quadradoA-2 {
        padding-bottom: 46px;
    }

    #vantagens .one-third {
        padding-left: 0;
    }
    ul.lista-vantagens li {
        font-size: 14px;
        line-height: 26px;
    }



    .area-miniaturas a:nth-child(odd) {
        margin-right: 2px;
    }


    section#section-tabela .inner {
        width: 90%;
    }



    #tira-final .box-wrapper {
        text-align: center;
    }
    #tira-final .box-wrapper a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 14px;
        margin-bottom: 18px;
    }

    #contacto-telefonico,
    #contacto-email {
        width: 260px;
        padding: 16px 10px;
    }

    #contacto-telefonico .forms label,
    #contacto-email .forms label {
        width: 240px;
    }

    .forms fieldset .text-input-row, 
    .comment-form div.name-field, 
    .comment-form div.email-field, 
    .comment-form div.website-field {
        width: 100%;
    }


    .button-row {
        text-align: left;
    }



    
} 
/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */