/* tablet */
@media only screen and (min-width: 788px) and (max-width: 979px) {
  /* qualidade home */
  .qualidade:after {
    right: 66px;
  }
  .qualidade-lista li {
    padding: 0px 10px;
  }
  /* footer */

  .footer-redes ul li a {
    padding: 6px;
  }
  .footer-redes ul li a img {
    width: 26px;
    height: 26px;
  }

  /* produto */
  .produto-item h2 {
    top: -150px;

    margin-bottom: -56px;
  }
  .produto-icone {
    padding: 41px 0;
  }

  .produto-info p {
    font-size: 14px;
    line-height: 20px;
    height: 122px;
    padding: 20px 30px;
  }

  .produto-info ul li {
    width: 181px;
    height: 49px;
  }
}

/* smartphone */
@media only screen and (max-width: 787px) {
  /* header */
  .header {
    position: relative;
    padding-bottom: 0px;
  }
  .header img {
    margin: 0 auto 10px auto;
  }
  .menu-header {
    text-align: center;
  }
  .menu-header ul li {
    margin: 5px;
  }
  .menu-header ul li a {
    border: 4px solid black;
    width: 136px;
    display: block;
    float: left;
  }
  .menu-header ul li a:hover {
    border-color: white;
  }
  .menu-header ul li a.menu-ativo {
    border-color: white;
  }

  /* introdução */
  .introducao {
    margin-top: 0px;
    padding-top: 40px;
    background: url(../img/bg-mobile.jpg) no-repeat center;
    background-size: cover;
  }
  .introducao h1 {
    font-size: 36px;
  }

  /* introduçao interna */

  .introducao-interna {
    margin-top: 0;
  }

  /* call */

  .call {
    padding-top: 10px;
  }
  /* qualidade */

  .qualidade-lista li {
    padding: 0px 10px;
  }

  .qualidade:after {
    display: none;
  }

  /* sobre */

  .missao-sobre p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
  }

  .missao-sobre ul li {
    font-size: 14px;
    line-height: 25px;
  }

  /* produto */
  .produto-item h2 {
    top: -100px;
    margin-bottom: -68px;
  }
  .produto-icone {
    padding: 41px 0;
  }

  .produto-info p {
    font-size: 14px;
    line-height: 20px;
    height: auto;
    padding: 20px 30px;
  }

  .produto-info ul li {
    width: 149px;
    height: 49px;
    font-size: 14px;
    line-height: 20px;
    padding-top: 14px;
  }
  .form,
  .orcamento-dados ul {
    padding-right: 0px;
  }

  /* contato */
  .contato-form {
    padding-right: 0px;
    margin-bottom: 40px;
  }
}