body {
font-size: 16px;
width: 100%;
overflow-x: hidden;
}
ul li {
list-style-type: none;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
.clearfix {
width: 100%;
content: '';
clear: both;
}
#menu-fixed {
position: fixed;
height: 50px;
background-color: #fff;
width: 100%;
margin: 0;
padding: 0;
z-index: 50;
}
#site-info{
position: relative;
}
#toggle {
color: #fff;
right: 5%;
top: 30%;
position: absolute;
}
.site-header { }
#menu-pide-cita {
display: grid;
padding: 0;
margin: 0;
}
#menu-fixed .menu-rrss-container ul {
display: flex;
margin: 5px 0;
text-align: left;
}
#footer-menu .menu-rrss-container ul {
display: flex;
margin: 5px 0;
text-align: center;
}
.menu-top-menu-container ul {
display: block ruby;
margin: 5px 0;
text-align: left;
}
.menu-inicio-container ul, .menu-footer-container ul {
display: grid;
padding: 0;
margin-bottom: 0;
justify-content: center;
text-align: center;
}
.menu-inicio-container ul li ul {
display: none;
position: absolute;
z-index: 5;
}
.menu-inicio-container ul li ul {
background-color: transparent;
}
.menu-inicio-container ul li ul li {
padding: .5rem 1rem;
text-align: left;
}
.menu-pide-cita-container {
background: #d0333a;
padding: 1rem;
}
#toggle {
margin: 0 2%;
}
.cabecera {
min-height: 300px;
background-size: cover;
background-position: center center;
position: relative;
}
.cabecera .cabecera-titulo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
.cabecera .archive-meta {
position: absolute;
left: 50%;
bottom: 15%;
transform: translate(-50%,15%);
text-align: center;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#wpsl-wrap, #content {
max-width: 1280px;
margin: 0 auto;
position: relative;
padding-top: 3rem;
}
.wpsl-gmap-canvas , .wpsl-store-location p, #wpsl-stores {
margin: 0;
padding: 0;
}
#wpsl-stores ul li {
margin-bottom: 15px;
}
#wpsl-direction-details, #wpsl-stores {
height: auto;
overflow-y: auto;
}
.left {
position: relative;
float: left !important;
}
.right {
position: relative;
float: right !important;
}
#blog-sidebar>div {
display: block !important;
margin-top: 15px;
}
@media screen and (min-width: 991px) { 
#wpsl-gmap {
float: none;
width: 58.3%;
height: 450px;
margin-bottom: 0;
}
}
@media screen and (max-width: 990px) { 
#wpsl-gmap {
float: none;
width: 100%;
height: 400px;
margin-bottom: 0;
}
}
@media screen and (max-width: 900px) { 
#toggle {
display: block;
}
#popout {
display: none;
}
img.menu-image-title-hide {
display: none !important;
}
.nav-menu span.menu-image-title {
display: block !important;
}
.menu-inicio-container ul {
display: grid;
}
li.menu-item-home {
order: -1;
}
li.menu-item-has-children {
position: relative;
}
li.menu-item-has-children > a:after {
content: "\f347";
font-family: dashicons;
position: absolute;
top: 2px;
}
.menu-inicio-container ul li.menu-next {
margin-top: 108px;
}
.menu-inicio-container ul li ul.menu-child {
display: block !important;
top: 35px;
}
}
@media screen and (min-width: 901px) { 
#toggle  {
display: none !important;
}
#popout {
display: block !important;
}
.cabecera {
min-height: 555px;
}
#wpsl-stores ul li {
display: block;
width: 23%;
position: relative;
float: left;
min-height: 190px;
margin: 0 1% 15px 1%;
}
.menu-inicio-container ul, .menu-footer-container ul {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.menu-inicio-container ul {
align-items: center;
}
.menu-inicio-container ul li:hover ul {
display: block;
opacity: 1;
padding-top: 28px;
visibility: visible;
min-width: 150px;
} 
} 
@media screen and (min-width: 768px) {
}