/* Local overrides */

/* Colors */
.colornav-gallery .colornav-label {
	text-transform: none;
}

@media (max-width: 734px) {
	html.ar-quicklook
		.section-techspecs
		.section-colors
		.gallery-item
		.ar-gallery-link {
		width: 150%;
	}
}

@media screen and (max-width: 400px) {
	html.ar-quicklook
		.section-techspecs
		.section-colors
		.gallery-item
		.ar-gallery-link {
		bottom: -25px;
	}

	br.xsmall {
		display: block;
	}
}

@media screen and (min-width: 401px) {
	br.xsmall {
		display: none;
	}
}

/* Chip */
@media (min-width: 735px) and (max-width: 1068px) {
	.section-techspecs .section-header.section-chip-header {
		flex-basis: 150px;
	}
}

/* Size and Weight */
@media (min-width: 735px) and (max-width: 1068px) {
	.section-size-weight .size-weight-picture .caption:nth-of-type(2) {
		right: 7px;
	}
}

/* Storage & Display Support */
@media (min-width: 735px) and (max-width: 1068px) {
	.section-techspecs .section-storage .section-header,
	.section-techspecs .section-display-support .section-header {
		padding-right: 30px;
	}
	.section-techspecs .section-storage .section-header h2,
	.section-techspecs .section-display-support .section-header h2 {
		font-size: 21px;
	}
}

/* In The Box */
@media (min-width: 1069px) {
	.section-techspecs .section-in-the-box .grid-container {
		grid-template-columns: 1.1fr 2.9fr;
	}
}

/*Localised screen*/

.section-built-in-apps .techspecs-app-icon-calendar {
	background-image: url("/co/imac/images/specs/icon_calendar__dqdgdzzd21g2_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-built-in-apps .techspecs-app-icon-calendar {
		background-image: url("/co/imac/images/specs/icon_calendar__dqdgdzzd21g2_large_2x.png");
	}
}

/* Custom classes */
@media screen and (max-width: 621px) and (min-width: 605px) {
	br.xmedium {
		display: block;
	}
}

@media screen and (min-width: 622px) {
	br.xmedium {
		display: none;
	}
}

@media screen and (max-width: 440px) and (min-width: 424px) {
	br.xxsmall {
		display: block;
	}
}

@media screen and (min-width: 441px) {
	br.xxsmall {
		display: none;
	}
}
