@media (min-width: 1024px){
  #banner{
    margin-top: 8em;
  }
  #equipo .image-crop{ height: 25em; overflow: hidden; }
  section:target::before,
  .equipo-integrante:target::before
   {
    content: ' ';
    display: block;
    width: 100%;
    height: 8em;
    margin-top: -8em;
  }
  #legislacion-menu{ padding-top: 5em; }
  .sidemenu.affix {
    position: fixed;
    top: 8em;
  }
}

/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;

===================== */


@media (min-width: 768px) and (max-width: 1024px) {
  #banner{
    margin-top: 8em;
  }
  section:target::before,
  .equipo-integrante:target::before
   {
    content: ' ';
    display: block;
    width: 100%;
    height: 8em;
    margin-top: -8em;
  }
  #legislacion-menu{ padding-top: 5em; }
  .sidemenu.affix {
    position: fixed;
    top: 8em;
  }
  #latest-work .block .recent-work-pic ul li .overlay {
    top: 12px;
    left: 25px;
    bottom: 12px;
    right: 25px;
  }
  #equipo .equipo-overlay {
    padding: 10px;
  }
  #equipo .image-crop{ max-height: 23em; overflow: hidden; }
}



/* =====================

   Tablets
   min-width: 640px;
   max-width: 767px;

===================== */

@media (min-width: 640px) and (max-width: 767px) {
  #equipo .col {
    padding: 0 137px;
    margin-bottom: 20px;
  }

  #pricing-table .col {
    margin-bottom: 20px;
  }
  #contacto .col {
    margin-bottom: 20px;
  }

  #blog-left .blog-img .col-md-6 img{
    margin-bottom: 20px;
  }
  
}



/* =====================

   Small Devices
   min-width: 320px;
   max-width: 479px;

===================== */


@media (min-width: 320px) and (max-width: 479px) {
/* Banner images */
#homebanner.banner { background-image:url(../img/slider/home-mov.png); }
#cirugia-plastica .banner,
#cirugia-plastica.banner{ background-image: url(../img/slider/cirugia-estetica-mov.jpg); }
#especialidades-quirurgicas-generales .banner,
#especialidades-quirurgicas-generales.banner{ background-image: url(../img/slider/cirugia-mov.jpg); }
#obstetricia .banner,
#obstetricia.banner{ background-image: url(../img/slider/obstetricia-mov.jpg); background-position: 85% 50%; }
#omisiones-diagnosticas .banner,
#omisiones-diagnosticas.banner{ background-image: url(../img/slider/error-diagnostico-mov.jpg); }
#traumatologia .banner,
#traumatologia.banner{ background-image: url(../img/slider/traumatologia-mov.jpg); }
#endoscopias .banner,
#endoscopias.banner{ background-image: url(../img/slider/endoscopia-mov.jpg); }
#amparos .banner,
#amparos.banner{ background-image: url(../img/slider/amparos-mov.png); }
/* Quienes somos */
#quienes-somos.banner { background-image: url(../img/slider/quienes-somos-mov.png); }

  #navigation .buttons{
    text-align: left;
    width: 100vw;
  }
  #navigation .buttons .btn{
    padding: 0.1em 0.4em;
    font-size: 1.2em;
  }
  #navigation .navbar-brand{
    margin-top: -0.2em;
  }
  #navigation .navbar-brand img{
    width: 40%;
  }
  #banner {
    margin-top: 5.7em;
    text-align: center;
  }
  #banner .block h3{
    font-size: 2em;
  }
  #banner .block ul.buttons { bottom: 1em; }
  #banner .block .buttons li { float: none; }
  #banner .block .buttons .btn {
    font-size: 0.75em;
    padding: 0.4em 0.6em;
    margin-top: 0;
  }
  
/* patch 20210525 #03 - begin*/
#slider .carousel-inner h4 {
  text-align: center;
  font-size: 55px;  
  color: #fff;
  margin: 0 0 0 0;  
  text-shadow: 0 4px black, 0 4px black, 4px 0 black, 0 0px black;
}
/* patch 20210525 #03 - end*/  
  
  #equipo .col {
    margin-bottom: 20px;
  }
  #equipo .block img {
  padding: 0 3.5em;
}
  #equipo .equipo-descripcion{ text-align: center; }
  #slider .carousel-caption{
    padding: 1em 2em;
  }
  #contacto .col {
    margin-bottom: 20px;
  }
  #leyes .controls {
    display: block;
  }
  #leyes .controls a{
    top: 0;
    bottom: 0;
    position: absolute;
    width: 10%;
    z-index: 1;
    text-align: center;
    padding: 31% 0;
  }
  #leyes .controls a .glyphicon {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    padding: 0.3em;
  }
  #leyes .controls a:hover .glyphicon {
    background-color: #444;
  }
  #leyes .controls .nextBtn {
    right: 0;
    left: auto;
  }
  #leyes .controls .prevBtn{
    left: 0;
    right: auto;
  }
  .rwd-break{ display: inline; }
  .wrapper section{ margin-bottom: 0; }
  section:target,
  .equipo-integrante:target::before
  {
    content: ' ';
    display: block;
    width: 100%;
    padding-top: 4em;
  }
  .affix-top,.affix{
    position: static;
  }
}