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

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

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

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

@media only screen and (max-width: 734px) {
    .section-hero .hero-video-content-container {
        background-size: 286px 186px;
        width: 286px;
        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% - 333px);
}
.section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    clip-path: inset(0px 8px 4px 89px);
    left: calc(50% - 268px);
}

.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-personal_voice {
    left: calc(50% - 404px);
}
.section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-personal-voice-shadow {
    clip-path: inset(0px 0px 0 192px);
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-focus {
    	left: calc(50% - 269px);
	}
	.section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    	clip-path: inset(0px 8px 4px 85px);
    	left: calc(50% - 232px);
	}
	
	.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-personal_voice {
    	left: calc(50% - 333px);
	}
    .section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-personal-voice-shadow {
    	clip-path: inset(0px 0px 0px 178px);
        right: calc(50% + 67px);
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-video-container .unit-image-wrapper .hero-app.app-personal_voice {
        left: calc(50% - -157px);
    }
}

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