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

.section-routers .accent-green:before {
    width:203px;
    height:55px;
    background-size:203px 55px;
    background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_large.png);
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-routers .accent-green:before {
        background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_large_2x.png);
    }
}
@media only screen and (max-width:1068px) {
    .section-routers .accent-green:before {
        width:166px;
        height:45px;
        background-size:166px 45px;
        background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_medium.png);
    }
}
@media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-routers .accent-green:before {
        background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_medium_2x.png);
    }
}
@media only screen and (max-width:734px) {
    .section-routers .accent-green:before {
        width:135px;
        height:32px;
        background-size:135px 32px;
        background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_small.png);
    }
}
@media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-routers .accent-green:before {
        background-image:url(/fi/mac-pro/images/overview/routers/environment_highlight__e9lowmb3ghui_small_2x.png);
    }
}





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




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

.section-routers .router-item-environment .accent-green:before {
    bottom: -5px;
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item-environment .accent-green:before {
        bottom: -2px;
        left: -4px;
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item-environment .accent-green:before {
        bottom: -2px;
        left: -2px;
    }
}

@media only screen and (max-width:734px) {
    .subsection-slots .pin-caption span {
        font-size: 12px;
    }
}



.modal-contents .modal-picture-mx-ultra-arrive {
    margin-bottom: 35px;
}

@media only screen and (max-width:1068px) {
    .modal-contents .modal-picture-mx-ultra-arrive {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width:734px) {
    .modal-contents .modal-picture-mx-ultra-arrive {
        margin-bottom: 20px;
    }
}

.section-pro-apps .section-gallery .pro-apps-gallery .item-container .gallery-item .gallery-item-container .gallery-item-label {
    width: 100%;
    text-align: left;
    margin-left: 97px;
    margin-top: 30px;
    z-index: 1;
}

.section-compare .grid-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
    margin-bottom: 134px;
    grid-template-columns: 196px minmax(0,130px) 193px minmax(0,127px) 200px;
    grid-template-areas: "mac-mini-hw 					.	mac-studio-hw 					.	mac-pro-hw" "mac-mini-swatch 				.	mac-studio-swatch 				.	mac-pro-swatch" "mac-mini-headline 				.	mac-studio-headline  			.	mac-pro-headline" "mac-mini-pricing 				.	mac-studio-pricing 				.	mac-pro-pricing" "mac-mini-processor 			.	mac-studio-processor 			.	mac-pro-processor" "mac-mini-cpu 					.	mac-studio-cpu 					.	mac-pro-cpu" "mac-mini-gpu 					.	mac-studio-gpu 					.	mac-pro-gpu" "mac-mini-memory 				.	mac-studio-memory 				.	mac-pro-memory" "mac-mini-storage 				.	mac-studio-storage 				.	mac-pro-storage" "mac-mini-apple-intelligence	.	mac-studio-apple-intelligence	.	mac-pro-apple-intelligence" "mac-mini-btn 					.	mac-studio-btn 					.	mac-pro-btn" "mac-mini-cta					.	mac-studio-cta 					.	mac-pro-cta";
}

@media only screen and (max-width: 1068px) {
    .section-compare .grid-container {
        max-width: 640px;
        grid-template-columns: 150px minmax(0, 89px) 166px minmax(0, 83px) 152px;
        padding: 0;
        margin-bottom:62px
    }
}

@media only screen and (max-width:734px) {
    .section-compare .grid-container {
        margin-bottom: 84px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-areas: "mac-mini-hw 					mac-studio-hw" "mac-mini-swatch 				mac-studio-swatch" "mac-mini-headline 				mac-studio-headline" "mac-mini-pricing 				mac-studio-pricing" "mac-mini-processor 			mac-studio-processor" "mac-mini-cpu 					mac-studio-cpu" "mac-mini-gpu 					mac-studio-gpu" "mac-mini-memory 				mac-studio-memory" "mac-mini-storage 				mac-studio-storage" "mac-mini-apple-intelligence	mac-studio-apple-intelligence" "mac-mini-btn 					mac-studio-btn" "mac-mini-cta					mac-studio-cta" ".								." "mac-pro-hw						." "mac-pro-swatch					." "mac-pro-headline  				." "mac-pro-pricing    			." "mac-pro-processor		." "mac-pro-cpu					." "mac-pro-gpu					." "mac-pro-memory					." "mac-pro-storage				." "mac-pro-apple-intelligence				." "mac-pro-btn					." "mac-pro-cta 					.";
        max-width: 320px;
    }
}

html.text-zoom .section-compare .grid-container {
    margin-bottom: 84px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "mac-mini-hw 					mac-studio-hw" "mac-mini-swatch 				mac-studio-swatch" "mac-mini-headline 				mac-studio-headline" "mac-mini-pricing 				mac-studio-pricing" "mac-mini-processor 			mac-studio-processor" "mac-mini-cpu 					mac-studio-cpu" "mac-mini-gpu 					mac-studio-gpu" "mac-mini-memory 				mac-studio-memory" "mac-mini-storage 				mac-studio-storage" "mac-mini-btn 					mac-studio-btn" "mac-mini-cta					mac-studio-cta" ".								." "mac-pro-hw						." "mac-pro-swatch					." "mac-pro-headline  				." "mac-pro-pricing    			." "mac-pro-processor				." "mac-pro-cpu					." "mac-pro-gpu					." "mac-pro-memory					." "mac-pro-storage				"mac-mini-apple-intelligence	mac-studio-apple-intelligence" ." "mac-pro-apple-intelligence		." "mac-pro-btn					." "mac-pro-cta 					."
}

.section-compare .grid-container {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    max-width: 870px;
    margin-bottom: 84px;
    grid-template-columns: 244px 80px 244px 80px 1fr;
}

@media only screen and (max-width:1068px) {
    .section-compare .grid-container {
        max-width: 650px;
        width: 100%;
        grid-template-columns: 170px 68px 170px 68px 1fr;
        padding: 0;
        margin-bottom: 64px;
    }
}

@media only screen and (max-width:734px) {
    .section-compare .grid-container {
        margin-bottom: 66px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        max-width: 320px;
    }
}

@media only screen and (max-width:1068px) {
    .section-max-width {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width:734px) {
    .section-max-width {
        max-width: calc(414px + 12.5%);
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
}
/*------------------------------------*\
    END LOCAL FIXES
\*------------------------------------*/
