/*Estilo para laptop++*/
@media only screen and (min-width: 900px) and (max-width: 1440px) {
  
}

/*Estilo para notebook*/
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .ambientes {
    width: 1280px !important;
  }
  .tools {
    width: 1280px;
    margin: 0 auto;
  }
  .lookdecora, .projetos, .simulador-cores, .projcond-v2, .projonline-v2, .aptodec {
    width: 410px;
    height: 447px;
  }
  .clear {
    height: 447px;
  }
  .projcond, .projonline {
    width: 626px;
    height: 471px;
  }
  
}

/*Estilo para laptop*/
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .ambientes {
    width: 1143px !important;
  }
  .tools {
    width: 1200px;
  }
  .clear {
    height: 411px;
  }
  .lookdecora, .projetos, .simulador-cores, .projcond-v2, .projonline-v2, .aptodec {
    width: 384px;
    height: 411px;
  }
  .projcond, .projonline {
    width: 586px;
    height: 466px;
  }
  
}

/*Estilo para tablets-pro*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  
  .ambientes {
    width: 860px !important;
    padding: 60px 0;
  }
  .tools {
    width: 860px;
  }
  .tools h2 {
    font-size: 24px;
  }
  .tools a {
    padding: 12px 15px;
    font-size: 12px;
  }
  .tools p {
    font-size: 14px;
  }
  .clear {
    height: 300px;
  }
  .lookdecora, .projetos, .simulador-cores, .projcond-v2, .projonline-v2, .aptodec {
    width: 270px;
    height: 300px;
}
  .projcond, .projonline {
    width: 416px;
    height: 348px;
  }
  /* Animação */

[data-anime] {
  opacity: 1;
  transition: all 0.6s ease-in;
}

[data-anime="left"] {
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
}

[data-anime="right"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime="top"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime].animate {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
  
}

/*Estilo para tablets*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  
  .ambientes {
    width: 700px !important;
    padding: 60px 0;
  }
  .tools {
    width: 689px;
    margin: 0 auto;
  }
  .clear {
    width: 100%;
    clear: both;
    height: auto;
    margin-bottom: 30px;
  }
  .lookdecora, .projetos, .simulador-cores, .projcond-v2, .projonline-v2, .aptodec {
    width: 439px;
    height: 485px;
    float: none;
    margin: 0 auto;
  }
  .projcond, .projonline {
    width: 669px;
    height: 487px;
    background: url("../img/projeto-condominio-v2.jpg") no-repeat center;
    float: none;
    margin: 0 auto;
  }
  .projonline {
    background: url("../img/projeto-online-v2.jpg") no-repeat center;
  }

  .made3d {
    display: none;
  }
  /* Animação */

[data-anime] {
  opacity: 1;
  transition: all 0.6s ease-in;
}

[data-anime="left"] {
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
}

[data-anime="right"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime="top"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime].animate {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

}

/*Estilo para smartphone*/
@media only screen and (max-width: 767px) {
  
  p {
	font-size: 14px;
  }
  .introducao {
    height: 205px;
  }
  .ambientes h1 {
    font-size: 26px;
    margin-top: 30px;
  }
  .ambientes p {
    font-size: 14px;
    line-height: 20px;
  }
  .ambientes {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0;
  }
  .tools {
    width: 100%;
    margin: 0 auto;
  }
  .tools h2 {
    font-size: 22px;
  }
  .tools a {
    padding: 12px 15px;
    font-size: 12px;
  }
  .tools p {
    font-size: 16px;
  }
  .lookdecora, .projetos, .projcond, .projonline, .made3d, .simulador-cores, .projcond-v2, .projonline-v2, .aptodec {
    width: 100%;
    height: 350px;
    padding: 15px;
    margin:  15px auto;
    text-align: center;
  }
  .projetos {
    background: url("../img/3-000-projetos-cel.jpg") no-repeat center;
    background-size: cover;
  }
  .projcond {
    background: url("../img/projeto-condominio-cel.jpg") no-repeat center;
    background-size: cover;
  }
  .projonline {
    background: url("../img/projeto-online-cel.jpg") no-repeat center;
    background-size: cover;
  }
  .simulador-cores {
    background: url("../img/simulador-cores-puxadores.jpg") no-repeat center;
    background-size: cover;
  }

  .made3d {
    display: none;
  }
  
  /* Animação */

[data-anime] {
  opacity: 1;
  transition: all 0.6s ease-in;
}

[data-anime="left"] {
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
}

[data-anime="right"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime="top"] {
  transform: translate3d(0px, 0px, 0px);
}

[data-anime].animate {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

}