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



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




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

.section-display .overview-display-pixel-density {
    width: 420px;
    height: 165px;
    left: 50%;
    margin-left: -210px;
    margin-top: 19px;
    margin-bottom: 0px
}

@media only screen and (max-width: 1068px) {
    .section-display .overview-display-pixel-density {
        width: 290px;
        height:135px
    }
}

@media only screen and (max-width: 734px) {
    .section-display .overview-display-pixel-density {
        display: block;
        width: 300px;
        height: 102px
    }
}

@media only screen and (max-width: 1068px) {
    .section-display .overview-display-pixel-density {
        left: 50%;
        margin-left: -146px
    }
}

@media only screen and (max-width: 734px) {
    .section-display .overview-display-pixel-density {
        left: 50%;
        margin-left:-150px
    }
}

@media only screen and (max-width: 734px) {
    .section-display .overview-display-pixel-density {
        margin-top:-45px
    }
}

.section-compare .column-content-flex-wrapper .content-wrapper .flex-header-wrapper {
    min-height: 308px;
}
@media only screen and (max-width: 1068px) {
    .section-compare .column-content-flex-wrapper .content-wrapper .flex-header-wrapper {
        min-height:245px
    }
}
@media only screen and (max-width: 734px) {
    .section-compare .column-content-flex-wrapper .content-wrapper .flex-header-wrapper {
        min-height:0
    }
}

@media only screen and (max-width: 734px) {
	.section-chip .grid-item-processor .grid-item-modal-trigger-wrap .button {
		max-width: 165px;
	}
}

@media only screen and (max-width: 734px) {
	.section-chip .grid-item-graphics .grid-item-modal-trigger-wrap .button {
		max-width: 175px;
	}
}

@media only screen and (max-width: 734px) {
	.section-chip .grid-item-efficiency .grid-item-modal-trigger-wrap .button {
		max-width: 185px;
	}
}

@media only screen and (max-width: 1068px) {
	.grid-item-battery .typography-headline-super {
		font-size: 48px;
	}
}
.grid-item-accessory .grid-item-header {
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 1068px) {
.section-hero .hero-cta-list {
flex-direction: column;
text-align: center;
margin-top: 30px;
}
}
@media only screen and (max-width: 1068px) {
.section-hero .hero-cta-item:nth-child(n+2)::before {
content: " ";
padding: 0;
}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-cta-item {
		line-height: 1.19048;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 734px) {
	.section-hero .hero-cta-item:first-of-type {
		line-height: 2.16;
	}
}
@media only screen and (max-width: 734px) {
	.section-hero .hero-cta-item:nth-of-type(2) {
		margin-bottom: 18px;
	}
}

html.quick-look-classic .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent), html.quick-look-modern .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent), html.quick-look-classic .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent), html.quick-look-modern .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent) {
	margin-left: 0;
}

html.quick-look-classic .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent)+li, html.quick-look-modern .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent)+li, html.quick-look-classic .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent)+li, html.quick-look-modern .section-hero .hero-cta-list li.is-dynamic.has-dynamic-content:not(.pricing-data-missing-parent)+li {
	margin-right: 0;
}

.section-router {
    margin-top: 145px;
}
@media only screen and (max-width: 1068px) {
    .section-router {
        margin-top: 150px;
    }
}

@media only screen and (max-width: 734px) {
	.section.section-compare .compare-table .cell.storage {
		width: 64%;
	}
}

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