.kv-desc {
            position: absolute;
            top: 174px;
            width: 100%;
            left: 0;
            text-align: center;

            @media screen and (max-width: 1024px) {
                top: 120px;
            }

            @media screen and (max-width: 767px) {
                top: 65px;
            }

            .kv-text {
                font-size: 32px;
                color: #FFFFFF;
                letter-spacing: 0;
                text-align: center;
                line-height: 42px;
                padding-bottom: 20px;

                @media screen and (max-width: 1024px) {
                    font-size: 28px;
                    line-height: 36px;
                }

                @media screen and (max-width: 767px) {
                    font-size: 24px;
                    line-height: 32px;
                    padding-bottom: 10px;
                }

                @media screen and (max-width: 340px) {
                    font-size: 20px;
                    line-height: 28px;
                }
            }

            .video-btn {
                display: inline-block;
                width: 80px;
                height: 80px;
                background: url('/assets/imgs/about_us/video-btn.png') center no-repeat;
                background-size: contain;
                transition: .4s;
                cursor: pointer;

                &:hover {
                    background: url('/assets/imgs/about_us/video-btn-hover.png') center no-repeat;
                    background-size: contain;
                }

                @media screen and (max-width:767px) {
                    width: 60px;
                    height: 60px;
                }
            }
        }
			

    /*company introduction section end*/


    /*video popup*/

    .video-pop {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;

        .pop-bg {
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
        }

        .popMain {
            width: 1000px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -500px;
            height: 500px;
            margin-top: -250px;

            @media screen and (max-width: 1024px) {
                width: 100%;
                max-width: 600px;
                margin-left: 0;
                padding: 0 15px;
                box-sizing: border-box;
            }
            @media screen and (max-width: 767px) {
                max-width: 450px;
            }

            .popMiddle {
                text-align: center;

                .embed-responsive {
                    position: relative;
                    display: block;
                    height: 0;
                    padding: 0;
                    overflow: hidden;

                    .embed-responsive-item,
                    video {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        border: 0;
                    }
                }

                .embed-responsive-16by9 {
                    padding-bottom: 56.25%;
                }


            }
        }

        .close {
            overflow: hidden;
            position: absolute;
            right: 0;
            top: -28px;
            z-index: 999;
            opacity: .8;

            &:hover {
                opacity: 1;
            }

            span {
                cursor: pointer;

                img {
                    width: 23px;
                    cursor: pointer;
                }
            }
        }
    }
    .vjs-loading-spinner:after,
    .vjs-loading-spinner:before,
    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:after {
        background: url('../common/imgs/loader.gif') center no-repeat;
        margin: 0;
    }

    .vjs-big-play-button {
        display: none;
    }
    .vjs-text-track-display {
        @media screen and (max-width:1024px) {
            pointer-events: auto;
        }
    }
    .videojs-hero-overlay {
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 50%;
        left: 0;
        width: 100%;
        margin: -40px 0 0;
        padding: 0;
        @media screen and (max-width:1024px) {
            pointer-events: auto;
        }
        @media screen and (max-width:767px) {
            margin-top: -30px;
        }
        .videojs-hero-btn {
            display: inline-block;
            width: 80px;
            height: 80px;
            background: url('/assets/imgs/about_us/video-btn.png') center no-repeat;
            background-size: contain;

            &.videojs-hero-btn-hover {
                background-image: url('/assets/imgs/about_us/video-pause-btn.png');
            }

            @media screen and (max-width:767px) {
                width: 60px;
                height: 60px;
            }
        }
    }
    .transparent {
        opacity: 0;
    }