@media only screen and (min-width: 1600px) {
   ul.slides div.flex-caption div.container-12 {
      bottom: -320px !important;
   }
}
@media only screen and (max-width: 1600px) and (min-width: 1000px)   {
   ul.slides div.flex-caption div.container-12 {
      bottom: -290px !important;
   }
}
@media only screen and (max-width: 1000px) and (min-width: 800px)   {
   ul.slides div.flex-caption div.container-12 {
      bottom: -290px !important;
   }
     ul.slides div.flex-caption div.container-12  .btn a {        
        padding: 7px;
    }
}
@media only screen and (max-width: 800px) and (min-width: 512px)   {
   ul.slides div.flex-caption {
      background: none;
   }
   ul.slides div.flex-caption div.container-12 {
      bottom: -240px !important;
   }
     ul.slides div.flex-caption div.container-12  .inner {        
        padding: 0 !important;
       width: auto !important;
   }
     ul.slides div.flex-caption div.container-12  .slogan p {        
        font-size: 16pt;
    }
     ul.slides div.flex-caption div.container-12  .btn a {        
        padding: 5px;
        font-size: 12pt;
    }
}
@media only screen and (max-width: 512px) {
   ul.slides div.flex-caption {
      background: none;
   }
   ul.slides div.flex-caption div.container-12 {
      bottom: -160px !important;
   }
     ul.slides div.flex-caption div.container-12  .inner {        
        padding: 0 !important;
       width: auto !important;
   }
     ul.slides div.flex-caption div.container-12  .slogan p {        
        font-size: 14pt;
    }
     ul.slides div.flex-caption div.container-12  .btn a {        
        padding: 5px;
        font-size: 10pt;
    }
}

/* quita la foto principal de portfolio, elimina también en examinar para subir foto. Ahora la foto de leer más está en el contenido*/
field-name-field-portfolio-image
{
display:none;
}