/*---- LARGE MONITORS----*/
  @media only screen and (min-width: 1700px) {
    #galeria,
    #divSecaoFichaTecnica,
    #divDadosSecaoDiferenciais,
    #divDadosSecaoLazer{
      margin-left: 22% !important;
      /*margin-right: 22% !important;*/
      max-width: 1100px;
    }
    .divImgGaleria {
      min-width: 300px;
    }
  }
  @media only screen and (max-width: 1370px){
    #menuTopoDesk{
      margin-right: 5%;
    }
    #galeria,
    #divSecaoFichaTecnica,
    #divDadosSecaoLazer{
      margin-left: 15% !important;
      margin-right: 15% !important;
    }
    #divDadosSecaoDiferenciais{
      margin-right: 2vw !important;
      margin-left: 15% !important;
    }
    #divDocumentos{
      width: 85% !important;
      max-width: 85% !important;
    }
    #textosDocumentos h1{
      font-size: 2em;
    }
    #textosDocumentos p{
      font-size: 1em;
      letter-spacing: .13em;
    }
    #botaoDocumentos{
      width: 220px;
      background-size: contain;
    }
    #slide1Content{
      background-position-y: 0vh;
    }
    #secaoGaleria h1{
      font-size: 2em;
    }
    #endereco{
      font-size: 1.6em;
    }
    #divContatos {
      min-width: 150px;
    }
    @keyframes vindoDaDireita {
      from {margin-right: -150%; }
      to {margin-right: 8%;}
    }
  }
/*---- LARGE MONITORS----*/


/*---- MEDIUM MONITORS----*/
  @media only screen and (max-width: 1024px) {
    #secaoMenu{
      max-height: 14vh !important;
      height: 14vh !important;
    }
    #menuTopoDesk{
      margin-right: 3%;
    }
    #containerImgLogoMenuTopo{
      left: 5%;   
    }
    #containerMinhaCasaMinhaVida{
      left: calc(5% + 140px);
    }
    #slide1Content{
      background-position-y: 0vh;
    }
    #divTituloSlide1 #subtitulo{
      font-size: 3em;
    }
    #divContatoSlider{
      margin-top: 0px;
    }
    #divContatoSlider h1,
    #secaoSubtitulo h2{
      font-size: 2em;
    }
    #divLogoForlife{
      margin-left: 15%;
    }
    #divDescricaoForlife{
      width: 60%;
      margin-right: 1vw;
    }
    #galeria,
    #divSecaoFichaTecnica,
    #divDadosSecaoLazer{
      margin-left: 10% !important;
      margin-right: 10% !important;
    }
    #divDadosSecaoDiferenciais{
      margin-left: 10% !important;
      margin-right: 2vw !important; 
    }
    #divMapaGoogle iframe {
      width: 500px !important;
      max-width: 100% !important;
      height: 500px !important;
      max-height: 100% !important;
    }
    .itemLocalizacao {
      margin-left: 18%;
    }

  }
/*---- MEDIUM MONITORS----*/


/*---- TABLET ----*/
  @media only screen and (max-width: 900px) {
    #menuTopoDesk{
      margin-right: 1%;
    }
    #containerImgLogoMenuTopo{
      left: 2%;   
    }
    #containerMinhaCasaMinhaVida{
      left: calc(2% + 140px);
    }
    #divLogoForlife {
      margin-left: 3%;
    }
    #secaoGaleria h1 {
      letter-spacing: 0em;
    }
    #galeria,
    #divSecaoFichaTecnica,
    #divDadosSecaoLazer{
      margin-left: 5% !important;
      margin-right: 5% !important;
    }
    #divDadosSecaoDiferenciais{
      margin-left: 5% !important;
      margin-right: 2vw !important; 
    }
    #secaoFichaTecnica,
    #divDadosSecaoLazer{
      margin-top: -1vh;
    }
    #endereco{
      margin-left: 0;
      text-align: center;
      font-size: 1.4em;
      text-align: center !important;
      margin-right: 0px;
    }
    #botaoComoChegar{
      width: 250px;
      background-size: contain;
    }
    /*.itemLocalizacao{
      margin-left: 30%
    }*/
    .itemLazer{
      width: 287px;
    }
    .divImgGaleria {
      min-width: 235px;
    }
    @keyframes vindoDaEsquerda {
      from {margin-left: -150%; }
      to {margin-left: 5%;}
    }
    @keyframes vindoDaDireita {
      from {margin-right: -150%; }
      to {margin-right: 5%;}
    }
    #divMapaGoogle iframe {
      width: 500px !important;
      max-width: 100% !important;
      height: 500px !important;
      max-height: 100% !important;
    }
    .itemLocalizacao {
      margin-left: 18%;
    }
    #listaLazer {
      max-height: 100%; 
    }
    #secaoSubtitulo h2 {
      padding: 10px;
    }
    #logoSecaoForcasa, #logoRanking, #logoISO, #logoPBQP{
      width: 20%;
    }
    #divImgsSecaoForcasa{
      width: 100%;
    }

  }
  @media only screen and (max-width: 805px){
    #secaoMenu {
      max-height: 11vh !important;
      height: 11vh !important;
    }
    #menuTopoDesk{
      display: none !important;
    }
    #containerMinhaCasaMinhaVida{
      left: 160px;
    }
  }
/*---- TABLET ----*/

/*---- MOBILE----*/
  @media only screen and (max-width: 450px) {
    @keyframes logoCaindo {
      from {top: -40vh; }
      to {top: 1vh;}
    }
    #containerImgLogoMenuTopo{
      width: 90px;
    }
    #containerMinhaCasaMinhaVida{
      width: 73px;
      left: 100px;
    }
    #secaoSlider,
    #secaoSlider .secao90{
      height: 100vh !important;
      max-height: 100vh !important;
    }
    #slide1Content{
      background-position-x: -550px; 
    }
    #slide1Content,
    #formContatoLinha1,
    #formContatoLinha2{
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    #divTituloSlide1{
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-top: calc(1vh + 105px);
      max-width: 90%;
      margin-bottom: 2.5vh;
    }
    #divTituloSlide1 #titulo{
      font-size: 1em;
    }
    #divTituloSlide1 #subtitulo{
      font-size: 2.5em;
    }
    #formContatoSlider{
      width: 100%;
    }
    #tituloContatoSlider{
      text-align: justify;
    }
    #tituloContatoSlider br{
      display: none;
    }
    #divContatoSlider{
      margin-top: 0px;
      width: 90% !important;
    }
    #formContatoSlider h1{
      text-align: center;
      font-size: 2em !important;
    }
    #formContatoLinha1{
      margin-bottom: 0px !important;
    }
    .divInputContatoSlider input{
        padding-left: 18px;
    }
    .divInputContatoSlider input,
    #divBotaoFormSlider{
      width: 90% !important;
      background-size: cover !important;
      margin: 0 auto !important;
      margin-bottom: 10px !important;
    }
    .divInputContatoSlider {
      text-align: center;
    }
    #divContatoSlider h1{
      font-size: 1em;
      margin-top: 0.2em;
    }
    #divContatoSlider #subTituloContato{
      font-size: .8em;
    }

    #secaoSubtitulo{
      height: auto !important;
      max-height: none !important;
      padding-top: 5vh;
      padding-bottom: 5vh;
    }
    #secaoSubtitulo h2{
      font-size: 1.4em;
      letter-spacing: .05em;
    }
    #secaoSubtitulo h2 br{
      display: none;
    }

    #secaoDescricao{
      height: auto !important;
      max-height: none !important;
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
      padding-top: 5vh;
    }
    #divDescricaoForlife{
      width: 90%;
      margin-top: 3vh;
      padding-bottom: 3vh;
    }
    #divDescricaoForlife h4{
      text-align: center;
    }
    #galeria,
    #divSecaoFichaTecnica,
    #divDadosSecaoDiferenciais,
    #divDadosSecaoLazer{
      margin-left: 5% !important;
      margin-right: 5% !important;
    }
    #galeria{
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
    }
    .divImgGaleria {
      min-width: 80%;
    }

    #tituloImplantacao,
    #tituloFichaTecnica,
    #divDadosSecaoDiferenciais h1,
    #tituloLazer{
      letter-spacing: .02em !important;
      max-width: 100% !important;
      font-size: 2em !important;
    }

    #descricaoImplantacao,
    .itemFichaTecnica span,
    #secaoFichaTecnica p,
    #secaoDiferenciais p,
    #divDadosSecaoLazer p,
    .itemLazer p,
    #botaoComoChegar{
      letter-spacing: .02em !important;
      font-size: 1em !important;
      max-width: 100% !important;
    }

    .botaoImplantacao{
      max-width: 100%;
    }

    #listaDiferenciais {
      height: auto !important;
      max-height: none !important;
      width: 100%;
      max-width: 100%;
      /*padding-left: 3vw;*/
    }

    .itemDiferencial{
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important
    }

    #listaLazer{
      max-height: none;
      height: auto;
      width: 90%;
      margin: 0 auto;
    }
    .itemLazer{
      max-width: 100% !important;
      width: 100% !important;
      height: auto !important;
      padding-top: 2vh;
      padding-bottom: 2vh;

      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;

      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    .itemLazer .divItemImg{
      align-self: start !important;
    }
    #listaLazer li p{
      font-size: 1em !important;
    }
    .itemLazer p{
      white-space: normal !important;
      text-align: left !important;
      align-self: start !important;
      padding-top: 2vh !important;
      padding-bottom: 1vh !important;      
    }
    .itemLazer p br{
      display: none;
    }

    #secaoLocalizacao{
      background-position: left;
      padding-bottom: 5vh;
    }
    .itemLocalizacao {
      margin-left: auto;
      width: 90%;
      margin-right: auto;
    }
    #divListaLocalizacao{
      width: 98% !important;
    }
    .itemListaLocalizacao p{
      font-size: 12px;
    }
    #infoComLogo{
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;

      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    #listaLocalizacao {
      margin-bottom: 3vh;
    }
    #endereco{
      margin-top: 0px;
      padding-bottom: 3vh;
    }
    #divImgLocalizacao {
      padding-bottom: 1vh;
    }
    #divMapaGoogle iframe{
      width: 320px !important;
      max-width: 100% !important;
      height: 241px !important;
      max-height: 241px !important;
    }
    #botaoComoChegar{
      float: none;
      margin: 0 auto !important;
      display: block;
    }
    #secaoDocumentos{
      height: auto !important;
      max-height: none !important;
      padding-top: 5vh;
      padding-bottom: 5vh;
    }
    #divDocumentos{
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;

      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    #imgDocumentos {
      width: 20%;
    }
    #textosDocumentos{
      text-align: center;
      padding-top: 2vh;
      padding-bottom: 2vh;
    }
    #divNumeros .largura60{
      width: 90% !important;
      max-width: none !important;
    }
    #divForcasaDescricao,
    #divImgsSecaoForcasa{
      width: 90% !important;
      max-width: none !important; 
    }
    #divImgsSecaoForcasa{
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;

      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    #divImgsSecaoForcasa div{
      margin-bottom: 2vh;
    }
    #secaoContato{
      height: auto !important;
      max-height: none !important;
      padding-top: 5vh;
      padding-bottom: 5vh;
    }
    #divContatos,
    #divCadastroContato{
      width: 90% !important;
      min-width: 90% !important;
      margin: 0 auto;
      text-align: center;
    }
    .inputCadastroContato,
    #botaoEnviar{
      width: 100% !important;
    }
    #divRodapeContent{
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
      
      /*-webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;*/

      width: 90% !important;
      max-width: 90% !important;
    
    }
    #divRodapeLogo{
        width: 55%;
        margin-right: 0px;
    }
    #divTextoRodape h1{
      font-size: .78em;
    }
    #divTextoRodape{
      margin-top: 3vh;
      width: 100%;
    }
    #divBaseParceiros{
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;

      /*-webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;*/
    }
    #divBaseTexto{
      align-self: flex-start;
      padding-top: 1vh;
      padding-bottom: 1vh;
    }
    #divImgParceiros{
      max-width: 100%;
    }
    #divImgParceirosMobile{
      max-width: 90%;
      margin-bottom: 3vh;
      /*height: 500px;*/
    }
    #divImgParceirosMobile img{
      /*height: 100%;*/
    }
    .desktop{
      display: none !important;
      visibility: hidden;
    }
    .mobile{
      display: block;
    }
    #consideracoes{
      width: 90% !important;
      max-width: 90% !important;
    }
    .hidden-xs {
        display: none!important;
    }
    #h1-cadastre-se{
      font-size: 30px !important;
    }
    #divContatosContent {
      width: 100%;
    }
     #logoSecaoForcasa, #logoRanking, #logoISO, #logoPBQP{
      width: 40%;
    }
  }
  @media only screen and (max-width: 330px) {
    #divTituloSlide1{
      /*align-self: flex-end;*/
      /*margin-right: 10%;*/
    }
  }
/*---- MOBILE----*/