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



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


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

/* Ribbon */

/* Hero */


.section-hero .hero-headline {
    gap: 20px;
    min-height:102px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline {
        gap: 10px;
        min-height:0;
    }
}

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

/* End hero */


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


.section-compare .scroll-gallery .gallery-item {
	--item-width: 274px;
}

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

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

@media (max-width:375px) {
	.section-compare .compare-table .compare-column {
		position: relative;
		width: 273px;
	}
}

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

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

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

.section-do-more .accordion-content-paragraph .do-more-subsection, .section-do-more .accordion-content-paragraph .links-stacked {
	max-width: 558px;
}

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