@media only screen and (min-width: 735px) {
    .headline-center-ll {
        position: absolute;
    }
}
@media only screen and (max-width: 735px) {
    .headline-center-ll {
        position: relative;
    }
}
@media only screen and (max-width: 1068px) {
    /* .page-overview .section-hero .section-copy {
    max-width: 35rem;
    } */
}

@media only screen and (min-width: 1068px) {
    .headline-center-ol {
        position: absolute;
    }
}
@media only screen and (max-width: 1068px) {
    .headline-center-ol {
        position: relative;
    }
}

.page-overview .gallery .gallery-item .card .typography-eyebrow .offset-left {
    margin-left: 64px;
}

@media screen and (max-width: 1068px) {
    .page-overview .gallery .gallery-item .card .typography-eyebrow .offset-left {
        margin-left: 49px;
    }
}

@media screen and (max-width: 735px) {
    .page-overview .gallery .gallery-item .card .typography-eyebrow .offset-left {
        margin-left: 51px;
    }
}


.page-overview .overview-logo-business {
    --p-width: 66px;
}

@media only screen and (max-width:1068px) and (max-width:1068px) {
    .page-overview .overview-logo-business {
        --p-width: 55px;
    }
}

.page-overview .overview-mac-for-smb {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 426px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .page-overview .overview-mac-for-smb {
        --p-width: 692px;
        --p-height: 300px;
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .overview-mac-for-smb {
        --p-width: 280px;
        --p-height: 196px;
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .vision-pro-cards-video-container {
        height: 196px;
    }
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .page-overview .overview-hub-success-story-business{
        --p-height: 300px;
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .overview-hub-success-story-business{
        --p-height: 196px;
    }
}

@media only screen and (max-width: 734px) {
    #hub-gallery-item-1 .typography-eyebrow,
    #hub-gallery-item-3 .typography-eyebrow{
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 1068px) and (min-width:735px) {
    .gallery-item .video-item-image {
        height: 286px;
    }
}

/*SMB tile HL style*/
.typography-headline-reduced .sf {
    font-family:SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.gap-size {
	font-size: 28px;
}
@media only screen and (max-width: 734px) {
	.gap-size {
		font-size: 22px;
	}
}