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



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


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

/* Ribbon */


/* Hero */

.section-hero .hero-headline {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.section-hero .gradient-text {
    height: 105px;
}
@media only screen and (max-width: 1068px) {
	.section-hero .gradient-text {
    	height: 70px;
	}
}
@media only screen and (max-width: 734px) {
    .section-hero .gradient-text {
        height: 100px;
    }
}

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

@media (max-width:734px) {
    .section-hero .typography-hero-headline {
        font-size: 42px;
    }
}
/* End hero */

/* Compare */

.section-compare .compare-buttons .button:first-child {
    margin-inline-end: 0px;
}

.section-compare .compare-buttons .compare-column {
	flex-direction: column;
	gap: 13px;
}
.section-compare .compare-buttons .button:first-child {
	margin-inline-end: 0;
}

@media only screen and (max-width: 734px) {
	.section-compare .compare-buttons .compare-column {
    	gap: 15px;
	}
}

@media only screen and (min-width: 735px) {
	.section-compare .compare-buttons .button {
		min-width: 105px;
	}
}
.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) {
    .tabnav-item .button {
    	font-size: 12px;
	}
}
@media only screen and (max-width: 734px) {
    .tabnav-item .button {
        font-size: 14px
    }
}




/* BTS Banner */




/* COMPARE */

@media (max-width:734px) {
	.section-compare .compare-ipad-gallery .compare-pricing p {
		line-break: auto;
	}
}

.compare-pricing {
    min-height: 48px;
}

@media only screen and (max-width: 1068px) {
	.compare-pricing {
    min-height: 40px;
}
}

/* 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
\*------------------------------------*/