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



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


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


/* Hero */

/* End hero */

.section-apple-for-college .apple-for-college-gallery {
    margin-inline: auto;
    width: 87.5vw;
    max-width: var(--section-max-width);
}

.section-apple-for-college .apple-for-college-gallery #trade-in h3 {
        max-width: 260px; 
}

.section-apple-for-college .apple-for-college-gallery .item-container {
    width: 100%;
    padding: 0;
}

@media (max-width:734px) {
    .section-apple-for-college .apple-for-college-gallery .item-container {
        width: 100%;
    }
}

.section-apple-for-college .apple-for-college-gallery .item-container {
    grid-template-columns: 1fr;
    margin: 0;
}

@media (max-width:734px) {
    .section-apple-for-college .apple-for-college-gallery .item-container {
        grid-template-columns: 1fr;
    }
}

.section-apple-for-college .apple-for-college-gallery .gallery-item {
    width: 100%;
}

.section-apple-for-college .apple-for-college-gallery .gallery-item .tile-content {
    align-items: center;
}

.section-apple-for-college .apple-for-college-gallery .gallery-item .tile-content h3,
.section-apple-for-college .apple-for-college-gallery .gallery-item .tile-content p {
    margin: 0 auto;
    text-align: center;
}


@media only screen and (max-width: 1068px) {
    .tabnav-item .button {
    	font-size: 12px;
	}
}
@media only screen and (max-width: 734px) {
    .tabnav-item .button {
        font-size: 14px
    }
}


/* COMPARE */
.section-compare .scroll-gallery .gallery-item {
	--item-width: 295px;
}

@media (max-width:734px) {
	.section-compare .scroll-gallery .gallery-item {
		--item-width: 252px;
	}
}

@media (max-width:375px) {
	.section-compare .compare-table .gallery-item {
		--item-width: 87.5vw;
	}
}

@media (max-width:375px) {
	.section-compare .compare-table #compare-pro-devices .compare-column {
		width: 257px;
	}
}

.section-compare #compare-mba-devices .product-tile-header .compare-image {
    width: 295px;
}

.section-compare {
    padding-bottom: 100px;
}

@media only screen and (max-width: 1068px) {
    .section-compare {
        padding-bottom: 80px;
    }
}

/* END COMPARE */

@media only screen and (max-width: 1068px) {
	.section-do-more .accordion-content-paragraph ol:not(.links-stacked) li, .section-do-more .accordion-content-paragraph ul:not(.links-stacked) li {
		max-width: 499px;
	}
}

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