/* Local Overrides */

@media only screen and (max-width: 350px) {
	#ac-localnav .ac-ln-title a {
		font-size: 0.9em !important;
	}
}

/* Hero */
@media only screen and (min-width: 1069px) {
	.section-hero .hero-headline,
	.section-hero .hero-copy {
		width: 100%;
		max-width: none;
	}
	.section-hero .hero-headline > .rolodex > .rolodex-item:last-child {
		justify-content: center;
		width: 100%;
	}
}
@media only screen and (max-width: 1068px) {
	.section-hero .hero-headline .rolodex {
		height: 2.1em;
	}
	.section-hero .hero-headline .inline-anim-wrapper {
		width: 600px;
	}
	@media only screen and (max-width: 1068px) {
		.section-hero .hero-headline .inline-anim-wrapper {
			width: 460px;
		}
	}
	@media only screen and (max-width: 734px) {
		.section-hero .hero-headline .inline-anim-wrapper {
			width: 270px;
		}
	}
	.section-hero .hero-headline .rolodex:first-child > .rolodex-item {
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
}

.section-apps {
	margin-bottom: 100px;
}

@media (max-height: 999px), only screen and (max-width: 1068px) {
	html.enhance-deep-dive
		#deep-dive-devices
		.section-sustainability
		.modal-copy-container
		.modal-headline {
		max-width: 17rem;
	}
}

@media only screen and (min-width: 1069px) {
	.section-apps .section-list {
		margin-right: 125px;
	}
}

/* "Learn more about Apple Devices" Modal */
html.enhance-deep-dive .deep-dive-container .deep-dive-button-container {
	--dd-btn-width: 10.75em;
}

html.enhance-deep-dive
	#deep-dive-devices
	.section-saving
	.modal-copy-container
	.picture-pair.modal-image {
	top: 85px;
}

html.enhance-deep-dive
	#deep-dive-devices
	.section-security
	.modal-copy-container
	.modal-copy {
	max-width: 20rem;
}

@media only screen and (min-height: 735px) {
	html.enhance-deep-dive
		#deep-dive-devices
		.section-security
		.modal-copy-container
		.modal-copy {
		max-width: 27rem;
	}
}

@media only screen and (min-height: 1000px) and (min-width: 1069px) {
	html.enhance-deep-dive
		#deep-dive-devices
		.section-saving
		.modal-copy-container
		.picture-pair.modal-image {
		top: 170px;
	}
}

/* "Contact Us" section */
@media only screen and (min-width: 735px) {
	.section-router .buystrip-item.buystrip-support .buystrip-item-headline {
		margin-right: 30px;
	}
}

/* Hero image */
@media only screen and (max-width: 734px) {
	.section-devices .section-image-container .section-image-aside {
		top: -139px !important;
	}
}

@media only screen and (max-width: 734px) {
	.section-router .buystrip-item-headline {
		max-width: 100% !important;
	}
}

/* deep-dive-devices : short viewports */
@media only screen and (max-height: 650px) {
	html.enhance-deep-dive
		.deep-dive
		.section-ease-of-use
		.modal-copy-container
		.modal-copy {
		max-width: 25rem;
	}
	html.enhance-deep-dive
		#deep-dive-devices
		.section-security
		.modal-copy-container
		.modal-copy {
		max-width: 28rem;
	}
}
@media only screen and (max-height: 500px) {
	html.enhance-deep-dive
		#deep-dive-devices
		.section-saving
		.modal-copy-container {
		max-width: 31rem;
	}
}
@media only screen and (max-height: 650px) and (max-width: 1068px) {
	html.enhance-deep-dive
		#deep-dive-devices
		.section-sustainability
		.modal-copy-container
		.modal-headline {
		max-width: 30rem;
	}
}
/* deep-dive-apps : short viewports */
@media only screen and (max-height: 650px) {
	html.enhance-deep-dive
		#deep-dive-apps
		.section-business
		.modal-copy-container
		.modal-copy {
		max-width: 27rem;
	}
	html.enhance-deep-dive
		#deep-dive-apps
		.section-custom
		.modal-copy-container
		.modal-copy {
		max-width: 33rem;
	}
}

/* animation screens */
#deep-dive-devices .section-security .security-video-container .start-frame {
	background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	#deep-dive-devices
		.section-security
		.security-video-container
		.start-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_large_2x.jpg);
	}
}

@media (max-height: 999px), only screen and (max-width: 1068px) {
	#deep-dive-devices
		.section-security
		.security-video-container
		.start-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_medium.jpg);
	}
}

@media (max-height: 999px) and (-webkit-min-device-pixel-ratio: 1.5),
	(max-height: 999px) and (min-resolution: 144dpi),
	only screen and (max-height: 999px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-height: 999px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	#deep-dive-devices
		.section-security
		.security-video-container
		.start-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_medium_2x.jpg);
	}
}

@media (max-height: 799px), only screen and (max-width: 734px) {
	#deep-dive-devices
		.section-security
		.security-video-container
		.start-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_small.jpg);
	}
}

@media (max-height: 799px) and (-webkit-min-device-pixel-ratio: 1.5),
	(max-height: 799px) and (min-resolution: 144dpi),
	only screen and (max-height: 799px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-height: 799px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	#deep-dive-devices
		.section-security
		.security-video-container
		.start-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_startframe__ej29pecmkfsm_small_2x.jpg);
	}
}

#deep-dive-devices .section-security .security-video-container .end-frame {
	background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	#deep-dive-devices .section-security .security-video-container .end-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_large_2x.jpg);
	}
}

@media (max-height: 999px), only screen and (max-width: 1068px) {
	#deep-dive-devices .section-security .security-video-container .end-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_medium.jpg);
	}
}

@media (max-height: 999px) and (-webkit-min-device-pixel-ratio: 1.5),
	(max-height: 999px) and (min-resolution: 144dpi),
	only screen and (max-height: 999px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-height: 999px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	#deep-dive-devices .section-security .security-video-container .end-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_medium_2x.jpg);
	}
}

@media (max-height: 799px), only screen and (max-width: 734px) {
	#deep-dive-devices .section-security .security-video-container .end-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_small.jpg);
	}
}

@media (max-height: 799px) and (-webkit-min-device-pixel-ratio: 1.5),
	(max-height: 799px) and (min-resolution: 144dpi),
	only screen and (max-height: 799px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-height: 799px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	#deep-dive-devices .section-security .security-video-container .end-frame {
		background-image: url(/co/business/small-business/images/overview/devices/smb_security_endframe__fyqk86n0k8ae_small_2x.jpg);
	}
}
