.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.video-container video {
    width: 95%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Adjust for tablets and larger screens */
@media (min-width: 768px) {
    .video-container {
        max-width: 940px; /* Restrict the width on larger screens */
    }

    .video-container video {
        width: 100%;
    }
}

.parallax-counters {
    background: url('../images/parallax/designers-working-on-a-project.png') no-repeat fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width:100%;
}
@media only screen and (min-width: 1930px) { .parallax-counters { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
    .parallax-counters { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 1400px) {
    .parallax-counters { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}