section.youtube-popup-modal{
    padding: 10px 0;
  }


    section.youtube-popup-modal .dtn-youtube-block .video-play-button{
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      background: #FFF;
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
      animation: ripple 3s linear infinite;
    }



    section.youtube-popup-modal .dtn-youtube-block .background-transparent{
      background: transparent;
    }

    section.youtube-popup-modal .dtn-youtube-block .popup-close{
         right: 50px;
    opacity: initial;
    color: #000;
    top: 12px;
      
    }

section.youtube-popup-modal .dtn-youtube-block .popup-close:hover{
  background-color:#fff;
}

    section.youtube-popup-modal .dtn-youtube-block .video-embed-style{
      max-width: 90%;
      height: 520px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      display: block;
    }

    section.youtube-popup-modal .dtn-youtube-block .video-play-button:before{
      content: "";
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #FFF;
      border-radius: 50%;
      animation: pulse-border 1500ms ease-out infinite;
    }


    section.youtube-popup-modal .dtn-youtube-block .video-play-button samp {
      display: block;
      position: relative;
      z-index: 3;
      width: 0;
      height: 0;
      border-left: 32px solid #FF9100;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }

    section.youtube-popup-modal .dtn-youtube-block .video-play-button:after{
      content: "";
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #FFF;
      border-radius: 50%;
      transition: all 200ms;
    }

    @keyframes pulse-border {
      0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
      }
      100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
      }
    }

@media(max-width:992px){
  section.youtube-popup-modal .dtn-video-modal{
    max-width: 100%;
}

    @media(max-width:767px){
      section.youtube-popup-modal .dtn-youtube-block .video-embed-style{
        height: 200px;
        width: 100%;
      }
      section.youtube-popup-modal .dtn-youtube-block .modal-body{
       padding: 0;
      }

      section.youtube-popup-modal .dtn-youtube-block .popup-close{
        top: -30px;
        right: 20px;
      }
    }