/* LOCAL EDITS */
/* continuity tile */
.section-routers .overview-routers-continuity {
	height: 100%;
	width: 100%;
}

/* apple business tile */
.section-routers .router-item-business {
	height: 600px;
}

.section-routers .overview-routers-business {
	height: 100%;
	width: 100%;
}

.performance-modal-content .modal-grid .memory-badge.badge .badge-content .badge-value {
	font-size: 36px;
}
@media only screen and (max-width: 1068px) {
	.performance-modal-content .modal-grid .memory-badge.badge .badge-content .badge-value {
		font-size: 23px;
	}
}

@media only screen and (max-width: 734px) {
	.performance-modal-content .modal-grid .memory-badge.badge .badge-content .badge-value {
		font-size: 23px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-item-business {
		height: 400px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-business {
		height: 490px;
	}
}

/* SCREENS & ICONS */
/* touch id - app store */
.section-keyboard .features .overview-icons-icon-touchid-applepay {
	height: 28px;
	width: 32px;
}

/* compare section */
.section-compare .image-compare-macbook-pro-13 {
	margin-top: 0;
}

/* continuity tile */
.section-routers .overview-routers-continuity {
	width: 100%;
}

/* Apple at work tile*/
.section-routers .overview-routers-business {
	width: 100%;
}

/* FIX 21_07_22 */
@media only screen and (max-width: 1068px) {
	.badge .badge-content {
		margin: 2em 0;
	}
}
@media only screen and (max-width: 734px) {
	.badge .badge-content {
		margin: 1em 0;
	}
}
.subsection-badges .badge {
	max-height: 154px;
}

.router-item-headline {
	font-size: 40px;
}

@media only screen and (max-width: 1068px) {
	.router-item-headline {
		font-size: 40px;
	}
	.section-routers .router-item-augmented-reality .ar-wrapper-content {
		padding-top: 33px;
	}
}

@media only screen and (max-width: 734px) {
	.router-item-headline {
		font-size: 30px;
	}
}
/* FIX 24_07_22 */

.section-design .subsection-design-hero .heart-bubble-wrapper {
	--heart-bubble-wrapper-bottom: 67px;
	--heart-bubble-wrapper-right: -6px;
}
@media only screen and (max-width: 1068px) {
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-wrapper-bottom: 57px;
		--heart-bubble-wrapper-right: 4px;
	}
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-primary-size: 43px;
	}
}

@media only screen and (max-width: 734px) {
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-wrapper-bottom: 16px;
		--heart-bubble-wrapper-right: 10px;
	}
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-primary-size: 32px;
	}
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-secondary-size: 11px;
	}
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-tertiary-bottom: -6px;
		--heart-bubble-tertiary-right: -6px;
		--heart-bubble-tertiary-size: 7px;
	}
}
.section-display .section-headline {
	max-width: 7em;
}

@media only screen and (max-width: 1068px) {
	.section-display .section-headline {
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-display .section-headline {
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 374px) {
	.section-display .section-headline {
		width: 4.7em;
	}
}
.section-design .subsection-design-finishes .design-finishes-figcaption {
	right: -90px;
	width: 182px;
}

@media only screen and (max-width: 1068px) {
	.section-design .subsection-design-finishes .design-finishes-figcaption {
		top: 223px;
		width: 178px;
		right: -90px;
	}
}
@media only screen and (max-width: 800px) {
	.section-design .subsection-design-finishes .design-finishes-figcaption {
		right: -26px;
		width: 100px;
		top: 223px;
	}
}
@media only screen and (max-width: 734px) {
	.section-design .subsection-design-finishes .design-finishes-figcaption {
		right: 0px;
		width: 100%;
		top: 0;
	}
}
.section-design .subsection-design-hero .headline-gradient {
	font-size: 80px;
}
@media only screen and (max-width: 1090px) {
	.hero-sticky-container .section-content {
		width: 722px;
	}
	.typography-hero-key-feature {
		font-size: 60px;
	}
	.typography-tile-headline {
		font-size: 23px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-design .subsection-design-hero .headline-gradient {
		font-size: 70px;
	}
}
.section-routers .router-item-environment .accent-green:before {
	width: 175px;
	height: 47px;
	background-size: 175px 47px;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 734px) {
	.section-design .subsection-design-hero .headline-gradient {
		font-size: 40px;
	}
	.typography-hero-key-feature {
		font-size: 40px;
	}
	.typography-tile-headline {
		font-size: 23px;
	}
	/* 
 .section-routers .router-item-environment .accent-green:before {
  		width: 140px;
   	 	height: 36px;
   	 	background-size: 140px 36px;
   		background-repeat: no-repeat;
	}
 */
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-wrapper-bottom: 16px;
		--heart-bubble-wrapper-right: 160px;
	}
	.sm_htxt {
		display: block;
	}
	.typography-hero-supercharged {
		font-size: 36px;
	}
}

@media only screen and (min-width: 1068px) {
	.heart-bubble-wrapper.heart-loading {
		right: 0px;
		bottom: 65px;
	}
	.section-routers .router-item-environment .accent-green:before {
		width: 176px;
		height: 48px;
		background-size: 174px 46px;
		background-repeat: no-repeat;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-compare .compare-headline {
		max-width: 610px;
	}
}
@media only screen and (min-width: 735px) {
	.section-design .subsection-design-hero .design-hero-intro .design-hero-overlay-outer .design-hero-overlay-inner {
		margin-left: -25px;
	}
	.section-routers .router-item-environment .accent-green:before {
		width: 180px;
		height: 48px;
		background-size: 179px 48px;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 734px) {
	.section-routers .router-item-environment .accent-green:before {
		width: 138px;
		height: 38px;
		background-size: 138px 38px;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 739px) {
	.sm_htxt {
		display: block;
	}
}
@media only screen and (max-width: 320px) {
	.modal-trigger-container {
		margin-left: 0%;
	}
}