@media (min-width: 641px) and (max-width: 767px) {

  /* Muestra el bóton morado */
    .pi-caption-scale {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    /* Tamaño del bóton */
    .pi-caption-icon{
        width: 40px;
        height: 40px;
        margin: 5px;
        font: 12px/40px 'fontello';
    }

    /* Alinea a la izquierda el bóton morado */
    .pi-img-overlay-bottom > *:first-child {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .pi-img-overlay-bottom {
        top: auto;
        background: rgba(255,255,255,0.5) !important;
        height: 50px;
        opacity: 1;
    }

    .pi-img-overlay-bottom a {
        padding-left: 30px;
    }

    /* Hover tipo 2*/

    .pi-img-overlay-darker-home {
      top: 0;
      bottom: -30px;
      left: 0;
      right: 0px;
      opacity: 1;
    }

    /*.pi-caption-centered-home {
      text-align: center !important;
    }*/

    .pi-img-overlay-darker-home > *:first-child {
        text-align: center;
    }

    .pi-img-overlay-home .pi-caption-icon{
        margin: 13px;
    }
  /* End hover tipo 2*/

  /* Hover tipo 3 */
   .pi-img-round-middle {
        opacity: 1;
        padding-bottom: 40px;
        top: 20px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
    }

    .pi-caption-icon.pi-caption-icon-light {
        background: #43C7F4;
        color: #fff;
        margin-top: -12px !important;
        margin-left: 0px !important;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .pi-caption-icon.pi-caption-icon-light:hover {
      background: #43C7F4;
    }

}

@media (min-width: 481px) and (max-width: 640px){

    /* Muestra el bóton morado */
    .pi-caption-scale {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    /* Tamaño del bóton */
    .pi-caption-icon{
        width: 40px;
        height: 40px;
        margin: 5px;
        font: 12px/40px 'fontello';
    }

    /* Alinea a la izquierda el bóton morado */
    .pi-img-overlay-bottom > *:first-child {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .pi-img-overlay-bottom {
        top: auto;
        background: rgba(255,255,255,0.5) !important;
        height: 50px;
        opacity: 1;
    }

    .pi-img-overlay-bottom a {
        padding-left: 30px;
    }

    /* Hover tipo 2*/

    .pi-img-overlay-darker-home {
      top: 0px;
      bottom: -30px;
      left: 0px;
      right: 0px;
      opacity: 1;
    }

    /*.pi-caption-centered-home {
      text-align: center !important;
    }*/

    .pi-img-overlay-darker-home > *:first-child {
        text-align: center;
    }
  /* End hover tipo 2*/

  /* Hover tipo 3 */
   .pi-img-round-middle {
        opacity: 1;
        padding-bottom: 40px;
        top: 20px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);

    }

    .pi-caption-icon.pi-caption-icon-light {
        background: #43C7F4;
        color: #fff;
        margin-top: -12px !important;
        margin-left: 0px !important;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .pi-caption-icon.pi-caption-icon-light:hover {
      background: #43C7F4;
    }
  /* End Hover tipo 3 */
}

@media  (min-width: 321px) and (max-width: 480px) {
  /* Muestra el bóton morado */
    .pi-caption-scale {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    /* Tamaño del bóton */
    .pi-caption-icon{
        width: 40px;
        height: 40px;
        margin: 5px;
        font: 12px/40px 'fontello';
    }

    /* Alinea a la izquierda el bóton morado */
    .pi-img-overlay-bottom > *:first-child {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .pi-img-overlay-bottom {
        top: auto;
        background: rgba(255,255,255,0.5) !important;
        height: 50px;
        opacity: 1;
    }

    .pi-img-overlay-bottom a {
        padding-left: 30px;
    }

    /* Hover tipo 2*/

    .pi-img-overlay-darker-home {
      top: 0;
      bottom: -20px;
      left: 0;
      right: 0px;
      opacity: 1;
    }

    /*.pi-caption-centered-home {
      text-align: center !important;
    }*/

    .pi-img-overlay-darker-home > *:first-child {
        text-align: center;
    }


  /* End hover tipo 2*/

  /* Hover tipo 3 */
   .pi-img-round-middle {
        opacity: 1;
        padding-bottom: 40px;
        top: 20px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
    }

    .pi-caption-icon.pi-caption-icon-light {
        background: #43C7F4;
        color: #fff;
        margin-top: -12px !important;
        margin-left: 0px !important;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .pi-caption-icon.pi-caption-icon-light:hover {
      background: #43C7F4;
    }
}

@media (max-width: 320px) {

  /* Muestra el bóton morado */
    .pi-caption-scale {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    /* Tamaño del bóton */
    .pi-caption-icon{
        width: 40px;
        height: 40px;
        margin: 5px;
        font: 12px/40px 'fontello';
    }

    /* Alinea a la izquierda el bóton morado */
    .pi-img-overlay-bottom > *:first-child {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .pi-img-overlay-bottom {
        top: auto;
        background: rgba(255,255,255,0.5) !important;
        height: 50px;
        opacity: 1;
    }

    .pi-img-overlay-bottom a {
        padding-left: 30px;
    }

    /* Hover tipo 2*/

    .pi-img-overlay-darker-home {
        opacity: 1;
    }

    .pi-img-overlay-darker-home .pi-caption-icon {
        margin: 13px;
    }

    /*.pi-caption-centered-home {
      text-align: center !important;
    }*/

    .pi-img-overlay-darker-home > *:first-child {
        text-align: center;
    }
  /* End hover tipo 2*/

  /* Hover tipo 3 */
   .pi-img-round-middle {
        opacity: 1;
        padding-bottom: 40px;
        top: 20px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,0.5) 46%,rgba(255,255,255,0.5) 100%);

    }

    .pi-caption-icon.pi-caption-icon-light {
        background: #43C7F4;
        color: #fff;
        margin-top: -12px !important;
        margin-left: 0px !important;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .pi-caption-icon.pi-caption-icon-light:hover {
      background: #43C7F4;
    }
  /* End Hover tipo 3 */

}