.image-why-ipad-hero-main {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 2895px;
	--p-height: 972px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.image-why-ipad-hero-main {
		--p-width: 1068px;
		--p-height: 700px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.image-why-ipad-hero-main {
		--p-width: 309px;
		--p-height: 230px;
	}
}

.width-add {
	max-width: 700px;
}

@media only screen and (max-width: 1068px) {
	.width-add {
		max-width: 600px;
	}
}

@media only screen and (max-width: 734px) {
	.width-add {
		max-width: none;
	}
}
