/*------------------------------------*\
    HERO CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */



/*------------------------------------*\
    END HERO CSS
\*------------------------------------*/

/*------------------------------------*\
    GET TO KNOW CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */

.section.section-select {
   padding-bottom: 150px;
}

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

@media only screen and (max-width: 734px) {
   .section.section-select {
      padding-bottom: 90px;
   }
}

.section.section-augment {
   padding-bottom: 150px;
}

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

@media only screen and (max-width: 734px) {
   .section.section-augment {
      padding-bottom: 90px;
   }
}


.feature-card-modal.values .modal-tile-absolute-caption {
    top: 39%;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1068px) {
    .feature-card-modal.values .modal-tile-absolute-caption {
    	top: 35%;
    	padding-top: 20px;
    	padding-bottom: 20px;
	}
}

@media only screen and (max-width: 734px) {
    .feature-card-modal.values .modal-tile-absolute-caption {
        top: 25%;
    }
}

@media only screen and (min-width: 735px) {
    #feature-card-5 .feature-card-content .feature-card-image-container.image-bottom-center {
        bottom: -25px;
    }
}

.section-select .product-tile-ctas .button+a, .section-select .product-tile-ctas .product-tile-current+a, .section-select .product-tile-ctas a+a, .section-select .product-tile-ctas button+a {
    margin-inline-start: 21px;
}

@media (max-width: 734px) {
    .section-select .product-tile-ctas .button+a, .section-select .product-tile-ctas .product-tile-current+a, .section-select .product-tile-ctas a+a, .section-select .product-tile-ctas button+a {
        margin-inline-start: 13px;
    }
}

/*------------------------------------*\
    END GET TO KNOW CSS
\*------------------------------------*/

/*------------------------------------*\
    COMPARE CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */



@media only screen and (max-width: 1068px) {
    .product-tile-product-macpro .product-tile-ctas {
        margin-top: 13px;
    }
}

@media only screen and (max-width: 734px) {
    .product-tile-product-macpro .product-tile-ctas {
        margin-top: 19px;
    }
}

/*------------------------------------*\
    END COMPARE CSS
\*------------------------------------*/

/*------------------------------------*\
    WHY APPLE CSS
\*------------------------------------*/



/* SCREENS */


/* LOCAL FIXES */



/*------------------------------------*\
    END WHY APPLE CSS
\*------------------------------------*/

/*------------------------------------*\
    MAC ESSENTIALS CSS
\*------------------------------------*/



/* MAC ESSENTIALS HALF WIDTH */
/* SCREENS */
/* LOCAL FIXES */
/* END MAC ESSENTIALS HALF WIDTH */


/* STUDIO DISPLAY */
/* SCREENS */
/* LOCAL FIXES */
/* END STUDIO DISPLAY */



/*------------------------------------*\
    END MAC ESSENTIALS CSS
\*------------------------------------*/