@media (min-width : 2050px) {
    .vidio-background video {
        opacity  : 0.3;
        position : absolute;
        center   : -15%;
        top      : -15%;
        height   : 130%;
        width    : 130%;
    }
}

@media (min-width : 1980px) {
    .vidio-background video {
        opacity  : 0.3;
        position : absolute;
        center   : -3%;
        top      : -3%;
        height   : 106%;
        width    : 106%;
    }
}

@media (min-width : 1200px) and (max-width : 1600px) {
    .tagline h1 {
        font-size : 36px;
    }

    .logo_blk img {
        width : 400px;
    }

    .tagline {
        top : 320px;
    }

    .footer_text {
        bottom    : 20px;
        font-size : 16px;
    }

}

@media (min-width : 992px) and (max-width : 1199px) {
    .tagline h1 {
        font-size : 36px;
    }

    .logo_blk img {
        width : 400px;
    }

    .tagline {
        top : 260px;
    }

    .footer_text {
        bottom    : 20px;
        font-size : 16px;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    .tagline h1 {
        font-size : 30px;
    }

    .logo_blk img {
        width : 350px;
    }

    .tagline {
        top : 200px;
    }

    .footer_text {
        bottom    : 20px;
        font-size : 13px;
    }
}

@media (max-width : 767px) {

    .tagline h1 {
        font-size : 20px;
        padding   : 0 15px;
    }

    .tagline h1 br {
        display : none;
    }

    .logo_blk img {
        width : 300px;
    }

    .logo_blk {
        padding : 20px 0;
    }

    .tagline {
        top      : 30%;
        position : absolute;
        width    : 100%;
        padding  : 0 0 0 0;
    }

    .footer_text {
        padding   : 30px 30px 15px;
        bottom    : 0px;
        position  : absolute;
        width     : 100%;
        height    : auto;
        font-size : 14px;
    }

    .logo_blk {
        position : relative;
        top      : auto;
    }

    .video-background {
        position : absolute;
    }

    .video-background video {
        opacity           : 0.5;
        position          : relative;
        width             : 130%;
        height            : auto;
        center            : -15%;
        top               : 0;
        -webkit-transform : translateX(-50%);
        -moz-transform    : translateX(-50%);
        transform         : translateX(-50%);
    }

    .footer_text i {
        display : none;
    }

    .footer_text span {
        padding : 5px 15px;
        display : block;
    }

    .relative-blk {
        position : relative;
    }

    .main_video_blocks {
        overflow : hidden;
        height   : 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        /*height: calc(var(--vh, 1vh) * 100);*/
        height   : calc(var(--vh, 1vh) * 100);
    }


}

@media (min-width : 568px) and (max-width : 767px) {
}

@media (min-width : 240px) and (max-width : 567px) {
    .footer_text {
        bottom : 50px;
    }
}