.container {
  max-width: 1300px;
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
}

.titulo-dark {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 0;
}

.bg-azul {
  background-color: #3F4658;
  color: #ffffff;
  height: auto;
  font-size: larger;
}

.alinhamento-titulo {
  margin-left: 200px;
  align-items: center;
}

.margem-titulo {
  margin-top: -10px;
  text-transform: uppercase;
}

.botao-produtos {
  color: white !important;
  padding: 0 20px !important;
  align-self: center;
  letter-spacing: .5px;
  font-size: .75rem !important;
  font-weight: 600;
}

.imagem-detalhes {
  height: 80px;
  margin-bottom: 20px;
}

.col-imagem {
  display: flex;
  align-items: center;
}

.bg-destaque {
  background-color: #f9f9f9;
}

.texto p {
  text-align: justify;
  color: #707070; 
  line-height: 1.6 !important;
}

.texto li {
  text-align: justify;
  margin-bottom: 5px;
  color: #707070;
  list-style: none;
}

.produtos p,
.produtos li {
  color: #707070;
}

.alinhamento-row {
  margin: 0px 50px;
}

.ajuste-img {
  float: left;
}

.ajuste-img2 {
  float: right;
}

ol {
  padding: 0;
}

ul.lista-destaque {
  list-style: none;
  padding: 0;
}

@media screen and (max-width: 575px) {
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 20px !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    padding: 30px 20px;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .texto {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .9rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .container-conteudo .imagem {
    display: none;
  }

  .container .imagem img {
    width: 100%;
  }

  .col {
      padding: 10px 0 !important;
  }   

  .alinhamento-imagem {
      display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 780px) {
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 20px !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    padding: 30px 20px;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .texto {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .9rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .container-conteudo .imagem {
    display: none;
  }

  .container .imagem img {
    width: 100%;
  }

  .col {
      padding: 10px 0 !important;
  }   

  .alinhamento-imagem {
      display: none;
  }
}

@media screen and (min-width: 781px) and (max-width: 992px) {
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 20px !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    padding: 30px 20px;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .texto {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .9rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .container-conteudo .imagem {
    display: none;
  }

  .container .imagem img {
    width: 100%;
  }

  .col {
      padding: 10px 0 !important;
  }   

  .alinhamento-imagem {
      display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 20px !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    padding: 30px 20px;
    display: flex;
    flex-direction: row;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .imagem {
    flex: 1;
  }

  .texto {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .9rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .destaque {
    flex-direction: row-reverse;
  }

  .container-conteudo .imagem {
    display: block;
  }

  .container .imagem img {
    width: 100%;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1333px) {
  .container {
    padding: 50px 60px;
  }
  
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 60px !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    gap: 30px;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .imagem {
    flex: 1;
  }

  .texto {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .95rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .destaque {
    flex-direction: row-reverse;
  }

  .container-conteudo .imagem {
    display: block;
  }

  .container .imagem img {
    width: 100%;
  }
}

@media screen and (min-width: 1333px) {  
  .subtitulo-alinhamento {
      font-size: 20px;
  }

  .container-titulo {
      padding: 10px 0 !important;
  }

  .container-titulo h2 {
      font-size: 1.3rem;
  }

  .container-titulo h1 {
      font-size: 1.7em;
  }

  .container-conteudo {
    gap: 30px;
  }

  .alinhamento {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;    
  }

  .logo-produto {
    width: 200px;
    align-self: center;
  }

  .tiss {
    width: 150px;
  }

  .clique-medicos {
    width: 220px;
  }

  .marque-aqui {
    width: 150px;
  }

  .nfe {
    width: 130px;
  }

  .imagem {
    flex: 1;
  }

  .texto {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;

    font-size: .95rem;
  }

  .texto p {
    margin: 0;
  }

  .texto h2 {
    font-size: 1.8em;
  }

  .destaque {
    flex-direction: row-reverse;
  }

  .container-conteudo .imagem {
    display: block;
  }

  .container .imagem img {
    width: 100%;
  }
}