/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/



/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/



/*------------------------------------*\
   SNIPE FIXES
\*------------------------------------*/

/*----- PLAN SNIPES ------*/

.overview-plan-text-recover {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 110px;
    --p-height: 18px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-recover {
        --p-width: 60px;
        --p-height: 10px
    }
}

.overview-plan-text-design {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 133px;
    --p-height: 42px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-design {
        --p-width:73px;
        --p-height: 23px
    }
}

.overview-plan-text-use {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 43px;
    --p-height: 17px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-use {
        --p-width:24px;
        --p-height: 10px
    }
}

.overview-plan-text-make {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 138px;
    --p-height: 18px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-make {
        --p-width:76px;
        --p-height: 10px
    }
}

.overview-plan-text-package {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 153px;
    --p-height: 42px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-package {
        --p-width:83px;
        --p-height: 23px
    }
}

.plan-gallery .plan-item-label-shipping {
	margin-left: -75px;
}

@media only screen and (max-width: 734px) {
	.plan-gallery .plan-item-label-shipping {
		margin-left: -45px;
	}
}

.overview-text-approach {
    --p-width: 143px
}

.overview-text-approach,.overview-text-progress {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-height: 11px
}

.overview-text-progress {
    --p-width: 123px
}

.overview-text-approach,.overview-text-progress {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-height: 11px
}

/*--- END PLAN SNIPES ----*/


/*----- PRRODUCTS SNIPES ------*/

.overview-card-mba-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 280px;
    --p-height: 29px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-mba-text {
        --p-width:233px;
        --p-height: 24px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-mba-text {
        --p-width:160px;
        --p-height: 17px
    }
}

.overview-card-enclosure-text {
    --p-width: 287px;
    --p-height: 73px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-enclosure-text {
        --p-width:245px;
        --p-height: 132px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-enclosure-text {
        --p-width:122px;
        --p-height: 82px
    }
}


.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
    margin-block-start: 18px;
    margin-inline-start: 33px;
}
@media only screen and (max-width: 1068px) {
    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: 56px;
        margin-inline-start:58px
    }
}
@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-block-start: 0px;
		margin-inline-start: 36px;
	}
}

.section-products .tile-enclosure .tile-media .lottie-with-picture {
	margin-block-start: 47px;
	margin-inline-start: 92px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: -15px;
	}
}

.section-products .tile-enclosure .tile-copy {
	top: 223px;
	left: 286px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		left: 276px;
		top: 252px
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 166px;
    	left: 190px;
	}
}

.overview-card-case-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 199px;
    --p-height: 98px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-case-text {
        --p-width:172px;
        --p-height: 89px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-case-text {
        --p-width:141px;
        --p-height: 59px
    }
}

.section-products .tile-case .tile-copy {
    top: 679px;
    left: 339px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-case .tile-copy {
	 	top: 590px;
		left: 262px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-case .tile-copy {
	 	top: 436px;
    	left: 214px;
	}
}

/* PACKAGE AND SHIP */

.section-products .tile-packaging-shipping .tile-copy {
    inset:670px 0 0 316px;
}
@media only screen and (max-width: 1068px) {
    .section-products .tile-packaging-shipping .tile-copy {
        inset:600px 0 0 283px;
    }
}
@media only screen and (max-width: 734px) {
    .section-products .tile-packaging-shipping .tile-copy {
        inset:462px 0 0 197px;
    }
}

.section-products .tile-packaging-shipping .lottie-arrow {
	bottom: 185px;
	left: 34px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 175px;
		left: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 108px;
		left: 30px;
	}
}

.overview-card-packaging-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 400px;
    --p-height: 140px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-packaging-text {
        --p-width:224px;
        --p-height: 90px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-packaging-text {
        --p-width:210px;
        --p-height: 84px
     }
}

.section-products .tile-packaging-shipping .overview-card-packaging-text {
	margin-block-end: 64px;
    margin-left: 135px;
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-products .tile-packaging-shipping .overview-card-packaging-text {
		margin-block-end: 116px;
		margin-left: 0px;
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-products .tile-packaging-shipping .overview-card-packaging-text {
		margin-block-end: 41px;
		margin-left: 48px;
     }
}


.overview-card-iphone-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 387px;
    --p-height: 180px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-iphone-text {
        --p-width:308px;
        --p-height: 143px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-iphone-text {
        --p-width:233px;
        --p-height: 108px
    }
}

.overview-card-recover-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 289px;
    --p-height: 98px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-recover-text {
        --p-width:245px;
        --p-height: 89px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-recover-text {
        --p-width:176px;
        --p-height: 66px
    }
}

.section-products .tile-recovery .lottie-with-picture {
	top: 110px;
}

@media only screen and (max-width: 734px) {
	.section-products .tile-recovery .lottie-with-picture {
		top: 80px;
	}
}

.section-products .tile-recovery .overview-card-recover-text {
	padding-bottom: 25px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-recovery .overview-card-recover-text {
		padding-bottom: 41px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-recovery .overview-card-recover-text {
		padding-bottom: 33px;
	}
}

.overview-card-mac-mini-text {
    --p-width: 300px;
    --p-height: 97px;
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-mac-mini-text {
        --p-width: 226px;
        --p-height:80px
    }
}

.overview-card-mac-mini-illustration {
    --p-width: 319px;
    --p-height: 94px;
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-mac-mini-illustration {
        --p-width: 250px;
        --p-height:80px
    }
}


/* SHIPPING */

.section-products .tile-shipping .tile-copy {
	inset: 698px 0 0 373px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-shipping .tile-copy {
		inset: 642px 0 0 335px;
	}
}
@media only screen and (max-width: 734px) {
    .section-products .tile-shipping .tile-copy {
        inset:478px 0 0 220px
    }
}

.overview-card-shipping-text {
	--p-width: 346px;
	--p-height: 169px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-card-shipping-text {
		--p-width: 301px;
		--p-height: 139px;
	}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-shipping-text {
        --p-width: 181px;
        --p-height:87px;
    }
}

/*--- END PRRODUCTS SNIPES ----*/

@media only screen and (max-width:1068px)and (max-width:1068px) {
	.overview-text-trade-in {
		--p-width: 252px;
	}
}

/*------------------------------------*\
   END SNIPE FIXES
\*------------------------------------*/



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

@media only screen and (max-width: 734px)  {
	.section-hero .hero-headlines .hero-headline {
		max-width: 10ch;
	}
}

@media only screen and (max-width: 734px) {
    .plan-gallery .plan-item-label-make {
        margin-left: 90px;
    }
}

.section-more-to-give .tile {
	max-width: 759px;
}

@media only screen and (max-width:1068px) {
	.section-more-to-give .tile {
		max-width: 462px;
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/