@media only screen and (max-width: 768px) {


    .hideOnMobile{
        display: none !important;
    }

    .tituloSeguinos{
        font-size: 2.5em;
    }

    .textoDescripcionFooter{
        font-size: 0.6em;
    }

    .svgLogoFooter{
        width: 30%;
    }

    .tituloFooter{
        font-size: 1.5em;
    }

    .textoPrincipiosValores{
        width: 100%;  
        margin-left: 1%;
    }

    .textoDescripcionPrincipiosValores{
        margin-left: 1%;
    }

    .tituloColoresCooperativos{
        margin-left: 1%;
    }

    #divTextoLogoTvcoInicio{
        margin-right: auto;
        margin-left: auto;
    }

    .fotopegadaIzquierda{
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        margin-bottom: 40px;
    }

    .fondoSeccionFooter{
        background-attachment: inherit;
    }

    .tituloCaminoIndex{
        font-size: 2.8em;
        width: 80%;
        line-height: 1.1;
    }

    .subtituloCaminoIndex{
        font-size: 1.4em;
    }
    
    .textoBotonesTarjetas{
        font-size: 1.4em;
    }
    
    #numeroTelefono{
        font-size: 2em;
    }

    .centroAtencionAsociado{
        font-size: 1.2em;
    }

    #tamLogoTvcoInicio{
        width: 180px;
    }

    #textoLogoTvcoInicio{
        font-size: 1.25em;
    }

    .onlyMobile{
        display: block;
    }

    .textoBotonOfrecemos{
        color: #fff;
        font-size: 1.5em;
        line-height: 1.2;
    }

    .textoBotonOfrecemos.negro{
        color: #000;
    }

    .svgOfrecemosHome{
        padding-top: 8px; 
        padding-bottom: 5px;
        text-align: center;
    }

    .svgOfrecemosHome img{
        width: 100px;
        height: 100px;
    }

    .tituloConsejo{
        font-size: 2em;
    }

    .subtituloConsejo{
        font-size: 1.25em;
    }

    #cajaNegraAvisanosAgua{
        border-top-left-radius: 0px; 
        border-bottom-left-radius: 0px;
    }

    .textoAvisanosCajaNegraAgua{
        font-size: 1.2em; 
        line-height: 1;
    }

    #nroCajaAzulAgua{
        font-size: 1.8em;
        margin-top: -10px;
    }

    #cajaAzulAvisanosAgua{
        border-top-right-radius: 0px; 
        border-bottom-right-radius: 0px;
    }

    .textoCuidaElAgua{
        margin-top: 10px;
        margin-left: -28px;
    }

    #botonDesplegable,#botonDesplegable2{
        text-align: center;
        width: 100%;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.2;
        --background-color: #ffda1f;
        background-color: #3e64ac;
        border: 0;
        --color: #3e64ac;
        color: #fff;
    }

    #botonDesplegable:focus{
        box-shadow: none;
        background-color: #ffda1f;
        color: #3e64ac;
    }

    .botonDesplegableServicios{
        border-radius: 5px;
        height: 100px;
    }

    .botonDesplegableServicios .dropdown-menu{
        width: 100%;
        background-color: transparent;
    }

    .fondoAzulBotonesServicios{
        height: 100px;
    }

    .botonDesplegableServicios .dropdown-item{
        background-color: #3e64ac;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 5px;
        height: 50px;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.2;
    }

    .botonDesplegableServicios .dropdown-item:hover{
        background-color: #ffda1f;
        color: #3e64ac;
    }

    .botonDesplegableServicios .dropdown-item.active{
        background-color: #ffda1f;
        color: #3e64ac;
    }

    #formLibro{
        width: 100%;
        padding: 12px;
    }

    #inputFormLibro{
        width: 65%;
    }
    
    #botonDesplegable2.zonaVerde, .botonDesplegableServicios .dropdown-item.zonaVerde{
        background-color: #b3ba3b;
        color: #e9ece2;
    }

    #botonDesplegable2.zonaVerde:hover, .botonDesplegableServicios .dropdown-item.zonaVerde:hover{
        color: #fff;
        background-color: #8a910d;
    }

    .dropdown-item.masCom{
        background-color:#ddd;
        color: #712d85;
    }

    .dropdown-item.masCom:hover{
        background-color:#712d85;
        color:#ddd ;
    }

    .dropdown-item.masCom.active{
        background-color:#712d85;
        color:#ddd ;
    }

    #botonDesplegable2.masCom{
        background-color:#ddd;
        color: #712d85;
    }

    #divIdLocoTvcoCelu{
        width: 90px;
    }

    #divIdLocoTvcoCelu:hover path{
        fill: #ddd;
    }

    .colTarjetaComunicacionesTelefonia{
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .tituloCargoConcejo{
        min-height: auto;
        margin-bottom: 5px;
    }

    .autoridad{
        margin-bottom: 20px;
    }

    .iFrameBalanceSocial{
        width: 100%;
        height: 350px;
        margin-left: 0%;
    }

    .botonTimeLine{
        width: 100%;
    margin-top: 13%;
    padding-top: 4%;
    padding-bottom: 4%;
    }

    #accordionNecro{
        margin-top: 40px;
    }
    
    .div-descripcion-debito-automatico{
        text-align: center;
    }

    .div-planostecnicos{
        margin-top: 40px;
    }

    .botonNivel2{
        padding: 0;
        height: 80px;
        min-height: 20px;
    }

    .botonNivel2.primero{
        border-radius: 0 !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

    .botonNivel2.ultimo{
        border-radius: 0 !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .botonComunicaciones{
        padding: 0;
        height: 100px;
        min-height: 20px;
    }

    .botonComunicaciones svg{
        width: 70px !important;
    }

    .sinMargenesMobil{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .botonComunicaciones.primero{
        border-radius: 0 !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

    .botonComunicaciones.ultimo{
        border-radius: 0 !important;
    }

    .botonComunicaciones.primero.ultimo{
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    #botonTvco svg{
        margin-left: auto;
        margin-right: auto;
        width: 120px !important;
    }

    #buttonSube svg{
        width: 100px !important;
        margin-left: -50px;
        margin-top: -12px;
    }

    #appTransporteDiv{
        margin-bottom: 14% !important;
    }

    #fondoAzulBotonesServiciosBiblioteca{
        margin-top: 10% !important;
    }

    .seccion-delegados{
        flex-direction: column;
    }

    .seccion-delegados .mapa{
        width: 100%;
    }

    .seccion-delegados .delegados .delegados-list .delegado::after{
    }

    .seccion-delegados .delegados .delegados-list .delegado{
        margin-right: 0rem;
        line-height: 1.2;
        padding-left: .5rem;
    }

    .seccion-delegados .delegados {
        width: 100%;
    }
    
    .seccion-delegados .delegados .delegados-list{
        display: flex;
        flex-wrap: wrap;
	flex-direction: column;
    }
    
    .navbar-collapse {
        padding-top: 2rem;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.6rem;
    }    
    
    .nav-item .nav-link { 
        width: 100%;
    }
    .dropdown-item {
        font-size: 1.3rem;
        padding: .5rem 0rem;
    }

    .dropdown-item:hover, .dropdown-item:active{
        width: calc(100% + 2rem);
        background-color: rgba(228, 227, 228, .5);
        padding: .5rem 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    
    .dropdown-menu {
        padding-bottom: 2rem;
    }
    
    body {
        overflow-x: hidden;
    }

    #tvco_ico_celular {        
        margin-top: 2rem;
        padding-bottom: 2rem;
    }

    #tvco_ico_celular img {
        width: 8rem !important;
    }

    .dropdown-personalizado {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        margin-right: -1rem;
        margin-left: -1rem;
        width: calc(100% + 2rem) !important;
    }

    .nav-item.dropdown.show .dropdown-personalizado{
        background-color: rgba(228, 227, 228, .5);
    }

    .navbar-toggler[aria-expanded="true"] { 
        background-color: rgba(228, 227, 228, .5);
    }

    .navbar-toggler {
        padding: 2rem;
    }

    .nav-item{
        flex-direction: column;
    }


    .navbar-toggler:focus{
        outline: none;
    }

    .tituloPortadaServicio{
        font-size: 2rem;
        margin-top: 2rem;
    }

    .camino svg{
        width: 5rem !important;
    }

    .margen-camino-texto-svg{
        margin-left: 1.5rem;
    }

    .breadcrumb {
        padding: 0rem 1rem;
    }

}