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



/*------------------------------------*\
   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);
	}
}

.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-sound_recognition {
   right: calc(50% - 369px);
}
@media only screen and (max-width: 1068px) {
   .section-hero .hero-video-container .unit-image-wrapper .hero-app.app-sound_recognition {
      right: calc(50% - 267px);
   }
}
@media only screen and (max-width: 734px) {
   .section-hero .hero-video-container .unit-image-wrapper .hero-app.app-sound_recognition {
      right: calc(50% - 175px);
   }
}


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