@media screen and (max-width: 1599px) {
  #contato:after {
    width: 597px;
    height: 538px;
    background-size: contain;
  }
}

@media screen and (max-width: 1439px) {
  #inteligencia .conteudo {
    margin-top: 0;
    padding-top: 85px;
  }
  #inteligencia .conteudo .blocos .texto {
    padding: 75px;
  }
  #inteligencia .conteudo .imagem {
    flex-basis: 50%;
    height: 425px;
    margin-top: -63px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(../images/banner_ia.png);
    position: relative;
  }
}

@media screen and (max-width: 1365px) {
  #inteligencia .conteudo .imagem {
    background-size: cover;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 1279px) {
  :root {
    --container-width: 1170px;
  }

  #inteligencia .conteudo {
    margin-top: 0px;
    padding-top: 100px;
  }
}

@media screen and (max-width: 1199px) {
  :root {
    --container-width: 994px;
  }
  #header.home-header .menus .lista-menu,
  #header.home-header .menus .login {
    display: none;
  }
  .menu-open #menu-flutuante {
    width: 400px;
  }
  #btnMobile {
    display: flex;
  }
  #ferramentas .lista {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
  }
  #ferramentas .lista .item {
    width: 50%;
    padding: 0 30px;
  }
  #inteligencia .conteudo .blocos {
    flex-direction: row;
  }
  #inteligencia .conteudo .blocos .imagem {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 1023px) {
  :root {
    --container-width: 720px;
  }
  #banner .banner-content {
    padding: 0 100px 30px;
  }
  #inteligencia .chamada .btn-big {
    font-size: 28px;
  }
  #inteligencia .conteudo .blocos {
    flex-direction: column;
    height: 100%;
  }
  #inteligencia .conteudo .blocos .imagem {
    flex-basis: auto;
    margin-top: -84px;
  }
  #menu-flutuante {
    width: 400px;
  }
  #contato .box-formulario {
    width: 70%;
  }
  #contato:after {
    width: 340px;
    height: 290px;
  }

  #pesquisa .enquete .enunciado {
    flex-direction: column;
  }
  #pesquisa .enquete {
    width: 100%;
  }

  #pesquisa .enquete .table-responsive-mobile {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }

  #rodape .conteudo .logo img {
    height: 40px;
    width: auto;
  }

  #pesquisa .enquete .pergunta .alternativa {
    text-wrap: wrap;
  }
  #header .topo {
    height: 60px;
  }
  #header .brand img {
    height: 40px;
    width: auto;
  }

  /* Fixar a primeira coluna */
  #pesquisa .enquete .sticky-col {
    position: sticky;
    left: 0;
    background: white;
    z-index: 2;
  }
  #pesquisa .enquete .pergunta .topico-rating .sticky-col {
    max-width: 120px;
    text-wrap: wrap;
    width: 120px;
  }
  #pesquisa .enquete .pergunta {
    padding: 20px;
  }
  #banner .banner-content .typewriter h1 {
    animation: none;
    white-space: normal;
    border: 0;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --container-width: 450px;
  }
  .menu-open #menu-flutuante {
    width: 100%;
  }
  #banner .banner-content {
    padding: 0 30px 30px;
  }
  #ferramentas .lista .item {
    width: 100%;
  }
  #inteligencia .conteudo .blocos .imagem {
    flex-basis: 265px;
  }
  #inteligencia .chamada h3 {
    font-size: 22px;
  }
  #inteligencia .chamada .btn-big {
    font-size: 22px;
    padding: 0 20px;
    gap: 10px;
  }
  #inteligencia .chamada .btn-big > span {
    width: 50px;
    height: 50px;
  }
  #contato {
    height: inherit;
    padding-bottom: 200px;
  }
  #contato .box-formulario {
    width: 100%;
  }
  #contato:after {
    right: 0;
    bottom: -20px;
    width: 210px;
    height: 218px;
    background-size: contain;
  }
  #contato form .form-group .form-control {
    width: 100%;
  }
  #rodape .conteudo {
    flex-direction: column;
  }
  #copyright {
    height: auto;
  }
  #copyright .conteudo {
    padding: 30px 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  #copyright .conteudo > div.links {
    text-align: center;
  }
  #rodape .conteudo .texto-descricao > div {
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding: 0 10px;
  }
  #rodape .conteudo .texto-descricao > div span.bar {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  #inteligencia .conteudo .blocos .texto {
    padding: 80px 30px 45px;
  }
  #inteligencia .chamada .btn-big > span {
    width: 70px;
    height: 70px;
  }
}