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

.show-for-xs {
	display: none;
}
.show-for-small {
	display: none;
}
.show-for-medium {
	display: none;
}
.show-for-large {
	display: block;
}

@media only screen and (max-width: 1068px) {
	.show-for-xs {
		display: none;
	}
	.show-for-small {
		display: none;
	}
	.show-for-medium {
		display: block;
	}
	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.show-for-xs {
		display: none;
	}
	.show-for-small {
		display: block;
	}
	.show-for-medium {
		display: none;
	}
	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.show-for-large {
		display: none;
	}
	.show-for-medium {
		display: none;
	}
	.show-for-small {
		display: block;
	}
	.show-for-xs {
		display: block;
	}
}

@media only screen and (min-width: 1068px) {
	.section-welcome .typography-headline {
		font-size: 44px;
	}
}

@media only screen and (min-width: 1068px) {
	.section-business .headline {
		max-width: 15ch;
	}
}

@media only screen and (min-width: 1068px) {
	.section-get-in-touch .copy {
		max-width: 16em;
	}
}

.disclaimer {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #6e6e73;
	font-size: 14px;
	font-weight: 400;
}

#hero-security .hero-card-front {
	padding-right: 44px;
}

@media only screen and (max-width: 1068px) {
	#hero-security .hero-card-front {
		padding-right: 36px;
	}
}

@media only screen and (max-width: 735px) {
	#hero-security .hero-card-front {
		padding-right: 20px;
	}
}

@media only screen and (min-width: 1068px) {
	.card-big-performance .card-big-headline {
		right: 43px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.card-big-performance .card-big-headline {
		right: 8px;
	}
}

@media only screen and (min-width: 1068px) {
	.card-big-ai .typography-card-big-headline {
		padding-right: 10px;
		font-size: 51px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.card-big-ai .typography-card-big-headline {
		font-size: 46px;
	}
}

@media only screen and (max-width: 1068px) {
	.card-big-ai {
		gap: 40px;
	}
}

@media only screen and (max-width: 735px) {
	.card-big-ai {
		gap: 25px;
	}
}

.card-big-mac-and-iphone .highlight-green {
	padding-right: 5px;
}

@media only screen and (min-width: 1069px) {
	.visible-for-large {
		visibility: visible;
	}
	.visible-for-medium {
		display: none;
	}
	.visible-for-small {
		display: none;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.visible-for-large {
		display: none;
	}
	.visible-for-medium {
		visibility: visible;
	}
	.visible-for-small {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.visible-for-large {
		display: none;
	}
	.visible-for-medium {
		display: none;
	}
	.visible-for-small {
		visibility: visible;
	}
}

@media only screen and (min-width: 1068px) {
	.section-welcome .hero-card .icon-apps {
		top: 4px;
	}
}
@media only screen and (max-width: 375px) {
	#main section.section.section-select div.select-gallery-container div.tabnav.with-paddles div button.tabnav-paddle.tabnav-paddle-right {
		display: none;
	}
}

@media (max-width: 374px) {
	.select-gallery-container .toggle-gallery-wrapper li .tabnav-button {
		padding: 10px 14px;
	}
}

@media (max-width: 734px) {
	.card-big-macos.macos-updates .card-big-image {
		margin-block-start: 30px;
	}
	.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav {
		line-height: 18px;
	}
	#it-gallery .tabnav-platter {
		height: 60px;
	}
	#mac-os div button span {
		margin-bottom: -10px;
	}
	#battery div p {
		margin-left: 30px;
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/