@media (max-width:1500px) {
    section.instragram .box {
       transform: none;
    }
 
    .container {
       max-width: 90%;
       width: 90%;
    }
 }
 
 @media (max-width:1280px) {
    section.corpo__clinico .boxes {
       grid-template-columns: repeat(3, 1fr);
       justify-content: center;
    }
 
    section.corpo__clinico .box img.perfil {
       height: auto;
       aspect-ratio: 11/16;
    }

    header .menu {
        display: none;
    }

    header .chama__responsivo {
        display: flex !important;
    }

    section.prioridades h2 {
        font-size: 60px;
    }
 }
 
 @media (max-width:998px) {

    header .principal {
        padding: 20px 0;
    }
 
    section.nav__especialiadades a h3 {
       font-size: 14px;
    }
 
    section.nav__especialiadades .icone {
       width: 40px;
       height: 40px;
    }
 
    section.nav__especialiadades a img {
       width: 20px;
       height: 20px;
    }
 
    section.title__page h1 {
       font-size: 50px;
    }

    section.blocos .bloco {
      padding: 30px;
    }

    section.blocos h3 {
      font-size: 36px;
    }
 
    header .logo img {
       max-width:  200px;
    }
 

    section.slider .container {
      padding: 100px 15px;
    }

    header .menu a,
    footer .menu a {
       font-size: 12px;
       text-align: center;
    }
 
    section.nav__especialiadades .boxed {
       gap: 20px 0;
    }
 
    section.nav__especialiadades a {
       border: 0;
    }
 
    section.sobre {
       padding: 60px 0;
    }
 
    section.sobre .container {
       display: flex;
       flex-direction: column;
    }
 
    section.sobre .container::after {
       order: 1;
       width: 100%;
       height: 300px;
       position: static;
    }
  
    section.sobre .col-md-6 {
       margin: 0;
       width: 100%;
       max-width: 100%;
       flex: auto;
    }
 
    section.sobre .content {
       padding: 45px;
       width: 100%;
    }
 
    section.sobre .content::after {
       left: 0;
       right: inherit;
    }
 
    section.especialidades .boxes,
    section.aplicacoes .boxes,
    section.orcamento .linha {
       grid-template-columns: repeat(1, 1fr);
    }
 
    section.orcamento .coluna p {
       flex-wrap: wrap;
    }
 
    section.orcamento .linha {
       width: 100%;
    }
 
    section.frase h2 {
       padding: 0;
       font-size: 22px;
       line-height: 1.2;
    }
 
    footer .principal .container {
       flex-wrap: wrap;
       gap: 40px 0;
       justify-content: center;
       flex-direction: column;
       align-items: center;
    }
 
    footer .principal .right {
       flex-wrap: wrap;
       flex-direction: column;
       align-items: center;
    }
 
    section.sobre h2,
    section.slider h2,
    section.especialidades h2,
    section.corpo__clinico h2,
    section.instragram h2 {
       font-size: 36px;
    }
 
    .boxes__especialistas {
       grid-template-columns: repeat(2, 1fr);
       gap: 20px;
    }
 
    .box__especialista {
       gap: 15px;
       flex-wrap: wrap;
    }
 
    .box__especialista h3 {
       font-size: 13px;
    }
 
    .box__especialista p.cargo {
       font-size: 11px;
    }
 
    .box__especialista .action {
       flex-wrap: wrap;
    }
 
    .box__especialista .imagem {
       min-width: 80px;
       width: 80px;
       height: 80px;
    }
 
    .box__especialista a.cta__primary {
       min-width: 100%;
       justify-content: center;
    }
 
    .box__descricao {
       padding: 20px;
    }
 
    .box__descricao h4 {
       font-size: 18px;
    }
 
    .box__descricao p.funcao {
       font-size: 11px;
    }
 
    section.clientes ul {
       grid-template-columns: repeat(4, 1fr);
       gap: 20px 10px;
    }
 }
 
 @media (max-width:768px) {
   
   section.intro {
      padding-bottom: 50px;
   }

   section.intro .right {
      order: 1;
      margin-bottom: 30px;
   }

   section.intro .right img {
      margin-bottom: 0;
   }

   section.intro .left {
      order: 2;
   }

   section.intro h2 {
      font-size: 13vw;
      text-align: center;
      line-height: 1;
      margin-bottom: 15px;
   }

   section.intro h2 strong {
      font-size: 20vw;
      line-height: 1;
   }

   section.intro .left p {
      font-size: 16px;
      text-align: center;
      line-height: 1.5;
      margin-bottom: 15px;
   }

   section.intro .left p br {
      display: none;
   }

   section.intro a {
      margin: auto;
   }


   section.seguros {
      padding: 50px 0;
   }

   section.seguros h2, 
   section.vantagens h2,
   section.duvidas h2,
   section.description h2,
   section.formulario h2 {
      font-size: 9vw;
   }

   section.seguros .seguros__nav {
      flex-wrap: wrap;
      gap: 10px;
   }

   section.seguros .seguros__nav a {
      font-size: 12px;
      padding: 10px 20px
   }

   section.seguros .seguros__item {
      flex: auto;
      max-width: 100%;
   }

   section.vantagens .vantagens__items {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
   }

   section.duvidas .col-md-6:nth-child(1) {
      margin-bottom: 30px;
   }

   section.duvidas .intro br {
      display: none;
   }

   section.duvidas .duvidas__item h4 {
      font-size: 16px;
      line-height: 1.3;
   }

   section.duvidas .duvidas__item .content {
      font-size: 14px;
   }

   footer .menu {
      margin-bottom: 30px;
   }

   footer .newsletter form {
      flex-wrap: wrap;
   }

   footer .newsletter form input[type="email"],
   footer .newsletter form button {
      width: 100%;
   }

   .copyright {
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
   }


   section.description,
   section.formulario {
      padding: 50px 0;
   }

   section.description h3,
   section.formulario h3 {
      font-size: 7vw;
   }

   section.formulario h3 {
      margin-bottom: 30px;
   }
 }