@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:  120px;
    }
 

    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.prioridades .col-md-6:nth-child(1) {
        margin-bottom: 40px;
    }

    section.prioridades h2 {
        font-size: 56px;
    }

    section.prioridades h2 strong {
        padding: 10px 30px 0 30px;
    }
    
    section.prioridades p {
        font-size: 20px;
    }

    section.prioridades .bloco {
        padding: 20px;
    }

    section.prioridades .bloco h4 {
        font-size: 18px;
    }

    section.prioridades .bloco img {
        width: 50px;
    }

    section.sobre .content {
        border-radius: 30px 30px 0 0;
    }

    section.videos .owl-nav .owl-next,
    section.blog .owl-nav .owl-next {
        margin-right: -35px;
    }

    section.blog .col-md-4 {
        margin-bottom: 40px;
    }

    section.cta .container {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        text-align: center;
    }


    section.cta h2 {
        font-size: 30px;
    }

    section.cta h2 br {
        display: none;
    }

    section.videos .owl-nav .owl-prev,
    section.blog .owl-nav .owl-prev {
        margin-left: -35px;
    }

    section.sobre .content p {
        font-size: 18px;
        line-height: 1.5;
    }

    section.sobre .content a {
        font-size: 20px;
        padding: 20px;
    }

    section.sobre .image h2 {
        font-size: 7vw;
    }
 
    section.nav__especialiadades .boxed {
       flex-wrap: wrap;
    }
 
    .menu__responsivo ul.sub-menu li a {
       display: flex;
       flex-direction: column;
    }
 
    .menu__responsivo ul.sub-menu li a span {
       margin-top: 3px;
       color: #6b6b6b;
    }
 
    .menu__responsivo ul.sub-menu li:hover span {
       color: #fff;
    }
 
    header .container {
       gap: 20px 0;
    }
 
    header .social {
       display: none;
    }
 
    section.slider .desktop {
       display: none;
    }
 
    section.slider .mobile {
       display: block !important;
    }
 
    section.corpo__clinico .boxes {
       grid-template-columns: repeat(2, 1fr);
    }
 
    header .menu ul,
    footer .menu ul {
       flex-wrap: wrap;
    }
 
    section.slider p {
       font-size: 16px;
    }
 
    section.sobre blockquote {
       font-size: 16px;
    }
 
    section.nav__especialiadades a {
       width: 100%;
       text-align: center;
       justify-content: center;
       justify-content: start;
       margin-left: 45px;
    }
 
    section.beneficios p.subtitle {
       font-size: 17px;
    }
 
    section.aplicacoes .boxes h4 {
       font-size: 23px;
    }
 
    section.orcamento p.subtitle {
       font-size: 14px;
    }
 
    section.clientes p.subtitle {
       font-size: 16px;
    }
 
    header .menu ul li,
    footer .menu ul li {
       width: 100%;
    }
 
    header .menu ul li a,
    footer .menu ul li a {
       border: 0;
    }
 
    section.galeria h2,
    section.premissas h2 {
       font-size: 24px;
       gap: 20px;
       text-align: center;
       margin-bottom: 0;
    }
 
    section.galeria .center {
       transform: none;
    }
 
    section.galeria .owl-stage-outer {
       padding: 40px 0
    }
 
    section.galeria .owl-nav .owl-next {
       margin-right: -40px;
    }
 
    section.galeria .owl-nav .owl-prev {
       margin-left: -40px;
    }
 
    section.premissas h2 {
       margin-bottom: 30px;
    }
 
    section.premissas .row {
       gap: 40px 0;
    }
 
    section.especialidades .right {
       padding: 40px 20px
    }
 
    .list__blog .box {
       grid-template-columns: repeat(1, 1fr);
       gap: 25px;
    }
 
    section.fale-conosco .boxes__corpo {
       margin-top: 60px;
       grid-template-columns: repeat(1, 1fr);
    }
 
    section.orcamento button,
    section.orcamento input[type="submit"] {
       font-size: 12px;
       padding: 18px;
    }
 
    section.orcamento h2 {
       font-size: 34px;
    }
 
    section.aplicacoes .boxes .right {
       padding: 30px;
    }
 
    section.aplicacoes .boxes ul {
       grid-template-columns: repeat(1, 1fr);
    }
 
    section.clientes ul {
       grid-template-columns: repeat(2, 1fr);
    }
 
    section.marcas h2 {
       margin-top: 50px;
       font-size: 36px;
    }
 
 
    section.necessidades img {
       margin-top: 40px;
    }
 
    section.nav__especialiadades a:hover .icone:after,
    section.nav__especialiadades a.active .icone:after {
       display: none;
    }
 
    section.intro__solucoes {
       padding: 60px 0;
    }
 
    section.intro__solucoes h2 {
       font-size: 52px;
    }
 
    section.intro__solucoes p {
       font-size: 14px;
    }
 
    section.intro__solucoes .content {
       padding-right: 0;
       margin-bottom: 60px;
    }
 
    section.opcoes-maquinas {
       padding-bottom: 0;
    }
 
    section.opcoes-maquinas h2 {
       font-size: 24px !important;
    }
 
    section.insumos h2 {
       font-size: 27px;
       text-align: center;
    }
 
    section.opcoes-maquinas .items {
       grid-template-columns: repeat(2, 1fr);
    }
 
    section.insumos .items {
       grid-template-columns: repeat(2, 1fr);
    }
 
    section.marcas {
       padding-top: 0;
    }
 
    section.marcas .image {
       margin-top: 50px;
    }
 
    section.fale-conosco .cta__primary {
       margin-bottom: 40px;
    }

    footer .newsletter h2{
        flex-wrap: wrap;
        font-size: 28px;
        line-height: 1;
        margin-bottom: 10px;
    }

    footer .newsletter p {
        font-size: 20px;
        line-height: 1.2;
    }

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

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

    footer .blocos {
        flex-wrap: wrap;
    }

    footer .blocos .bloco {
        min-width: 100%;
    }

    section.blocos .cta__primary {
      font-size: 24px;
      text-align: center;
      max-width: 100%;
    }


    section.blocos .bloco .col-md-7 {
      order: 2;
      margin-top: 15px;
    }


    section.intro h2 strong {
      font-size: 36px;
    }

    section.intro .left p {
      margin-bottom: 30px;
    }

    section.intro .links .owl-nav .owl-prev,
    section.parceiros .owl-nav .owl-prev {
      margin-left: -20px;
    }

    section.intro .links .owl-nav .owl-next,
    section.parceiros .owl-nav .owl-next {
      margin-right: -20px;
    }


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

    section.blog .secundario img {
      width: 90px;
      height: 90px;
    }

    section.blog .secundario {
      gap: 15px;
    }
    
    section.blog .secundario h3 {
      font-size: 12px;
    }

    section.blog .secundarias {
      gap: 30px;
    }

    section.blog .principal {
      height: 315px;
    }


    section.parceiros {
      padding: 60px 0;
    }


    footer .col-md-5.menu {
      margin: 50px 0;
    }

    .copyright .container {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      text-align: center;
      line-height: 1.5;
    }


    section.agenda .timeline {
      padding-left: 80px;
    }

    section.agenda .timeline:after {
      left: 20px;
    }

    section.agenda .timeline .pin {
      top: 0;
      transform: none;
      width: 90px;
      height: 90px;
      left: -105px;
    }


    section.title__page {
      padding: 60px 0;
    }

    section.title__page h1 {
      font-size: 36px;
    }

    section.fale-conosco h2 {
      font-size: 28px;
    }
 }
 
 @media (max-width:556px) {
 
    header .principal .agendamento,
    header .menu-menu-header-container {
       display: none !important;
    }
 
    header .menu .agendamento {
       display: flex !important;
       min-width: 100%;
       margin-bottom: 15px;
    }
 
    header .agendamento .cta__primary {
       min-width: 100%;
    }
 
    section.corpo__clinico .boxes,
    section.especialidades .boxes {
       grid-template-columns: repeat(1, 1fr);
    }
 
    section.especialidades p.subtitle {
       font-size: 16px;
    }
 
    section.sobre .content {
       padding: 30px;
    }
 
 
    section.nav__especialiadades a h3 {
       font-size: 14px;
    }
 
    section.nav__especialiadades a h4 {
       font-size: 12px;
    }
 
    section.sobre .container::after {
       height: 180px;
    }
 
    section.sobre h2,
    section.slider h2,
    section.especialidades h2,
    section.corpo__clinico h2,
    section.instragram h2 {
       font-size: 24px;
    }
 
    footer .copy .container {
       flex-wrap: wrap;
       justify-content: center;
       gap: 20px 0;
       text-align: center;
    }
 
    /* Media query for mobile devices */
    .telefone-mobile {
       display: flex;
       justify-content: space-around;
       gap: 5px;
       position: fixed;
       bottom: 0;
       left: 0;
       top: inherit;
       bottom: 0;
       width: 100%;
       background-color: #f5f5f5;
       padding: 10px;
       z-index: 999;
    }
 
    /* Adjust styles for the buttons as needed */
    .telefone-mobile a {
       color: white;
       width: 100%;
       border: none;
       justify-content: center;
       border-radius: 5px;
       cursor: pointer;
       padding: 10px 0;
    }
 
    /* Adjust styles for the buttons as needed */
    .telefone-mobile a span {
       font-size: 14px;
       margin-top: 5px;
    }
 
    .telefone-mobile a svg {
       width: 25px;
       height: 25px;
    }
 
    .telefone-mobile .telefone-fixo {
       display: flex;
       flex-direction: column;
       background-color: var(--laranja);
       align-items: center;
    }
 
    .telefone-mobile .telefone-whats {
       display: flex;
       flex-direction: column;
       background-color: green;
       align-items: center;
    }
 }