#main-nav ul   {
margin: 0; padding: 0; }
#main-nav li   {
display: block;
color: #7C7C7C;
float: left;
line-height: 1.2; /* Esto ha de ser igual 
al #main-nav height */
/*height: 30px;*/ /* Esto ha de ser igual 
al #main-nav height */
margin: 0; padding: 0; /* only needed 
if you don't have a reset */
position: relative; /* esto es necesario 
con el fin de posicionar los submenús */
}
a{
color: #7C7C7C;

}
#main-nav li a {
color: inherit;
display: block;
text-decoration: none;

height: 40px;
display: inline-flex;
align-items: center;
line-height: 1.2;
padding: 0 15px;
font-size: 17px;
font-weight: 500;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover{
color: #34A2C3 !important;
background: transparent !important;
}
.contactenos{
background: #221E1F;
color: #fff;
border-radius: 8px;
margin-left: 0.5rem !important;
}
#main-nav .contactenos a{
color: #fff !important;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav 
a:hover {
color: #000;
background: #ccc;
}
#main-nav ul ul { /* esto va dirigido a todos los submenús */
display: none; /* ocultar todos los submenús de la vista */
position: absolute;
border-radius: 6px;
/*height: 100%;*/
width: 150px;
/*padding: 1rem 0;*/
/*background: #175DA0;*/
background: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
top: 35px; /* esto debe ser la misma altura que el menú de 
nivel superior - height + padding + borders */
}
#main-nav ul ul li { /* esto va dirigido a todos los  submenús */
float: none; /* sobreescribir menu hasta arriba */
word-wrap: normal;
/*width: 150px;*/ /* establece el ancho que desea para sus 
submenús. Esto debe coincidir con el valor que pusimos abajo */
}
#main-nav ul ul li a {
height: 100%;
padding: 5px 10px; /* dar a nuestros enlaces del submenú 
un bonito boton */
}
#main-nav ul ul li a{
padding: 0.7rem 0.5rem;
} 
#main-nav ul li:hover > ul{
z-index: 500;
display: block; /* mostrar submenú cuando el ratón pase 
por encima del menú principal */
}
#main-nav ul ul li ul {
left: 150px; /*  esto debe coincidir con el ancho del menú 
de arriba -- width + padding + borders */
top: 0; /* esto asegura que el submenú comience 
en consonancia con el menú superior */
}
@media (max-width: 991px){
.menu-principal-container #menu-principal{
padding: 1rem 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}

.contactenos{
  max-width: 150px;
margin-top: 0.5rem !important;
margin-left: 1rem !important;
}
}
#main-nav .current-post-ancestor, #main-nav .current-menu-item, #main-nav .current-menu-ancestor, #main-nav .current-post-parent, #main-nav .current-menu-parent, #main-nav .current_page_item, #main-nav .current-page-ancestor, #main-nav .current-category-ancestor, .cb-review-box .cb-bar .cb-overlay span, #cb-accent-color, .cb-highlight, #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=submit]:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress .activity-list li.load-more:hover, #buddypress #groups-list .generic-button a:hover {
color: #34A2C3 !important;
/*background: #000;*/
}

@media (max-width: 1200px) and (min-width: 973px){
  #main-nav li a{
    padding: 0 10px;
    font-size: 14px;
  }
  #box-publicaciones .row .col-lg-6{
    width: 70%;
  }
  #box-publicaciones #publicaciones a .card img{
   max-width:300px !important;
  }
}
@media (max-width: 973px){
  #main-nav li{
    width: 100%;
    text-align: left;
  }
  #main-nav ul ul{
    position: inherit !important;
    top: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    background: #fff;
  }
  #main-nav .contactenos {
    text-align: center;
  }
   #main-nav ul ul li{
    text-align: left;
    padding-left: 1rem;
   }
}