@media only screen and (max-width: 114.0625em) {
    .fabricamos-section{
        gap: 10em;
    }
  }

  @media only screen and (max-width: 109.375em) {
    .fabricamos-section{
        gap: 5em;
    }

    .projetos{
        gap: 2em;
        grid-template-columns: repeat(3,23em)
    }

    .categoria-square{
        width: 23em;
        height: 20em;
    }
  }

  @media only screen and (max-width: 105em) {
    .line-projeto{
        gap: 6em;
    }
  }

  @media only screen and (max-width: 103.125em) {
    .fabricamos-section{
        gap: 3em;
    }

    .icon-fabricamos{
        width: 4em;
    }

    .section-sobrenos{
        gap: 3em;
    }

    .grid-fabricamos{
        gap: 1em;
    }

    .title-projeto{
        font-size: 1em;
    }

    .line-projeto > a{
        height: 25em;
    }

    .menu-fixed{
        padding: 1.5em 1em;
    }

    .grid-item{
        width: 10em;
        height: 10em;
    }
  }

  @media only screen and (max-width: 98.125em) {

    .menu-fixed{
        gap: 3em;
    }

    .menu-fixed {
        font-size: 1em;
    }

    .menu-fixed > a{
        white-space: nowrap;
    }

    .projetos{
        grid-template-columns: repeat(2, 25em);
        gap: 5em;
    }

    .categoria-square{
        width: 25em;
        height: 23em;
    }

  }

  @media only screen and (max-width: 96.875em) {
    /* .fabricamos-section{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5em;
    } */

    .grid-fabricamos{
        grid-template-columns: repeat(3, 10em);
    }

    .fabricamos-right > p{
        max-width: 40em;
        text-align: justify;
    }

    .hero-sobrenos > div > h1{
        text-align: center;
    }

    .section-sobrenos{
        flex-direction: column-reverse;
        max-width: 55em;
    }

    .areas-de-atuacao{
        align-items: center;
    }

    .areas-de-atuacao > h2{
        text-align: center;
    }

    .form-inner{
        flex-direction: column;
    }

    #to-contactos{
        display: none;
    }

  }

  @media only screen and (max-width: 93.75em){
    /* .grid-fabricamos{
        grid-template-columns: repeat(2, 10em);
    } */

    .soldador-image{
        max-width: 25em;
    }
  }

  @media only screen and (max-width: 87.5em) {

    .form-inner{
        flex-direction: column;
    }

    .contactos-upper{
        /* flex-direction: column; */
        align-items: center;
        gap: 5em;
    }

    .contactos-list{
        align-items: center;
    }

    .line-projeto > a{
        min-width: 30em;
    }

    .projetos{
        align-items: center;
    }

    .title-projeto{
        padding: 0 1em;
    }

    #estrutura-esplanada > h2{
        padding: 0 1em;
    }

    .gmaps-footer-div{
        width: 15em;
        height: 8em;
    }

  }

  @media only screen and (max-width: 78.125em) {
    .contactos-new{
        flex-direction: column;
        gap: 5em;
    }

    .gmaps-contactos{
        max-width: 100vw;
        height: 50vh;
    }

    .contactos-list-contactos{
        flex-direction: row;
        width: 90%;
        gap: 0;
    }

    .fabricamos-section{
        flex-direction: column-reverse;
        align-items: center;
    }

    .fabricamos-right > p{
        max-width: 90vw;
    }

    .soldador-image{
        display: none;
    }
  }

  @media only screen and (max-width: 75em){
    .contactos-list-contactos{
        flex-wrap: wrap;
        gap: 5em;
    }

    .projetos{
        grid-template-columns: repeat(2, 20em);
        gap: 3em;
    }

    .categoria-square{
        width: 20em;
        height: 17em;
    }
  }

  @media only screen and (max-width: 62.5em) {

    .iniciar-projeto > h2{
        font-size: 1.5em;
        text-align: center;
    }

    .contactos-upper{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5em;
    }

    .footer-middle{
        display: none;
    }

    .privacy-policy > div > h1{
        font-size: 2em;
    }

  }

  @media only screen and (max-width: 71.875em) {

    .main-title{
        font-size: 4em;
    }

    .main-subtitle{
        font-size: 1.5em;
    }

    .parceiro-logo{
        width: 12em;
    }
  }

  @media only screen and (max-width: 56.25em) {

    .main-title{
        font-size: 3em;
    }

    .main-subtitle{
        font-size: 1.2em;
    }

    .grid-fabricamos{
        grid-template-columns: repeat(3, 11em);
        gap: 1em;
    }

    .hero-sobrenos{
        flex-direction: column-reverse;
        height: 100vh;
    }

    .hero-home{
        height: 100vh;
        background-position: center;
    }

    .hero-sobrenos-right{
        background-position: center center;
    }

    .hero-sobrenos > div > p{
        max-width: 90%;
    }

    .section-sobrenos{
        margin: 5em auto;
    }

    .projetos{
        grid-template-columns: repeat(1, 17em);
        gap: 5em;
    }

    .categoria-square{
        width: 80vw;
        height: 20em;
    }

    #coberturas-slider{
        height: 17em;
    }

    #escadarias-slider{
        height: 17em;
    }

    #estruturas-slider{
        height: 17em;
    }

    #fachadas-slider{
        height: 17em;
    }

    #gradeamentos-slider{
        height: 17em;
    }

    #portoes-slider{
        height: 17em;
    }

    .margin-top-mobile{
        margin-top: 3em;
        gap: 1em!important;
    }
  }

  @media only screen and (max-width: 46.875em) {

    .iniciar-projeto > h2{
        font-size: 1em;
        text-align: center;
    }

    .grid-fabricamos{
        grid-template-columns: repeat(2, 10em);
        gap: 1em;
    }

    .main-title{
        font-size: 2.4em;
    }

    .main-subtitle{
        font-size: 1em;
        letter-spacing: 0em;
    }

    input{
        width: 90%;
    }

    textarea{
        width: 90%;
    }

    h2{
        letter-spacing: 0;
        text-align: center;
    }

    .menu-fixed{
        display: none;
    }

    .menu-mobile{
        display: flex!important;
    }

    .main-subtitle{
        text-align: center;
    }

    .contactos-list{
        width: 90%;
    }

    .fabricamos-section{
        margin: 5em auto;
    }

    .ferro-aluminio-inox{
        margin: 5em auto;
    }

    .line-projeto > a{
        max-width: 90%;
    }

    .hero-projetos > h1{
        font-size: 2em;
    }

    footer{
        flex-direction: column;
        align-items: center;
        gap: 2em;
    }

    .footer-left{
        gap: 2em;
        align-items: flex-start;
    }

    .footer-middle{
        display: flex;        
    }

    .footer-right{
        align-items: center;
    }

    footer > div{
        width: 15em;
    }

    .logo-footer{
        margin: auto;
    }

    .socials-footer{
        margin: auto;
    }

    .footer-left > picture{
        margin: auto;
    }

    .enviar-form{
        flex-direction: column;
        gap: 2em;
    }

    .enviar-form > p{
        width: 90vw;
    }

    .privacy-policy > div > h1{
        font-size: 1.5em;
    }
  }

  @media only screen and (max-width: 40.625em) {
    .line-projeto > a{
        min-width: 25em;
    }
  }

  @media only screen and (max-width: 37.5em) {

    .hero-sobrenos > div > h1{
        font-size: 1.5em;
    }

    .areas-de-atuacao > h2{
        font-size: 1.5em;
    }

    .ferro > h2{
        font-size: 1em;
    }

    .aco-inox > h2{
        font-size: 1em;
    }

    .aluminio > h2{
        font-size: 1em;
    }

    .menu-mobile{
        width: 22em;
    }

    .logo-menu-mob{
        width: 6em;
    }

    .menu-mobile-top{
        gap: 40%;
    }

    .facebook-button{
        top: 25%;
    }

    .facebook-button > a > .bx{
        font-size: 2em;
    }

  }

  @media only screen and (max-width: 34.375em) {

    .main-title{
        font-size: 2em;
    }

    .contactos-list > a{
        width: 90%;
    }

    .detail-contactos > h3{
        font-size: 0.7em;
    }

    .enviar-form{
        text-align: justify;
    }

  }

  @media only screen and (max-width: 31.375em) {

    .line-projeto > a{
        min-width: 20em;
    }

    .line-projeto{
        height: 40em;
        gap: 2em;
    }

    .title-projeto{
        font-size: 0.8em;
        padding: 0 0;
        width: 80%;
    }

    #estrutura-esplanada > h2{
        padding: 2em 0;
    }

    .projetos{
        grid-template-columns: repeat(1, 17em);
        gap: 2em;
    }

    .categoria-square{
        width: 90vw;
        height: 17em;
    }

    h2{
        font-size: 1em;
    }

  }

  @media only screen and (max-width: 28.125em) {

    .main-title{
        font-size: 1.5em;
    }

    .contactos-list > a{
        flex-direction: column;
    }

    .detail-contactos{
        text-align: center;
    }

    .soldador-image{
        border-left: 1em solid #e9511d;
    }

    .section-sobrenos{
        margin-top: 0em;
    }

    .hero-projetos > h1{
        font-size: 1.5em;
    }

    .menu-mobile{
        width: 18em;
        padding: 0.5em;
    }

    .logo-menu-mob{
        width: 5em;
    }

    .menu-mobile-top{
        gap: 30%;
    }

    .grid-item{
        width: 9em;
        height: 9em;
    }

    .grid-fabricamos{
        grid-template-columns: repeat(2, 9em);
    }

  }

  @media only screen and (max-width: 28.125em){

    .menu-mobile{
        width: 15em;
    }
    
    .menu-mobile-top{
        gap: 25%;
    }

    .contactos-list{
        gap: 2em;
    }

    .contactos-list > a{
        gap: 2em;
    }

    .contactos-upper{
        margin-top: 3em;
    }

    .contactos-bottom{
        margin-top: 5em;
    }

  }


  @media only screen and (max-width: 25em){
    .line-projeto > a{
        min-width: 15em;
        max-width: 15em;
    }

    .icon-fabricamos{
        width: 3em;
    }

    .grid-item > p{
        font-size: 0.8em;
    }

    .grid-item{
        width: 8em;
        height: 8em;
    }

    .grid-fabricamos{
        grid-template-columns: repeat(2, 7em);
        gap: 2em;
    }
  }

  @media only screen and (max-width: 21.875em) {

  }