@media(max-width: 1366px) {
  #home {
    height: 100vh;
  }
}

@media(max-width: 1024px) {
  #home {
    height: 768px;
  }

  .icone-mobile {
    display: block;
  }

  .menu {
    display: block;
    position: fixed;
    background-color: black;
    width: 100%;
    height: auto;
    right: 0;
    top: 71px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    left: -100%;
  }

  .cont-menu, .header-img, .logo {
    height: 100%;
  }

  .cont-menu .logo img {
    height: 100%;
  }

  .menu .header-img {
    display: none;
  }

  .menu ul li, .menu ul li a {
    display: block;
  }

  .menu #main {
    position: relative;
    left: 0;
  }
}

@media(max-width:768px) {
  #home {
    height: 100vh;
  }

  .bloco-solucoes {
    padding-top: 80px;
  }

  #quemsomos {
    margin-top: -70px;
  }

  #quemsomos .txt-somos .title {
    padding-top: 236px;
  }

  #depoimento .box-depoimento {
    max-width: 670px;
    padding-top: 80px;
  }

  #solucoes .linha {
    padding-bottom: 0;
  }
  /* CONTATO */
  .footer .rodape-conteudo .direitos,
  .footer .rodape-conteudo .ivoire-logo {
    text-align: center;
    height: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer .rodape-conteudo .direitos span,
  .footer .rodape-conteudo .ivoire-logo span {
    position: relative;
    bottom: 0;
  }

  #contato .conteudo-contato {
    max-width: 600px;
  }
}

@media(max-width: 767px) {
  #quemsomos .somos .txt-somos .title {
    margin: 0 auto;
    float: none;
  }

  #quemsomos {
    height: 100%;
    background-color: #e8e8e8;
  }
}

@media(max-width:425px) {
  #home {
    height: 100%;
  }

  #quemsomos {
    height: auto;
    margin-top: -39px;
  }

  #quemsomos .somos {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  #quemsomos .txt-somos .title span:nth-child(1) {
    font-size: 45px;
  }

  #quemsomos .somos .txt-somos .title {
    margin-bottom: 35px;
    padding-top: 0;
  }

  .full-home .box-home .txt {
    font-size: 22px;
  }

  #depoimento .box-depoimento .row p {
    float: none;
    margin: 0 auto;
    font-size: 18px;
  }

  #depoimento .box-depoimento .row .title-depoimento {
    font-size: 21px;
    line-height: 33px;
    text-align: center;
  }

  #quemsomos .txt-somos .cont-somos p:nth-child(1),
  .bloco-solucoes p {
    font-size: 18px;
  }

  /*PAGINA DE CONTATO*/
  #contato .conteudo-contato .formulario form .efeito {
    display: block;
    margin-top: 45px;
    margin-bottom: 0;
  }

  #contato .conteudo-contato .formulario form .mensagem {
    margin-top: 45px;
  }

  #contato .conteudo-contato .formulario form .espaco-mobile {
    margin-top: 20px;
  }

  #contato .conteudo-contato .formulario form .efeito,
  #contato .conteudo-contato .formulario form .efeito input,
  #contato .conteudo-contato .formulario form .mensagem {
    width: 100%;
  }

  #contato .conteudo-contato .formulario form .cidade {
    display: inline-block;
    width: 171px;
  }

  #contato .conteudo-contato .formulario form .estado {
    width: 105px;
    display: inline-block;
  }

  #contato .conteudo-contato .txt-contato {
    text-align: center;
  }

  #contato .conteudo-contato .txt-contato p {
    margin: 0 auto;
    text-align: left;
  }
  .input-captcha{
    margin-bottom: 20px;
  }
}

@media(max-width: 360px) {
  .full-home .box-home .txt {
    font-size: 18px;
  }

  .full-home .box-home p {
    font-size: 14px;
  }
    input[name='captcha']{
    max-width: 120px;
  }
}

@media(max-width: 320px) {
  #quemsomos .txt-somos .cont-somos p {
    font-size: 16px;
  }

  #quemsomos .txt-somos .title span:nth-child(1),
  .bloco-solucoes span {
    font-size: 40px;
  }

  #quemsomos .txt-somos .title span:nth-child(3) {
    font-size: 22px;
  }
}

@media (max-device-width: 800px) 
   and (orientation: landscape) {
 
  .full-home .box-home .txt {
    font-size: 33px;
  }

  #home {
    height: 100%;
  }

  #quemsomos {
    margin-top: -66px;
  }

  #quemsomos .txt-somos .title {
    padding-top: 264px;
  }

  #depoimento .box-depoimento {
    padding-top: 80px;
  }

  #contato .conteudo-contato {
    max-width: 600px;
  }

  .footer .rodape-conteudo .direitos, 
  .footer .rodape-conteudo .ivoire-logo {
    text-align: center;
    height: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer .rodape-conteudo .direitos span, 
  .footer .rodape-conteudo .ivoire-logo span {
    position: relative;
    bottom: 0;
  }
}

@media (max-device-width: 736px) 
   and (orientation: landscape) {
  .full-home .box-home .txt {
    font-size: 33px;
  }

  #quemsomos {
    height: auto;
  }

  #quemsomos .txt-somos .title {
    padding-top: 100px;
  }

  #quemsomos .txt-somos .cont-somos {
    padding-bottom: 30px;
  }
}

@media (max-device-width: 568px) 
   and (orientation: landscape) {
  .full-home .box-home .txt {
    font-size: 27px;
  }

  .full-home .box-home p {
    font-size: 14px;
  }

  #contato .conteudo-contato .formulario form .efeito, 
      #contato .conteudo-contato .formulario form .efeito input, 
      #contato .conteudo-contato .formulario form .mensagem {
    width: 100%;
  }

  #contato .conteudo-contato .formulario form .cidade {
    display: inline-block;
    width: 171px;
  }

  #contato .conteudo-contato .formulario form .estado {
    width: 105px;
    display: inline-block;
  }
} 

/* TABLET Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
  .full-home {
    height: 100%;
  }

  .bloco-solucoes {
    padding-top: 80px;
  }

  .icone-mobile {
    display: block;
  }

  .menu #main {
    left: 0;
  }

  .menu {
    display: block;
    position: fixed;
    background-color: black;
    width: 100%;
    height: 250px;
    right: 0;
    top: 71px;
    transition: all .3s;
    left: -100%;
  }

  .cont-menu, .header-img, .logo {
    height: 100%;
  }

  .cont-menu .logo img {
    height: 100%;
  }

  .menu .header-img {
    display: none;
  }

  .menu ul li, .menu ul li a {
    display: block;
  }
}