.contenedor-directorio{
    width: 90%;
    margin: auto;

}


.localidad {
    margin: auto;
    width: 80%;
    text-align: center;
    font-weight: 400;
    color: #FFF;
    font-size: 20px;
    border: 1px solid #eb0028;
    background: #eb0028;
    border-radius: 50px;
    padding-top: 1%;
    padding-bottom: 0.5%;
    margin-left: 8.5%;
}

.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}


.UnaDireccion{
    width: 28%;
padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
        margin: 1% 2%;
}


.datos-direccion{
padding: 2%;
    margin: auto;
    text-align: center;
  
    
}


.titulo-direccion{
    font-weight: 900;
    color: #fff;
    padding: 2% 30%;
    background-color: #eb0028;
    border-radius: 30px;
    
}


.cont-directorio-republica{

}



@media (max-width: 2000px){
    
 .cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.titulo-direccion{
    font-weight: 900;
    color: #fff;
    padding: 2% 20%;
    background-color: #eb0028;
    border-radius: 30px;
    
}    
    
}





@media (max-width: 1025px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion{
    font-weight: 900;
    color: #fff;
    padding: 2% 10%;
    background-color: #eb0028;
    border-radius: 30px;}
    
.UnaDireccion {
    width: 29%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 2%;
}    
    
}




@media (max-width: 815px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #fff;
    padding: 2% 5%;
    background-color: #eb0028;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 29%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 2%;
}    
    
}


@media (max-width: 725px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #fff;
    padding: 2% 5%;
    background-color: #eb0028;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 45%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 2%;
}  
    
}



@media (max-width: 600px){
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 95%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #fff;
    padding: 2% 5%;
    background-color: #eb0028;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 48%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1% 1%;
}  
    
}


@media (max-width: 430px){
    
.localidad {
    margin: auto;
    width: 90%;
    text-align: center;
    font-weight: 800;
    color: #FFF;
    font-size: 21px;
    border: 1px solid #eb0028;
    background: #eb0028;
    border-radius: 50px;
    padding-top: 2.5%;
    padding-bottom: 2%;
    margin-left: 4.5%;
    margin-bottom: 3%;
}    
    
.cont-directorio-cdmx {
    display: flex;
    width: 100%;
    margin: auto;
    padding: 2%;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
    
.contenedor-directorio {
    width: 98%;
    margin: auto;
}    
    
.titulo-direccion {
    font-weight: 900;
    color: #fff;
    padding: 2% 5%;
    background-color: #eb0028;
    border-radius: 30px;
}
    
.UnaDireccion {
    width: 96%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-left:2%;
    margin-right:1%;
    margin-top: 1%;
    margin-bottom: 1%;
    
}  
    
}