.videoWrapper {
    position: relative;
    width: 100%;
    height: 530px;
    background-color: #000;
}
.full_bg .videoWrapper {
    height: 800px;
}
.videoWrapper43 {
    padding-top: 75%;
}

.videoWrapper169 {
    padding-top: 0;
}

.videoIframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 530px;
    background-color: transparent;
}
.full_bg .videoIframe{
    height: 100%;
}

.videoPoster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 530px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-position: right top;
    background-size: cover;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}
#row4 .videoPoster{
    height: 800px;
}
.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    margin: -22px 0 0 -40px;
     background-color: rgba(12, 4, 8, 0.3); 
    border-radius: 65px;
    border:3px solid #fff;
}

.videoPoster:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -2px 0 0 -12px;
    border-left: 17px solid #fff;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}

.videoPoster:hover:before,
.videoPoster:focus:before {
    border-color: #2cb3c7;
}

.videoPoster:hover:after,
.videoPoster:focus:after {
    border-left-color: #2cb3c7;
}

.videoWrapperActive .videoPoster,
#row4 .videoWrapperActive .videoPoster{
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}
/* All PAD
======================*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .videoWrapper {
        height: 300px;
    }
    .videoIframe {
        height: 300px;
    }
    #row4 .videoPoster{
        height: 300px;
    }
    .full_bg .videoWrapper {
        height: 300px;
    }
    .videoPoster {
        height: 300px;
    }
    .videoPoster:before {
        margin: -35px 0 0 -30px;
    }

    .videoPoster:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        margin: -16px 0 0 -2px;
    }
}

/* All PAD Smail & PHONE
======================*/
@media screen and (max-width: 767px) {

}

/* PAD Smail
======================*/
@media screen and (min-width: 600px) and (max-width: 767px) {
    .videoWrapper {
        height: 275px;
    }
    .videoIframe {
        height: 275px;
    }
    #row4 .videoPoster{
        height: 275px;
    }
    .full_bg .videoWrapper {
        height: 275px;
    }
    .videoPoster {
        height: 275px;
    }
    .videoPoster:before {
        margin: -35px 0 0 -30px;
    }

    .videoPoster:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        margin: -16px 0 0 -2px;
    }
}

/* MOBILE Normal
======================*/
@media screen and (max-width: 599px) {
    .videoWrapper {
        height: 205px;
    }
    #row4 .videoPoster{
        height: 255px;
    }
    .full_bg .videoWrapper {
        height: 255px;
    }
    .videoIframe {
        height: 205px;
    }

    .videoPoster {
        height: 205px;
        background-position: right center;
    }
    .videoPoster:before {
        margin: -35px 0 0 -30px;
    }

    .videoPoster:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        margin: -16px 0 0 -2px;
    }

}

/* MOBILE iPhone
======================*/
@media screen and (max-width: 330px) {
    #row4 .videoPoster{
        height: 205px;
    }
    .full_bg .videoWrapper {
        height: 205px;
    }
}