@media (max-width: 768px) {
    .oca_popup {
        width: 100% !important;
    }
}
.oca_popup {
    display: block;
    background: #fff;
    margin: auto;
    -webkit-animation: iconosani 1.2s forwards;
    animation: iconosani 1.2s forwards;
    -moz-animation: iconosani 1.2s forwards;
    -o-animation: iconosani 1.2s forwards;
  }
  .oca_popup .mfp-close {
    /*color: #000000;*/
  }
  .oca_popup > .popup-title {
    width: 100%;
    height: px;
    line-height: px;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
    font-family: 'Open Sans';
  }
  .oca_popup > .popup-content { 
    padding: 10px;
  }
  @-webkit-keyframes iconosani {
    0% {
        -webkit-transform: perspective(800px) rotateX(-90deg);
        -moz-transform: perspective(800px) rotateX(-90deg);
        -o-transform: perspective(800px) rotateX(-90deg);
        opacity: 1;
    } 
    40% {
        -webkit-transform: perspective(800px) rotateX(30deg);
        -moz-transform: perspective(800px) rotateX(30deg);
        -o-transform: perspective(800px) rotateX(30deg);
        opacity: 1;
    }
    70% {
        -webkit-transform: perspective(800px) rotateX(-10deg);
        -moz-transform: perspective(800px) rotateX(-10deg);
        -o-transform: perspective(800px) rotateX(-10deg);
    }
    100% {
        -webkit-transform: perspective(800px) rotateX(0deg);
        -moz-transform: perspective(800px) rotateX(0deg);
        -o-transform: perspective(800px) rotateX(0deg);
        opacity: 1;
    }
  }