 

  {#  End Custom Width Option  #}
  .em_video .play {
    bottom: 10%;
    left: 50%;
    margin-left: -35px;
    z-index: 200;
    color: #fff;
    text-decoration: none;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/play-circle.svg");
    width: 70px;
    height: 70px;
    background-size: 100%;
  }


  /*  video style  */

  .videoSec_main .videoSec_row {
    display: flex;
    flex-wrap: wrap;
  }

  .videoSec_main .video_col {
    position: relative;
    width: 50%;
  }

  .videoSec_main .text_col {
    width: 50%;
    padding-left: 78px;
    padding-top: 170px;
  }


  .videoSec_main .video__wrapper{
    margin: 0px 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 98px;
  }
  .videoSec_main video{
    width:100%;
    max-width:100%;
    display:inline-block;
    vertical-align:top;
    height: 100%;
  }
  
  .video_col_inner {
    min-height: 770px;
    width: 100%;
  }
  .videoSec_main .video__play-button-icon{
    width:66px;
    height:66px;
    transition: all 200ms ease-in-out;
  }

  .videoSec_main .video__play-button-icon--play polygon{
    transform-origin: 50% 50%;
    transition: all 200ms ease-in-out;
  }

  .videoSec_main .video__play-button-icon--play:hover polygon{
    transform: scale(1.5);
  }

  .videoSec_main .video__play-button[data-button-state="pause"] .video__play-button-icon--pause{
    display:none;
  }

  .videoSec_main .video__play-button[data-button-state="play"] .video__play-button-icon--play{
    display:none;
  }

  .videoSec_main .video__play-button[data-button-state="play"] .video__play-button-icon{
    opacity:0;
  }

  .videoSec_main .video__play-button[data-button-state="play"]:hover .video__play-button-icon{opacity:1;}

  .videoSec_main .video__play-button[data-button-state="play"]{
    background-color:rgba(0,0,0,0) !important;
    background-image: none !important;
  }

  .videoSec_main .video__play-button[data-button-state="play"]:hover{
    background-color:transparent;
  }

  .videoSec_main .video__fullscreen-button{
    margin:0;
    padding:0;
    position:absolute;
    bottom:10px;
    right:10px;
    border:0;
    background:transparent;
    cursor:pointer;
    border-radius:0;
    -webkit-appearance:none;
    z-index:3;
    transition: all 200ms ease-in-out;
  }

  .videoSec_main .video__fullscreen-icon{
    padding:10px;
    display:block;
    vertical-align:top;
    color:#fff;
    opacity:0;
    visibility:hidden;
    transition: all 200ms ease-in-out;
  }

  .videoSec_main .video__wrapper[data-state="pause"] .video__fullscreen-icon,
  .videoSec_main .video__wrapper[data-state="play"]:hover .video__fullscreen-icon{
    opacity:1;
    visibility:visible;
  }

  .videoSec_main .video__fullscreen-icon polygon{
    fill:currentColor;
  }
  .videoSec_main svg.video__play-button-icon.video__play-button-icon--pause path {
    fill: #ffffff70;
  }

  .videoSec_main svg.video__play-button-icon.video__play-button-icon--pause rect.st1 {
    fill: #fff;
  }
  .left_content {
    padding-left: 102px;
    max-width: 470px;
  }
  .top_img img {
    width: 100%;
    padding-bottom: 72px;
    max-width: 500px;
  }
  {# End Desktop Style #}
  {# Tablet Style #}
  @media(max-width:1429px){
    .video_col_inner {
      min-height: auto;
      width: 100%;
    }
    .videoSec_main .text_col {
      padding-left: 40px;
    }
    .top_img img {
      padding-bottom: 40px;
      max-width: 400px;
    }
    .left_content {
      padding-left: 60px;
      max-width: 100%;
    }
    
  }
  @media(max-width:1200px){
  .videoSec_main .text_col {
      width: 40%;

    }
    .videoSec_main .video_col {
      width: 60%;

    }
  }
  @media(max-width:991px){
    .top_img img {
        padding-bottom: 30px;
    } 
    
    .videoSec_main .text_col, .videoSec_main .video_col {
      width: 100%;

    }
    .left_content {
    padding-left: 0;
    }
    .videoSec_main .text_col{
      padding: 50px 0px 0;
    }
    .videoSec_main .video__wrapper {
      position: static;
    }
  }
 