.two-col-video-sec-new { width: 100%; display: inline-block; padding: 30px 0; }
.two-col-video-sec-new .title { width: 100%; display: inline-block; }
.two-col-video-sec-new .title h2 { width: 100%; display: inline-block; margin: 0; font-style: normal; font-weight: 700; font-size: 26px; }
.two-col-video-sec-new .sub-title { width: 100%; display: inline-block; margin: 0 0 15px 0; }
.two-col-video-sec-new .three-col-video-wrap { width: calc(100% + 30px); display: flex; align-items: start; justify-content: flex-start; margin: 0 -15px;flex-wrap:wrap; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box { width: calc(100% / 2 - 30px); display: inline-block; vertical-align: top; margin: 0 15px; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-title { width: 100%; display: inline-block; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-title span { width: 100%; display: inline-block; font-family: Frutiger bold, sans-serif; }
{# .two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec { 
  position: relative;
  padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  height: 0;
  overflow: hidden;
} #}
/* .two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec iframe { 
  position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}     */
.two-col-video-sec-new .phone-no { width: 100%; display: inline-block; padding: 20px 0 10px 0; }
.phone-no a { width: 100%; display: inline-block; text-transform: capitalize; font-family: Frutiger bold, sans-serif; }
.two-col-video-sec-new .three-col-video-cta { width: auto; display: inline-block;margin:16px 0 0 0; }
.two-col-video-sec-new .three-col-video-cta a { cursor: pointer; transition: all .2s ease-in-out 0s; color: #fff; background: #d31145; padding: 12px 34px; font-family: Frutiger Bold, sans-serif; text-transform: uppercase; font-size: 1rem; text-align: center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; word-break: break-word; border: 1px solid transparent; border-radius: 30px; }
.two-col-video-sec-new .three-col-video-cta a:hover { color: #d31145; background: #fff; border: 1px solid #d31145; }





.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec { padding: 0; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image { width: 100%; max-width: 800px; height: 390px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; border: 10px solid #fff; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon { width: 100%; display: inline-block; text-align: center; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a { width: 120px; height: 70px; line-height: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-wrap: wrap; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a img { width: 100%; display: inline-block; object-fit: contain; object-position: center; max-width: 70px; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a span {color: #fff;width: 100%;display: inline-block;padding-top: 5px;}



.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a.video-popup.youtube { display: none; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a.video-popup.mp4 { display: none; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon .hubspot { display: none; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon .hubspot a.video-popup.hv { display: none; }

.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.youtube_video a.video-popup.youtube { display: block; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.mp4_video a.video-popup.mp4 { display: block; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.hubspot_video .hubspot { width: 100%; display: block; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.hubspot_video .hubspot a.video-popup.hv { display: block; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.hubspot_video .hubspot .hub-video { width: 100%; display: none; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon.hubspot_video .hubspot .hub-video iframe { position: relative !important; }
.two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon .hubspot .hub-video iframe body.hubspot.player-iframed { display: none !important; }

/* .two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image .play-icon a.video-popup { border-radius: 50%; bottom: 50%; box-shadow: 0 0 12.88px 6.12px rgba(0, 0, 0, .2); cursor: pointer; height: 80px; left: 50%; object-fit: contain; object-position: center; position: absolute; right: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; } */


.fancybox-content .hs-video-wrapper { padding-bottom: 56.25%; }

div.hub-video.fancybox-content { max-width: 750px; padding: 31px; width: 100%; }


.hs-video-wrapper { aspect-ratio: 16/9; height: 100%!important; padding: 0!important; width: 100% }








@media(max-width:1399px){
  .two-col-video-sec-new .three-col-video-wrap .three-col-video-box { width: calc(100% / 2 - 30px); }
}
@media(max-width:991px){
  .two-col-video-sec-new .three-col-video-wrap { width: 100%; margin: 0; }
  .two-col-video-sec-new .three-col-video-wrap .three-col-video-box { width: 100%; margin: 0; margin-bottom: 30px; }
  .two-col-video-sec-new .three-col-video-wrap .three-col-video-box:last-child{ margin-bottom: 0px; } 
}

@media(max-width:767px){
  .two-col-video-sec-new{padding:30px 0;}  
  .two-col-video-sec-new .title h2 { font-size: 25px; line-height: 35px !important; }
}  

@media(max-width:481px){
  .two-col-video-sec-new .three-col-video-wrap .three-col-video-box .video-sec .video-image { height: 200px; }
}