/*Responsive style for ecard (pre)?view*/

.html5_ecard_viewport{overflow: hidden}

@media (min-width: 1024px) {
  .html5_ecard_viewport {width: 770px; height: 450px;}
  .byo_ecard_viewport {width: 760px; height: 450px;}
}

@media (min-width: 768px) and (max-width: 1023px) {

  .html5_ecard_viewport {width: 750px; height: 438px;}

  .html5_ecard_viewport iframe {
    -webkit-transform: scale(0.97);
       -moz-transform: scale(0.97);
        -ms-transform: scale(0.97);
         -o-transform: scale(0.97);
            transform: scale(0.97);

    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
  }

  .byo_ecard_viewport { width: 750px; height: 444px; }

  .byo_ecard_viewport #byo_fetch_wrapper {
    -webkit-transform: scale(0.98);
      -moz-transform: scale(0.98);
        -ms-transform: scale(0.98);
        -o-transform: scale(0.98);
            transform: scale(0.98);

    -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

@media (max-width: 767px) {
  .html5_ecard_viewport {width: 300px; height: 175px;}

  .html5_ecard_viewport iframe{
    -webkit-transform: scale(0.38);
      -moz-transform: scale(0.38);
        -ms-transform: scale(0.38);
        -o-transform: scale(0.38);
            transform: scale(0.38);

    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
  }

  .byo_ecard_viewport {width: 300px; height: 177px;}

  .byo_ecard_viewport #byo_fetch_wrapper {
    -webkit-transform: scale(0.39);
      -moz-transform: scale(0.39);
        -ms-transform: scale(0.39);
        -o-transform: scale(0.39);
            transform: scale(0.39);

    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}