.v-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.v-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.icon-box-style-4 .icon-box-icon.new-icon {
    padding: 1.6rem;
  }
.icon-box-style-4 .icon-box-icon.new-icon span {
    color: #fff;
    font-weight: bold;
    font-size: 2.3rem;
    line-height: 0.6;
  }
.case-item .image-frame .image-frame-wrapper .image-frame-action {
  padding: 2rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 479px) {
  .image-frame.image-frame-style-1.image-frame-effect-1 .image-frame-wrapper .image-frame-action {
    opacity:1;
    font-size: 1.4rem
  }
  .image-frame.image-frame-style-1.image-frame-effect-1 .image-frame-wrapper:after {
    opacity: 1;
    background: rgba(0, 123, 255, 0.4);
  }
  .image-frame.image-frame-style-1.image-frame-effect-1 .image-frame-wrapper .image-frame-inner-border {
    border-width: 10px;
    -webkit-transition: ease border-width 300ms 200ms;
    transition: ease border-width 300ms 200ms;
  }
}