@charset "utf-8";
/* CSS Document */

@media (max-width:768px) {

    /* Formatações dos textos da página inicio */

    #espaceTabelas {
        padding-left: 26px;
    }

    #espaceTabelasIntermedica {
        padding-left: 17px;
    }

    .h1,
    h1 {
        font-size: 28px !important;
    }

    .h2,
    h2 {
        font-size: 26px !important;
    }

    .h3,
    h3 {
        font-size: 22px !important;
    }

    #tamanhoFonteCell {
        font-size: 22px !important;
        font-family: poppins, sans-serif !important;
    }

    p {
        font-size: 16px !important;
    }

    a {
        font-size: 16px;
    }

    section#map .row h3 {
        margin: 25px !important;
        padding: 0 !important;
    }

    .endereco h6 {
        font-size: 15px !important;
    }

    .horario h6 {
        font-size: 15px !important;
    }

    .h6,
    h6 {
        font-size: 15px !important;
    }

    #call-to-action3 {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 500px !important;
        background-image: url(../images/banner/call-to-action.webp) !important;
        background-size: cover !important;
        background-position: center center !important;
        color: white !important;
    }

    #MarginCellRodape {
        margin-left: -15% !important;
    }

    #centralizarRodapeCell {
        text-align: center !important;
    }

    #centroRodapeCell {
        text-align: center !important;
        margin-left: 40px !important;
    }

    #centroRodapeCellUnidades {
        text-align: center !important;
        margin-left: 68px !important;
    }

    #caixaMenu {
        width: 100%;
        background-color: #000;
        color: white;
        text-align: center;
        height: 40px;
    }

    #caixaMenuTopo {
        padding-top: 10px;
    }

    .tituloPrincipal {
        padding-top: 10px !important;
    }

    header {
        height: 160px;
    }

    #bordaIMG {
        border-radius: 5px 5px 5px 5px;
    }

    .dropdown-header1 {
        line-height: 0px;
        text-align: center;
    }

    #AlinharMenuCell {
        margin: 1px;
        text-align: left;
    }

    .swiper-slide .wrapper .box button {
        width: 180px !important;
        height: 30px !important;
        border: none;
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;
        box-shadow: 0 0 5px rgb(56, 56, 56);
        background: #26a7eb;
        color: white;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #marginSubMenuCell {
        padding-left: 9% !important;
        padding-bottom: 2em;
    }

    /* Acordion Menu Rodape Inicio */

    .MenuAcordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }

    .ativarAcordion,
    .MenuAcordion:hover {
        background-color: #ccc;
    }

    .MenuAcordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px !important;
        margin-top: -28px !important;
    }

    .ativarAcordion:after {
        content: "\2212";
    }

    .PainelAcordion {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    #displayRodapeCell {
        display: block !important;
    }

    #displayRodapeCell2 {
        display: none;
    }

    /* Acordion Menu Rodape Fim */

    #LaguraEntreLinhasCell {
        line-height: 45px;
        padding-left: 9%;
    }

    #LaguraEntreLinhasCell2 {
        line-height: 45px;
        padding-left: 19%;
    }

    .caixa1 {
        height: 650px;
        width: 185px;
        position: relative;
    }

    .caixa2 {
        height: 650px;
        width: 185px;
        position: relative;
        margin-left: 50%;
        margin-top: -650px;
    }

    .bordaWhats {
        border-radius: 40px 40px 40px 40px;
    }

    #alturaMobileTabelaPreco {
        margin-top: -65px !important;
    }

    .alturaMobileFormulario {
        margin-top: -50px !important;
    }

    .alturaMobilePlanoOdontologico {
        margin-top: -75px !important;
    }

    .alturaMobilePlanoIndividual {
        margin-top: -75px !important;
    }

    .alturaMobilePlanoEmpresarial {
        margin-top: -75px !important;
    }

    .alturaMobileProfissao {
        margin-top: -75px !important;
    }

    .alturaMobilePlanoIdosos {
        margin-top: -75px !important;
    }

    .alturaMobileInstitucional {
        margin-top: -320px !important;
    }

    .alturaMobileCotacao {
        margin-top: -75px !important;
    }

    .alturaMobilePrimium {
        margin-top: 0px !important;
    }

    /* .alturaMobileUsiSaude{
		   margin-top: -320px !important;	
		} */


    /* Formatações Fim */

    .panel-heading {
        padding: 11px 15px;
    }

    .panel-group .panel {
        width: 310px;
    }

    .pan2 h4 {
        width: 88% !important;
        margin-left: -0%;
    }

}

#displayRodapeCell {
    display: none;
}

#alturaMobileTabelaPreco {
    margin-top: 30px;
}

.alturaMobileFormulario {
    margin-top: 20px;
}

.painelCelularTabelas1 {
    display: block;
}

.painelCelularTabelas2 {
    display: none;
}


@media (max-width:768px) {
    .painelCelularTabelas1 {
        display: none;
    }

    .painelCelularTabelas2 {
        display: block;
    }

    #larguratabelacell {
        width: 90%;
    }

    #espaçoCaixaCell {
        margin-left: 9% !important;
    }

}

#espaçoCaixaCell {
    margin-left: 6%;
}

@media (max-width:668px){

	.container-fluid{
		display: none;
	}

}

@media only screen and (min-width:311px) and (max-width:360px) {
    header .center .tabelas>a i {
        font-size: 20px !important;
    }

    header .center .tabelas>a div {
        font-size: 15px !important;
        margin-left: -15px;
    }

    header .center .tabelas>div>a i {
        font-size: 20px !important;
    }

    header .center .tabelas>div>a div {
        font-size: 15px !important;
    }

    header .center .cotar>a i {
        font-size: 20px !important;
        margin-left: 1px;
    }

    header .center .cotar>a div {
        font-size: 15px !important;
        margin-left: -15px;
    }
}

@media only screen and (max-width:310px) {
    header .center .tabelas>a div::after {
        content: "Tabelas";
        font-size: 15px !important;
    }

    header .center .cotar>a div::after {
        content: "Cotação";
        font-size: 15px !important;
    }

    header .center .tabelas>div>a div::after {
        content: "Tabelas";
        font-size: 15px !important;
    }

    header .center .tabelas>div>a i {
        font-size: 20px !important;
    }

    header .center .tabelas>a i {
        font-size: 20px !important;
    }

    header .center .cotar>a i {
        font-size: 20px !important;
        margin-left: 80px;
    }

    header .center .tabelas>a div {
        font-size: 0px !important;
        left: 5px;
        width: 0px !important;
        z-index: 9999;
    }

    header .center .cotar>a div {
        font-size: 0px !important;
        left: 5px;
        width: 0px !important;
    }

    header .center .tabelas>div>a div {
        font-size: 0px !important;
        left: 5px;
        width: 0px !important;
        z-index: 9999;
    }

    header {
        height: 130px !important;
    }
}

@media screen and (max-width:500px) {
.fab {
    font-family: "Font Awesome 5 Brands";
    font-size: 35px !important;
    margin-top: 3px !important;
}

}