.t02-s06__counter,
.t02-s06__guide-eyebrow,
.t02-s09__number-padded {
	display: none;
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.desantis-residential-roofing .t02-s06 {
		height: 1280px;
		background: #f4f9fc;
	}

	.desantis-residential-roofing .t02-s06__shell {
		width: 1024px;
		height: 1280px;
		min-height: 1280px;
		padding: 0;
		background: #f4f9fc;
	}

	.desantis-residential-roofing .t02-s06__header {
		position: absolute;
		top: 48px;
		left: 50%;
		width: 900px;
		transform: translateX(-50%);
	}

	.desantis-residential-roofing .t02-s06__eyebrow {
		gap: 16px;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s06__eyebrow span { width: 105px; }

	.desantis-residential-roofing .t02-s06__header h2 {
		margin-top: 14px;
		font-size: var(--section-heading-font-size, 48px);
		line-height: var(--section-heading-line-height, 53px);
	}

	.desantis-residential-roofing .t02-s06__header h2 span {
		height: 61px;
		padding: 2px 13px 0;
	}

	.desantis-residential-roofing .t02-s06__header > p:last-child {
		width: 500px;
		margin: 14px auto 0;
		font-size: 16px;
		line-height: 24px;
	}

	.desantis-residential-roofing .t02-s06__header br { display: none; }

	.desantis-residential-roofing .t02-s06__slider {
		position: absolute;
		top: 310px;
		left: 0;
		width: 1024px;
		height: 490px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s06__viewport {
		left: 60px;
		width: 904px;
		height: 470px;
		transform: none;
		border-radius: 20px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
	}

	.desantis-residential-roofing .t02-s06__copy {
		top: 40px;
		left: 70px;
		width: 330px;
	}

	.desantis-residential-roofing .t02-s06__meta { font-size: 12px; line-height: 16px; }

	.desantis-residential-roofing .t02-s06__copy h3 {
		width: 280px;
		margin-top: 20px;
		font-size: 34px;
		line-height: 39px;
	}

	.desantis-residential-roofing .t02-s06__description {
		width: 280px;
		margin-top: 22px !important;
		font-size: 15px;
		line-height: 22px;
	}

	.desantis-residential-roofing .t02-s06__gallery {
		top: 25px;
		left: 475px;
		width: 377.52px;
		height: 368.72px;
	}

	.desantis-residential-roofing .t02-s06__photo--hero { inset: 0 34.97% 35.08% .23%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--barkwood { inset: 0 0 69.69% 70.4%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--weathered { inset: 34.61% 0 35.08% 70.4%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--mission { inset: 69.69% 70.4% 0 0; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--shakewood { inset: 69.69% 35.2% 0 35.2%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--hickory { inset: 69.69% 0 0 70.4%; width: auto; height: auto; }

	.desantis-residential-roofing .t02-s06__arrow {
		top: 211px;
		width: 48px;
		height: 48px;
		padding: 0;
		border: 1px solid #bd312b;
		border-radius: 50%;
		background: var(--color-white);
		box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
		font-size: 0;
	}

	.desantis-residential-roofing .t02-s06__arrow::before {
		color: #bd312b;
		font: 500 28px/1 Arial, sans-serif;
	}

	.desantis-residential-roofing .t02-s06__arrow--prev { left: 76px; }
	.desantis-residential-roofing .t02-s06__arrow--next { right: 76px; }
	.desantis-residential-roofing .t02-s06__arrow--prev::before { content: "‹"; }
	.desantis-residential-roofing .t02-s06__arrow--next::before { content: "›"; }
	.desantis-residential-roofing .t02-s06__arrow img { display: none; }

	.desantis-residential-roofing .t02-s06__counter {
		position: absolute;
		top: 386px;
		left: 0;
		display: block;
		width: 100%;
		color: #bd312b;
		font-size: 13px;
		font-weight: 700;
		line-height: 18px;
		text-align: center;
	}

	.desantis-residential-roofing .t02-s06__guide {
		position: absolute;
		top: 826px;
		left: 0;
		width: 1024px;
		height: 454px;
		margin: 0;
	}

	.desantis-residential-roofing .t02-s06__book {
		top: 24px;
		left: 70px;
		width: 400px;
		height: 319px;
	}

	.desantis-residential-roofing .t02-s06__guide-copy {
		top: 0;
		left: 520px;
		width: 420px;
	}

	.desantis-residential-roofing .t02-s06__guide-eyebrow {
		display: block;
		width: 420px;
		color: #a37845;
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		text-transform: uppercase;
	}

	.desantis-residential-roofing .t02-s06__guide-copy h3 {
		width: 420px;
		margin-top: 12px;
		font-size: 30px;
		line-height: 34px;
	}

	.desantis-residential-roofing .t02-s06__guide-copy > p:not(.t02-s06__guide-eyebrow) {
		width: 420px;
		font-size: 15px;
		line-height: 22px;
	}

	.desantis-residential-roofing .t02-s06__guide-copy > p:first-of-type { margin-top: 14px; }
	.desantis-residential-roofing .t02-s06__guide-copy > p:nth-of-type(2) { margin-top: 24px; }
	.desantis-residential-roofing .t02-s06__guide-copy > p:last-of-type {
		width: 420px;
		margin-top: 24px;
		font-size: 14px;
		line-height: 20px;
	}

	.desantis-residential-roofing .t02-s06__form {
		gap: 13.8px;
		width: 370.76px;
		height: 193.2px;
		margin-top: 22px;
		padding: 24.84px;
		border-radius: 9.2px;
		box-shadow: 0 0 18.4px rgba(0, 0, 0, .15);
	}

	.desantis-residential-roofing .t02-s06__form label,
	.desantis-residential-roofing .t02-s06__form input,
	.desantis-residential-roofing .t02-s06__form button { width: 321.08px; height: 36.8px; }
	.desantis-residential-roofing .t02-s06__form input { font-size: 13.54px; line-height: 20.314px; }
	.desantis-residential-roofing .t02-s06__form button { font-size: 14.72px; line-height: 34.8px; }

	.desantis-residential-roofing .t02-s09 { height: 1250px; }
	.desantis-residential-roofing .t02-s09__shell {
		width: 1024px;
		height: 1250px;
		min-height: 1250px;
		padding: 0;
	}
	.desantis-residential-roofing .t02-s09__header {
		position: absolute;
		top: 52px;
		left: 80px;
		width: 760px;
	}
	.desantis-residential-roofing .t02-s09__eyebrow {
		position: relative;
		display: block;
		height: 30px;
		font-size: 16px;
		line-height: 20px;
	}
	.desantis-residential-roofing .t02-s09__eyebrow span {
		position: absolute;
		top: 30px;
		left: 0;
		width: 110px;
	}
	.desantis-residential-roofing .t02-s09__header h2 {
		margin-top: 16px;
		font-size: var(--section-heading-font-size, 48px);
		line-height: var(--section-heading-line-height, 53px);
	}
	.desantis-residential-roofing .t02-s09__header h2 span {
		height: 61px;
		padding: 2px 13px 0;
	}
	.desantis-residential-roofing .t02-s09__intro {
		width: 650px;
		margin-top: 12px !important;
		font-size: 16px;
		line-height: 24px;
	}
	.desantis-residential-roofing .t02-s09__process {
		position: absolute;
		top: 350px;
		left: 0;
		display: block;
		width: 1024px;
		height: 840px;
		margin: 0;
	}
	.desantis-residential-roofing .t02-s09__path {
		top: 62px;
		left: 350px;
		display: block;
		width: 324px;
		height: 630px;
		background: url("../images/residential-sections-06-09/s09-path-tablet.svg") center / 100% 100% no-repeat;
	}
	.desantis-residential-roofing .t02-s09__path path { display: none; }
	.desantis-residential-roofing .t02-s09__step {
		position: absolute;
		width: 390px;
		height: 170px;
	}
	.desantis-residential-roofing .t02-s09__step:nth-of-type(1) { top: 0; left: 430px; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(2) { top: 210px; left: 80px; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(3) { top: 420px; left: 430px; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(4) { top: 630px; left: 80px; }
	.desantis-residential-roofing .t02-s09__visual {
		position: absolute;
		top: 0;
		width: 128.681px;
		height: 128.681px;
	}
	.desantis-residential-roofing .t02-s09__step:nth-of-type(odd) .t02-s09__visual { left: 0; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(even) .t02-s09__visual { left: 386px; }
	.desantis-residential-roofing .t02-s09__visual img {
		inset: 0;
		width: 128.681px;
		height: 128.681px;
	}
	.desantis-residential-roofing .t02-s09__orb,
	.desantis-residential-roofing .t02-s09__visual::after { display: none; }
	.desantis-residential-roofing .t02-s09__step-heading {
		display: block;
		width: 310px;
		min-height: 0;
	}
	.desantis-residential-roofing .t02-s09__step:nth-of-type(odd) .t02-s09__step-heading,
	.desantis-residential-roofing .t02-s09__step:nth-of-type(odd) > p { margin-left: 195px; }
	.desantis-residential-roofing .t02-s09__step-heading > span {
		display: block;
		font-size: 24px;
		line-height: 28px;
	}
	.desantis-residential-roofing .t02-s09__number-short { display: none; }
	.desantis-residential-roofing .t02-s09__number-padded { display: inline; }
	.desantis-residential-roofing .t02-s09__step-heading h3 {
		width: 310px;
		padding: 8px 0 0;
		font-size: 20px;
		line-height: 26px;
	}
	.desantis-residential-roofing .t02-s09__step > p {
		width: 310px;
		margin-top: 16px;
		font-size: 15px;
		line-height: 22px;
	}
}

@media (max-width: 1023px) {
	.desantis-residential-roofing .t02-s06 {
		height: 1840px;
		background: #f4f9fc;
	}
	.desantis-residential-roofing .t02-s06__shell {
		width: 390px;
		height: 1840px;
		min-height: 1840px;
		padding: 0;
		background: #f4f9fc;
	}
	.desantis-residential-roofing .t02-s06__header {
		position: absolute;
		top: 42px;
		left: 0;
		width: 390px;
		transform: none;
	}
	.desantis-residential-roofing .t02-s06__eyebrow {
		gap: 14px;
		height: 17px;
		font-size: 13px;
		line-height: 17px;
	}
	.desantis-residential-roofing .t02-s06__eyebrow span { width: 60px; }
	.desantis-residential-roofing .t02-s06__header h2 {
		margin-top: 17px;
		font-size: var(--section-heading-font-size, 38px);
		line-height: var(--section-heading-line-height, 42px);
	}
	.desantis-residential-roofing .t02-s06__header h2 span {
		height: 50px;
		padding: 1px 11px 0;
	}
	.desantis-residential-roofing .t02-s06__header > p:last-child {
		width: 334px;
		margin: 22px auto 0;
		font-size: 15px;
		line-height: 22px;
	}
	.desantis-residential-roofing .t02-s06__header br { display: none; }
	.desantis-residential-roofing .t02-s06__slider {
		position: absolute;
		top: 310px;
		left: 0;
		width: 390px;
		height: 690px;
		margin: 0;
	}
	.desantis-residential-roofing .t02-s06__viewport {
		left: 20px;
		width: 350px;
		height: 690px;
		transform: none;
		border-radius: 18px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
	}
	.desantis-residential-roofing .t02-s06__copy {
		top: 30px;
		left: 24px;
		width: 302px;
	}
	.desantis-residential-roofing .t02-s06__meta { font-size: 11px; line-height: 15px; }
	.desantis-residential-roofing .t02-s06__copy h3 {
		width: 302px;
		margin-top: 12px;
		font-size: 25px;
		line-height: 29px;
	}
	.desantis-residential-roofing .t02-s06__description {
		width: 302px;
		margin-top: 14px !important;
		font-size: 14px;
		line-height: 20px;
	}
	.desantis-residential-roofing .t02-s06__gallery {
		top: 250px;
		left: 25px;
		width: 300.3px;
		height: 293.3px;
	}
	.desantis-residential-roofing .t02-s06__photo--hero { inset: 0 34.97% 35.08% .23%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--barkwood { inset: 0 0 69.69% 70.4%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--weathered { inset: 34.61% 0 35.08% 70.4%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--mission { inset: 69.69% 70.4% 0 0; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--shakewood { inset: 69.69% 35.2% 0 35.2%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__photo--hickory { inset: 69.69% 0 0 70.4%; width: auto; height: auto; }
	.desantis-residential-roofing .t02-s06__arrow {
		top: 610px;
		width: 48px;
		height: 48px;
		padding: 0;
		border: 1px solid #bd312b;
		border-radius: 50%;
		background: var(--color-white);
		box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
		font-size: 0;
	}
	.desantis-residential-roofing .t02-s06__arrow::before { color: #bd312b; font: 500 28px/1 Arial, sans-serif; }
	.desantis-residential-roofing .t02-s06__arrow--prev { left: 34px; }
	.desantis-residential-roofing .t02-s06__arrow--next { right: 34px; }
	.desantis-residential-roofing .t02-s06__arrow--prev::before { content: "‹"; }
	.desantis-residential-roofing .t02-s06__arrow--next::before { content: "›"; }
	.desantis-residential-roofing .t02-s06__arrow img { display: none; }
	.desantis-residential-roofing .t02-s06__counter {
		position: absolute;
		top: 645px;
		left: 50%;
		display: block;
		width: 8px;
		height: 8px;
		transform: translateX(-50%) rotate(45deg);
		background: #bd312b;
		color: transparent;
		font-size: 0;
	}
	.desantis-residential-roofing .t02-s06__guide {
		position: absolute;
		top: 1050px;
		left: 0;
		width: 390px;
		height: 790px;
		margin: 0;
	}
	.desantis-residential-roofing .t02-s06__book {
		top: 0;
		left: 20px;
		width: 350px;
		height: 279px;
	}
	.desantis-residential-roofing .t02-s06__guide-copy {
		top: 315px;
		left: 20px;
		width: 350px;
	}
	.desantis-residential-roofing .t02-s06__guide-eyebrow {
		display: block;
		width: 350px;
		color: #a37845;
		font-size: 11px;
		font-weight: 700;
		line-height: 15px;
		text-transform: uppercase;
	}
	.desantis-residential-roofing .t02-s06__guide-copy h3 {
		width: 350px;
		margin-top: 14px;
		font-size: 26px;
		line-height: 30px;
	}
	.desantis-residential-roofing .t02-s06__guide-copy > p:not(.t02-s06__guide-eyebrow) {
		width: 350px;
		font-size: 14px;
		line-height: 20px;
	}
	.desantis-residential-roofing .t02-s06__guide-copy > p:first-of-type { margin-top: 16px; }
	.desantis-residential-roofing .t02-s06__guide-copy > p:nth-of-type(2) { margin-top: 16px; }
	.desantis-residential-roofing .t02-s06__guide-copy > p:last-of-type { width: 350px; margin-top: 15px; }
	.desantis-residential-roofing .t02-s06__form {
		gap: 12.9px;
		width: 346.58px;
		height: 180.6px;
		margin-top: 35px;
		padding: 23.22px;
		border-radius: 8.6px;
		box-shadow: 0 0 17.2px rgba(0, 0, 0, .15);
	}
	.desantis-residential-roofing .t02-s06__form label,
	.desantis-residential-roofing .t02-s06__form input,
	.desantis-residential-roofing .t02-s06__form button { width: 300.14px; height: 34.4px; }
	.desantis-residential-roofing .t02-s06__form input { font-size: 11.83px; line-height: 17.75px; }
	.desantis-residential-roofing .t02-s06__form button { font-size: 13.76px; line-height: 32.4px; }

	.desantis-residential-roofing .t02-s09 { height: 1500px; }
	.desantis-residential-roofing .t02-s09__shell {
		width: 390px;
		height: 1500px;
		min-height: 1500px;
		padding: 0;
	}
	.desantis-residential-roofing .t02-s09__header {
		position: absolute;
		top: 42px;
		left: 20px;
		width: 350px;
	}
	.desantis-residential-roofing .t02-s09__eyebrow {
		gap: 13px;
		height: 17px;
		font-size: 13px;
		line-height: 17px;
	}
	.desantis-residential-roofing .t02-s09__eyebrow span { width: 42px; }
	.desantis-residential-roofing .t02-s09__header h2 {
		margin-top: 23px;
		font-size: var(--section-heading-font-size, 37px);
		line-height: var(--section-heading-line-height, 41px);
	}
	.desantis-residential-roofing .t02-s09__header h2 span {
		height: 45px;
		padding: 0 8px;
	}
	.desantis-residential-roofing .t02-s09__intro {
		width: 350px;
		margin-top: 20px !important;
		font-size: 15px;
		line-height: 22px;
	}
	.desantis-residential-roofing .t02-s09__process {
		position: absolute;
		top: 330px;
		left: 0;
		display: block;
		width: 390px;
		height: 1120px;
		margin: 0;
	}
	.desantis-residential-roofing .t02-s09__path {
		top: 55px;
		left: 0;
		display: block;
		width: 150px;
		height: 825px;
		background: url("../images/residential-sections-06-09/s09-path-mobile.svg") center / 100% 100% no-repeat;
	}
	.desantis-residential-roofing .t02-s09__path path { display: none; }
	.desantis-residential-roofing .t02-s09__step {
		position: absolute;
		left: 15px;
		width: 355px;
		height: 220px;
	}
	.desantis-residential-roofing .t02-s09__step:nth-of-type(1) { top: 0; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(2) { top: 275px; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(3) { top: 550px; }
	.desantis-residential-roofing .t02-s09__step:nth-of-type(4) { top: 825px; }
	.desantis-residential-roofing .t02-s09__visual {
		position: absolute;
		top: 0;
		left: 0;
		width: 110.298px;
		height: 110.298px;
	}
	.desantis-residential-roofing .t02-s09__visual img {
		inset: 0;
		width: 110.298px;
		height: 110.298px;
	}
	.desantis-residential-roofing .t02-s09__orb,
	.desantis-residential-roofing .t02-s09__visual::after { display: none; }
	.desantis-residential-roofing .t02-s09__step-heading {
		display: block;
		width: 240px;
		min-height: 0;
		margin-left: 130px;
	}
	.desantis-residential-roofing .t02-s09__step-heading > span {
		display: block;
		font-size: 33px;
		line-height: 36px;
	}
	.desantis-residential-roofing .t02-s09__number-short { display: none; }
	.desantis-residential-roofing .t02-s09__number-padded { display: inline; }
	.desantis-residential-roofing .t02-s09__step-heading h3 {
		width: 240px;
		padding: 6px 0 0;
		font-size: 24px;
		line-height: 28px;
	}
	.desantis-residential-roofing .t02-s09__step > p {
		width: 225px;
		margin: 14px 0 0 130px;
		font-size: 14px;
		line-height: 20px;
	}
}