.dna-anim-video{
    visibility: visible !important;
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    
    /* Center the video */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    object-fit: cover;
    max-height: 100vh;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 50%;
}

.dna-anim-video video{
    width : 100% !important;
    height: auto !important;
}

.science-section1 h3{
    margin: 70px 0 10px;
}

.science-section1 .line-anim{
    height: 105px;
    margin: 10px 25px 8px;
}

@media(min-width: 992px) and (max-width: 1366px){
    .science-section1 h3{
        margin: 45px 0 10px;
    }

    .science-section1 h3{
        max-width: 400px;
    }
}

@media(min-width: 992px) and (max-width: 1280px){
    .dna-anim-video video{
        height: 100vh !important;
        width: auto !important;
    }
}

@media(max-width: 991px){
    .science-section1 h3 {
        margin: 70px 0 10px !important;
    }

    .science-section1 .line-anim{
        margin: 10px 25px;
    }

    .dna-anim-video video{
        width: auto !important;
        min-height: 100vh !important;
        position: absolute;
        left: 0;
    }

    .dna-anim-video img{
        max-height: 420px;
    }

    .science-section1 .line-anim{
        height: 80px;
    }

    .anim-img{
        position: absolute;
        top: -70px;
        max-width: 290px;
        left: 0;
        z-index: 0;
        opacity: 0.7;
    }

    .science-section1-content{
        z-index: 2;
    }
    
}

@media(max-width: 991px) and (min-width: 768px){
    .science-section1 h3 {
        margin: 45px 0 10px !important;
    }

    .anim-img{
        left: -25px;
        top: -120px;
    }
}

@media(max-width: 600px){
    .anim-img {
        position: absolute;
        /* top: -100vh; */
        max-width: 290px;
        /* left: -100vw; */
        z-index: 0;
        opacity: 0.7;
        transform: scale(0.5) translate(-70% , -150%);
        /* transition: ease-in-out 10s; */
    }

    .anim-img.animate {
        /* top: 50vh;  */
        /* left: 20%; */
        width: 100%;
        opacity: 0.3;
        transform: scale(1.7) translate(15% , 50%);
        transition: ease-in-out 8s;
        /* transform-origin: right;
        /* transform-origin: right; */
    }
}