@media screen and (max-width: 768px){
    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    /* HEADER, BANNER E TÍTULO */
    #container_logomarca {
        display: none;
    }
    
    #mobile-topo {
        display: block;
        background-color: #fff;
        height: 115px;
    }
    
    .mobile-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        height: 100%;
    }

    .logo-mobile {
        position: relative;
    }

    .logo-mobile img {
        height: 60px;
    }

    /* .logo-mobile a::after {
        content: '';
        position: absolute;
        top: -25px;
        right: -15px;
        width: 50px;
        height: 50px;
        background: url(../imagens/selo-30-anos.png) no-repeat;
        background-size: 70%;
    } */

    .menu-toggle {
        cursor: pointer;
        font-size: 24px;
    }

    #container_slide {
        width: 100%;
        height: 380px;
        background-color: #fff;
    }

    #slide {
        left: 80px;
        top: 64px;
    }

    #clinica {
        width: calc(100% + 25px);;
        top: 0;
        right: 0;
        background-color: #fff;
    }

    #topo {
        /* display: none; */
        position: fixed;
        top: 0;
        height: 100vh;
        width: 80%;
        right: 0;
        background: #0e2987;
        box-shadow: -13px 0px 20px #0000004d;
        z-index: 1000;
        transition: transform 0.8s ease;
        padding-top: 45px;
        transform: translateX(calc(100% + 100px));
    }
    
    #topo.active {
        /* display: block; */
        transform: translateX(0);
        z-index: 10000;
    }
    
    #menu {
        padding-top: 20px;
        display: flex;
        flex-direction: column;
    }

    #overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: 900;
        transition: opacity 0.3s ease;
    }
    
    #overlay.active {
        display: block;
    }
    
    #menu li {
        padding: 20px 0;
        margin: 0 40px 0 20px;
        border-bottom: 1px solid #334CA0;
    }

    #menu li a {
        font-size: 17px;
    }

    .close-menu {
        display: block;
        color: #fff;
        margin-right: 20px;
        height: fit-content;
        position: absolute;
        right: 10px;
    }

    #bg_titulo_curva, #bg_titulo {
        display: none;
    }

    #box_titulo .container {
        height: 150px;
        background: url(../imagens/bg_titulo_curva2.jpg?v=2024) right no-repeat; 
        float: left;
    }

    /* AVISO */

    #flutuante {
        position: absolute;
        top: -220px;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9998;
        text-align: center;
    }

    #flutuante .fechar {
        cursor:pointer; 
        z-index:9999;
    }

    #flutuante img {
        box-shadow:0px 0px 20px rgba(0, 0, 0, 0.35); 
        position:relative; 
        z-index:9999; 
        border:12px solid white; 
        border-radius:20px;
        width: 85%;
    }

    #flutuante .fechar img {
        position:absolute; 
        top:-22px; 
        right:40px; 
        border:0; 
        z-index:9998;
        width: auto;
    }

    /* PÁGINA INICIAL */
    #bg_box_curva, #bg_box_empresa {
        display: none;
    }

    #box_empresa {
        height: 300px;
        background: linear-gradient(180deg, #f1f1f1 0%, #ffffff 100%);
        float: left;
        width: 100%;
    }

    #texto_empresa{
        margin-top: 35px;
    }

    #box_especialidades {
        height: 100%;
        padding-bottom: 20px;
        background: url(../imagens/bg_verde2.jpg) repeat;
    }

    #slide_especialidades {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 5px;
        justify-content: space-between;
        width: 100%;
    }

    .setas_convenios, .setas_especialidades {
        display: none;
    }

    #box_especialidades .item a {
        margin: 0 auto;
    }

    #box_especialidades .item h3 {
        font-size: 20px;
    }

    .img_especialidade{
        margin-bottom: 15px;
    }
    
    #box_topicos {
        height: 100%;
    }
    
    #box_topicos .unidades {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #unidade-endereco {
        margin-left: 0;
        margin-top: 20px;
    }

    #slide_convenios {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 5px;
        justify-content: space-between;
        width: 100%;
    }
    
    #slide_convenios .item {
        width: 100% !important;
        flex-direction: row;
        margin-top: 20px;
    }

    #dicas_e_novidades ul {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    #dicas_e_novidades ul h4 {
        font-size: 18px;
    }

    #dicas_e_novidades ul li {
        width: 100%!important;
    }

    #dicas_e_novidades ul li a {
        display: block;
        width: 100%!important;
        margin-right: 0;
    }

    /* PÁGINA SOBRE */
    #info_sermec {
        width: 100%;
        float: left;
        margin: 55px 0 0 7px;
        text-align: left;
    }

    #texto, .texto {
        text-align: left;
        font-size: 15px;
        padding: 0 10px;
    }

    /* PÁGINA ESPECIALIDADES */

    .especialidade {
        width: 100%;
        padding: 0 10px;
    }
    

    .info_especialidade {
        padding: 70px 20px 20px 20px;
    }

    .img_especialidade_new {
        position: absolute;
        top: -45px;
        left: 250px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
    }
    
    .img_especialidade_new span {
        width: 100%;
        height: 100%;
    }

    .corpo_clinico {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

   /* .corpo_clinico li {
        width: 145px;
        padding: 20px 20px 30px 20px;
        flex-grow: 1;
        min-height: fit-content;
    }*/

    /* PÁGINA EXAMES */
    #form_pesquisar_exame {
        z-index: 10;
        width: 90%;
        top: 160px;
        left: 20px;
        margin: 0;
    }

    #form_pesquisar_exame input {
        box-shadow: 0px 2px 6px #CEE6FB;
    }

    /* PÁGINA MEDICINA OCUPACIONAL */
    #medicina_ocupacional {
        padding: 0 15px;
        font-size: 16px;
    }

    #medicina_ocupacional span.justificado {
        text-align: left;
    }

    .form_radio tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .form_radio tr {
        display: flex;
        flex-direction: column;
        width: 49%;
        padding: 5px;
        box-sizing: border-box;
    }

    .form_radio td {
        display: block; /* Faz com que os itens ocupem toda a largura da célula */
        padding: 10px;
        width: 100%!important;
        box-sizing: border-box;
    }

    .form_radio tr:has(td[colspan="4"]) {
        display: none;
    }

    /* SEÇÃO LGPD */
    #termo-consentimento-lgpd {
		margin: 0 25px;
		/* font-size: 0.8rem; */
	}


    /* FOOTER */
    #rodape {
        display: none;
    }

    #rodape-mobile {
        display: block;
        margin-top: 100px; 
        height: 100%; 
        background: url(../imagens/bg_azul2.jpg) repeat; 
        padding-top: 60px;
    }

    #rodape-mobile .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
        padding: 0 50px;
        padding-bottom: 35px;
    }

    #rodape-mobile .logo-mobile {
        background-color: #fff;
        padding: 10px;
        border-radius: 15px;
        text-align: center;
        padding: 25px 0;
        width: 100%;
    }

    .copyright {
        width: 100%;
    }

    .copyright #menu2{
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

    li.extranet-icon {
        margin-left: 0;
        zoom: 1;
    }

    .extranet-icon a {
        justify-content: center;
    }

    #icones {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .azul_claro {
        margin-left: 0;
    }
    /* FORMULÁRIOS */
    .coluna {
        width: 100%;
    }

    .subcoluna {
        width: 45%;
    }

    label input, label select {
        line-height: 20px;
    }


    /* CONVENIOS */
    #detalhe_convenio {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    #detalhe_convenio li a{
        /* width: 144px; */
        margin: 0;
        text-align: center;
    }

    #detalhe_convenio img, #detalhe_convenio > li > a > img {
        /* max-width: 90px; */
        width: 100%;
    }

    /* CONTATO */
    .lista_unidades {
        padding: 50px 0 0 0;
    }
    
    #unidade-endereco>img {
        width: 100%;
    }

    .lista_exames {
        padding-left: 0px;
    }

    #seta_prev_especialidades {
        left: 10px;
        display: block;
    }
    
    #seta_next_especialidades {
        right: 10px;
        display: block;
    }

    #seta_next_convenios {
        display: block;
        margin-left: -20px;
        background-image: url("../imagens/setas_convenios_hover.gif");
    }

    #seta_prev_convenios {
        margin-right: -20px;
        display: block;
        background-image: url("../imagens/setas_convenios_hover.gif");
    }

    .logo-mobile-rodape {
        height: 70px;
    }

    #dicas {
        width: 100%;
    }

    #img_novidades {
        width: 100%;
        height: 100%;
        float: unset;
        overflow: unset;
    }

    #texto.texto-dicas {
        text-align: justify;
        padding: 0;
    }

    #mais_dicas {
        width: 100%;
        /* float: unset; */
    }

    .list-mais-dicas {
        width: 100%;
    }

    img#fullResImage {
        width: 100% !important;
        height: auto !important;
    }
    
    .pp_pic_holder {
        width: 100vw !important;
        left: 0 !important;
        top: 650px !important;
    }
    
    .pp_content {
        width: 100% !important;
        height: auto !important;
    }

    .input-telefone {
        width: 100%;
    }
    
    .input-envio {
        width: 100%;
        margin-top: 10px;
    }

    .list-mais-dicas li {
        width: 100%;
    }

    .conteudo-formulario {
        width: calc(100vw - 20px);        
    }

    .selectBox-dropdown {
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    #box_titulo .container {
        background: url(../imagens/bg_titulo2.jpg?v=2024) repeat;
    }

    .lista_unidades_contato {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #img_sermec {
        width: auto;
        height: auto;
    }

    #info_sermec {
        margin: 40px 0 0 15px;
    }

    .img_especialidade_new {
        left: -20px;
    }

    #form_pesquisar_exame {
        width: 95%;
    }

    #texto {
        font-size: 16px;
    }

    #img_sermec img {
        width: 95vw;
        height: auto;
    }

    #texto_empresa {
        margin-top: 45px;
        padding-right: 16px;
    }

    
}

@media (max-width: 340px) {
    #topo.active {
        overflow-y: scroll;
    }

    .img_especialidade_new {
        width: 90px;
        height: 90px;
    }

    #menu li a {
        padding: 10px 0px !important;
    }
}

#mais_dicas .paginacao_nolinks:last-of-type {
    display: none;
}

@media(max-width: 360px) {
    .img_especialidade_new {
        left: 225px;
    }

    .info_especialidade {
        padding: 50px 15px 20px 15px;
    }
}

@media(min-width: 992px) {
    #info_sermec {
        width: 580px;
        margin: 70px 0 0 40px;
    }

    #form_encaminhamento .coluna {
        max-width: 49%;
    }
}