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

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

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

.tile-dynamic-driver .typography-value-props-headline {
	line-height: 1;
}
.tile-sweat .typography-value-props-headline {
	line-height: 1;
	margin-left: 4px;
}

@media only screen and (max-width: 734px) and (max-width: 350px) {
	.tile-force-sensor .lottie-container .inline-media-ui {
		bottom: -458px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-ar .column-copy {
		padding-top: 0;
		position: relative;
		top: -27px;
		margin-top: -11px;
	}
}
@media only screen and (max-width: 734px) {
	.section-ar .column-copy {
		position: initial;
		top: 0;
		margin-top: 0;
	}
}

@media only screen and (max-width: 1068px) {
	.section-ar .section-content {
		padding-top: 103px;
	}
}
@media only screen and (max-width: 734px) {
	.section-ar .section-content {
		padding-top: 76px;
	}
}

.tile-sweat .typography-value-props-headline {
	margin-left: 0px;
	padding-left: 4px;
}

.tile-universal-fit .copy-wrapper {
	padding: 0 46px 40px 45px;
}

@media only screen and (max-width: 1068px) {
	.tile-universal-fit .copy-wrapper {
		padding: 0 20px 30px 30px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-universal-fit .copy-wrapper {
		padding: 0 20px 45px 30px;
	}
}

.tile-case .lightning-tile {
	padding-top: 34px;
}

@media only screen and (max-width: 734px) {
	.tile-case .lightning-tile {
		padding-top: 28px;
	}
}

.tile-connection .typography-value-props-headline {
	font-size: 60px;
}

@media only screen and (min-width: 735px) and (max-width: 1366px) {
	.tile-connection .typography-value-props-headline {
		font-size: 56px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.tile-connection .typography-value-props-headline {
		font-size: 52px;
	}
}

@media only screen and (max-width: 735px) {
	.tile-connection .typography-value-props-headline {
		font-size: 40px;
	}
}

.section-ar .column-copy {
	margin-top: -25px;
}
@media only screen and (max-width: 1068px) {
	.section-ar .column-copy {
		padding-top: 0;
		position: relative;
		top: -5px;
		margin-top: -40px;
	}
}
@media only screen and (max-width: 734px) {
	.section-ar .column-copy {
		position: initial;
		top: 0;
		margin-top: 0;
	}
}

@media only screen and (max-width: 390px) {
	.tile-force-sensor .lottie-container .inline-media-ui .play-pause-button {
		margin-bottom: -5px;
	}
}

@media only screen and (max-width: 350px) {
	.tile-force-sensor .lottie-container .inline-media-ui .play-pause-button {
		margin-bottom: 35px;
		margin-right: 5px;
	}
}

@media only screen and (max-width: 332px) {
	.tile-force-sensor .lottie-container .inline-media-ui .play-pause-button {
		margin-bottom: 30px;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 320px) {
	.tile-force-sensor .lottie-container .inline-media-ui .play-pause-button {
		margin-bottom: 10px;
		margin-right: 15px;
	}
}

@media only screen and (max-width: 734px) {
	.section-value-props .hardware-wrapper .video-container .play-pause-button {
		margin-bottom: -6px;
		margin-right: 15px;
	}
}

@media only screen and (max-width: 332px) {
	.section-value-props .hardware-wrapper .video-container .play-pause-button {
		margin-bottom: -26px;
	}
}

@media only screen and (max-width: 320px) {
	.section-value-props .hardware-wrapper .video-container .play-pause-button {
		margin-bottom: 15px;
	}
}

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