@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: #ffffff;
  }
  .oca_popup > .popup-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    background: #4f2121;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #ffffff;
    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;
    }
  }