/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

.section-hero .hero-video-content-container {
    background-size: 690px 346px;
    width: 690px;
    height: 346px;
}

@media only screen and (min-width: 1441px) {
    .section-hero .hero-video-content-container {
        background-size: 828px 415px;
        width: 828px;
        height: 415px;
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-hero .hero-video-content-container {
        background-size: 460px 246px;
        width: 460px;
        height:246px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-video-content-container {
        background-size: 300px 186px;
        width: 300px;
        height: 186px;
    }
}


/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.unit-image-wrapper {
	z-index: 0;
}

.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-focus {
    left: calc(50% - 330px);
}
.section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    clip-path: inset(0px 8px 4px 101px);
    left: calc(50% - 280px);
}
@media (max-width:1068px) {
    .section-hero .hero-video-container .unit-image-wrapper .hero-app.app-focus {
        left: calc(50% - 250px);
    }
    .section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    	clip-path: inset(0px 8px 4px 94px);
    	left: calc(50% - 240px);
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/