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

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

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

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

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


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




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

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

.x-small {
	display: none;
}
@media only screen and (max-width: 440px) {
	.x-small {
		display: inline-block;
	}
}
@media only screen and (max-width: 440px) {
	#ac-localnav .ac-ln-title {
		margin: 0px 0 -12px;
	}
}

.section-hero .hero-video-container .unit-image-wrapper .hero-app.app-focus {
    left: calc(50% - 300px);
}
.section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    clip-path: inset(0px 8px 4px 86px);
    left: calc(50% - 265px);
}
@media (max-width:1068px) {
    .section-hero .hero-video-container .unit-image-wrapper .hero-app.app-focus {
        left: calc(50% - 240px);
    }
    .section-hero .hero-video-container .unit-image-wrapper .unit-image-shadow.unit-image-focus-shadow {
    	clip-path: inset(0px 8px 4px 79px);
    	left: calc(50% - 225px);
	}
}

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