/* LAYOUT */
.section-tiles .tile-content .tile-siri {
    min-height: 220px;
}

@media only screen and (max-width: 1068px) {
    .section-tiles .tile-content .tile-siri {
        min-height: 140px;
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .tile-content .tile-siri {
        min-height: 160px;
    }
    .section-tiles .tile-content .tile-siri .tile-copy {
        margin-bottom: 0px;
    }

}


@media only screen and (min-width: 1068px) {
    .section-ecosystem .devices {
        justify-content: space-between;
        width: 100%;
        margin-left: 110px;
        position: relative;
    }
    .section-ecosystem .devices .icon{
        width: 33.33%;
    }
    .section-ecosystem .icon-iphone .icon-wrapper{
        margin-left: 23px;
    }
    .section-ecosystem .icon-ipad .icon-wrapper{
        margin-left: 29px;
    }
    .section-ecosystem .icon-carplay .icon-wrapper{
        margin-left: 38px;
    }
    .section-ecosystem .icon-watch .icon-wrapper{
        margin-left: 8px;
    }
    .section-ecosystem .icon-tv .icon-wrapper{
        margin-left: 33px;
    }
}
@media only screen and (min-width: 735px) and (max-width: 1067px){
    .section-ecosystem .icon{
        overflow: visible;
    }
    .section-ecosystem .devices {
        justify-content: space-between;
        width: 100%;
        margin-left: 110px;
        position: relative;
    }
    .section-ecosystem .devices .icon{
        width: 33.33%;
    }
    .section-ecosystem .icon-wrapper {
        margin-right: 75px;
    }
    .section-ecosystem .icon-ipad .icon-wrapper {
        margin-left: 10px;
    }
    .section-ecosystem .icon-tv .icon-wrapper{
        margin-left: 11px;
    }
    .section-ecosystem .icon-watch .icon-wrapper{
        margin-left: -20px;
    }
    
}
@media only screen and (max-width: 734px) {
    .section-ecosystem .icon-wrapper {
        margin-right: 0;
    }
    .section-ecosystem .icon-ipad .icon-wrapper {
        margin-right: 0;
    }
    .section-ecosystem .icon-tv .icon-wrapper{
        margin-right: 0;
    }
}

.empty-grid {
    display: none;
}
.typography-tile-copy,
.typography-section-copy{
    line-height: 1.3;
}
@media only screen and (max-width: 1068px){
    .typography-tile-copy,
    .typography-section-copy{
        line-height: 1.35;
    }
}
@media only screen and (max-width: 734px){
    .typography-tile-copy,
    .typography-section-copy{
        line-height: 1.6;
    }
}
.typography-section-headline{
    line-height: 1.15;
}
@media only screen and (max-width: 1068px){
    .typography-section-headline{
        line-height: 1.2;
    }
}
@media only screen and (max-width: 734px){
    .typography-section-headline{
        line-height: 1.1;
    }
}
.typography-tile-headline{
    line-height: 1.16;
}
@media only screen and (max-width: 1068px){
    .typography-tile-headline{
        line-height: 1.1;
    }
}

@media only screen and (max-width: 734px) {
    .empty-grid {
        display: block;
        width: 155px;
    }
}

div[data-analytics-section-engagement="name:siri"] .tile-content {
    padding: 140px 8.33333%;
}

.icon-wrapper .icon, .icon-wrapper .icon-after:after, .icon-wrapper .icon-before:before, .icon-wrapper .more:after {
    position: relative;
}

.icon-after:after, .more:after {
    top: -0.08em;
}

.section-hero.build-in .hero-headline, .typography-hero-callout {
    line-height: 1.175;
}

@media only screen and (max-width: 734px) {
    .section-tiles .tile-content .tile-siri .tile-copy {
        margin-bottom: 0px;
        margin-top: 26px;
    }
}

@media only screen and (max-width: 365px) {
    .section-tiles .tile-content .tile-siri .tile-copy {
        margin-top: 0;
    }
}

.section-ecosystem .icon-watch .icon-wrapper {
    width: 147px;
}

@media only screen and (max-width: 1068px) {
    .section-ecosystem .icon-watch .icon-wrapper {
        width: 112px;
    }
}

.section-ecosystem .section-content {
    width: 1020px;
}

@media only screen and (max-width: 1068px) {
    .section-ecosystem .section-content {
        width: 694px;
    }

    .section-ecosystem .icon-watch .icon-wrapper {
        width: 116px;
    }
}

@media only screen and (max-width: 734px) {
    .section-ecosystem .section-content {
        width: 87.5%;
    }

    .section-ecosystem .icon-watch .icon-wrapper {
        width: 155px;
    }

    .empty-grid-inner {
        width: 155px;
    }
}

@media only screen and (max-width: 365px) {
    .section-ecosystem .icon-watch .icon-wrapper {
        width: 135px;
    }

    .empty-grid-inner {
        width: 135px;
    }
}

div[data-analytics-section-engagement="siri"] .tile-content {
    padding: 140px 7.33333%;
}