@media (max-width: 1200px) {

    li.header-links-sociais {
        display: none;
    }
    .navbar .navbar-nav .nav-link {
        padding-bottom: 0px;
        font-size: 16px;
    }

    .area-carrossel-1 {
        display: block;
        width: 710px;
    }


    .conteudo-principal {
        height: unset;
        margin-right: 20px;
    }
        
    .area-foto-conteudo img {
        max-width: 400px;
        margin-top: 20px;
    }

}




@media (max-width: 991px) {
    
    .navbar .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    li.header-links-sociais {
        display: none;
    }

    .navbar-other ul.navbar-nav {
        margin-left: 0;
        margin-top: 0;
    }
    .navbar .navbar-nav .nav-link {
        padding: 0;
        padding-top: 0px !important;
        margin-top: 30px;
    }


    .mostar-apenas-mobile {
        display: unset;
    }
    .navbar div#area-de-cliente-botao {
        display: none;
    }
    a.nav-link.area-clientes-menu-mobile {
        margin-top: 50px !important;
    }


    footer .inner {
        flex-direction: column;
    }
    footer img {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    footer h4 {
        margin-bottom: 10px;
    }
    footer ul#footer-social-icons {
        margin-top: 20px;
    }

    div#bottom-footer {
        background-color: #000 !important;
    }
    div#bottom-footer .inner {
        padding-top: 0;
        flex-direction: column;
    }
    div#bottom-footer h3 {
        color: #FFF;
        margin-bottom: 6px;
    }
    div#bottom-footer h5 {
        color: #FFF;
        font-weight: 400;
        font-size: 12px;
    }
    div#bottom-footer h5 a {
        color: #DDD;
    }

    .area-carrossel-1 {
        display: block;
        width: 564px;
    }

    img#posso-ajudar-img {
        display: none;
    }
    #seccao-linha-de-apoio .inner {
        padding-top: 22px;
        padding-bottom: 22px;
        justify-content: center;
    }

    h5.titulo-conteudo {
        font-size: 44px;
    }

    .botao-bolinha .btn {
        font-size: 16px;
    }

}


@media (max-width: 900px) {

    .area-foto-conteudo img {
        max-width: 300px;
    }
}




@media (max-width: 767px) {

    .area-carrossel-1 {
        display: block;
        width: 414px;
    }

    #seccao-conteudo-dinamico {
        max-height: unset;
        /* overflow: unset; */
        overflow: hidden;
    }

    #seccao-conteudo-dinamico .container {
        max-width: unset;
        overflow: unset;
    }
    #seccao-conteudo-dinamico .inner {
        padding-top: 40px;
        overflow: unset;
    }
    #myMainCarousel .f-carousel__viewport {
        overflow: visible !important;
    }
    div.area-foto-conteudo img {
        /* max-width: unset; */
        margin-top: unset;
        border-radius: 50px;
        width: 100%;
            max-width: 616px;
            display: block;
            margin-left: auto;
            margin-right: auto;
    }

    .divisao-conteudos {
        flex-direction: column;
        align-items: unset;
    }
    .divisao-conteudos .area-foto-conteudo {
        order: 0;
    }
    .divisao-conteudos .area-icon {
        order: 1;
        margin-top: 26px;
        margin-left: -20px;
    }
    .divisao-conteudos .conteudo-principal {
        order: 2;
        height: unset;
        justify-content: flex-start;
        margin-top: -50px;
        margin-right: 30px;
    }
    img.logo-conteudo {
        /* margin-top: -73px; */
        margin-left: 40px;
        margin-right: 0;
    }
    p.conteudo-texto {
        margin-top: 0;
        margin-bottom: 40px;
    }
    h5.titulo-conteudo {
        font-size: 50px;
        /* line-height: 70px; */
        line-height: 20px;
        vertical-align: top;
        /* margin-top: -40px; */
        margin-bottom: 24px;
    }
    h5.titulo-conteudo-muito-extenso {
        font-size: 30px;
    }

    p.descricao-contactos {
        padding-left: 0px;
        padding-right: 0px;
    }
    p.descricao-porque {
        padding-left: 0px;
        padding-right: 0px;
    }
    #seccao-porque ul {
        padding: 28px 20px;
    }
    #seccao-porque ul li {
        line-height: 28px;
    }
    p.descricao-solucoes {
        padding-left: 0px;
        padding-right: 0px;
    }
    #seccao-solucoes h3 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #seccao-solucoes ul {
        padding: 28px 20px;
    }
    #seccao-solucoes ul li {
        line-height: 28px;
    }

}



@media (max-width: 580px) {

    .linha-de-apoio-area {
        flex-direction: column;
    }
    .linha-de-apoio-area p {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .linha-de-apoio-area h3 {
        margin-bottom: 6px;
    }


    #seccao-dinamica h2.titulo-principal-dinamico {
        line-height: 40px;
    }
    #seccao-dinamica h2.titulo-principal-dinamico img {
        margin-top: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .area-carrossel-1 {
        display: block;
        width: 270px;
    }


    #seccao-conteudo-dinamico {
        max-height: unset;
        /* overflow: unset; */
        overflow: hidden;
    }

    #seccao-conteudo-dinamico .container {
        max-width: unset;
        overflow: unset;
    }
    #seccao-conteudo-dinamico .inner {
        padding-top: 40px;
        overflow: unset;
    }
    #myMainCarousel .f-carousel__viewport {
        overflow: visible !important;
    }
    div.area-foto-conteudo img {
        border-radius: 50px;
        width: 100%;
    }

    .divisao-conteudos {
        flex-direction: column;
    }
    .divisao-conteudos .area-foto-conteudo {
        order: 0;
    }
    .divisao-conteudos .area-icon {
        order: 1;
        margin-top: 26px;
        margin-left: -20px;
    }
    .divisao-conteudos .conteudo-principal {
        order: 2;
        height: unset;
        justify-content: flex-start;
        margin-top: -50px;
        margin-right: unset;
    }
    img.logo-conteudo {
        /* margin-top: -73px; */
        margin-left: 40px;
        margin-right: 0;
    }
    p.conteudo-texto {
        margin-top: 0;
        margin-bottom: 40px;
        min-height: 130px;
    }
    h5.titulo-conteudo {
        font-size: 40px;
        /* line-height: 70px; */
        line-height: 30px;
        vertical-align: top;
        /* margin-top: -40px; */
        margin-bottom: 24px;
    }
    h5.titulo-conteudo-muito-extenso {
        font-size: 30px;
    }

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

}




@media (max-width: 430px) {

    .area-carrossel-1 {
        display: block;
        width: 122px;
    }

}