/*fix icon positin down*/
.icon-wrapper .icon,.icon-wrapper .more::after,.icon-wrapper .icon-before::before,.icon-wrapper .icon-after::after {
    position: relative;
}

br.show-only-for-xsmall {display: none}
@media only screen and (max-width: 320px) {html[lang=zh-TW] br.show-only-for-xsmall {display: block}}

/* fix hey-siri-dinner cut on small*/
@media only screen and (max-width: 734px){
	.section-intercom .intercom .intercom-utterances .hey-siri-dinner{
		top: -20px
	}
}

/*fix siri no width*/
.section-hero .hero-callouts{
	min-width: 100%;
}

.section-sound .header-container{
	min-width: 100%;
}

/*fix siri assistant positin on small*/
@media only screen and (max-width: 734px){
	.section-assistant .header-container{
		align-items: baseline;
	}
}

/*fix intercom siri position*/
.section-intercom .intercom .intercom-pictures .hey-siri-game{
	left: 195px;
}

.section-intercom .intercom .intercom-pictures .hey-siri-dinner{
	left: 210px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .hey-siri-game {
        left: -29px;
    }

    .section-intercom .intercom .intercom-pictures .hey-siri-dinner{
		left: -29px;
	}
}

@media only screen and (max-width: 734px){
    .modal-standard .content-padding .modal-callout-copy{
        width: 90%;
    }
}

html.no-js .section-sound .modal-homepod-content .modal-callout-copy{
    width: 90%;
}


/*fix Intelligent assistant content short for no js*/
@media only screen and (max-width: 734px) {
    html.no-js .section-assistant .sticky-wrapper {
        top: 411px;
    }
}

/* kkbox start */
.section-assistant .hey-siri-phrases .overview-icon-kkbox {
    display: block;
    width: 76px;
    height: 76px;
    position: relative;
    left: 50%;
    margin-left:-38px
}

@media only screen and (max-width: 734px) {
    .section-assistant .hey-siri-phrases .overview-icon-kkbox {
        display: block;
        width: 58px;
        height:58px
    }
}

@media only screen and (max-width: 734px) {
    .section-assistant .hey-siri-phrases .overview-icon-kkbox {
        left: 50%;
        margin-left:-29px
    }
}
/* kkbox end */



/*  20211011 update  */
.section-intercom .intercom .intercom-pictures .room-label.den-label-position {
    left: 16px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .room-label.den-label-position {
        left:12px
    }
}

@media only screen and (max-width: 734px) {
    .section-intercom .intercom .intercom-pictures .room-label.den-label-position {
        left:5px
    }
}

.section-intercom .intercom .intercom-pictures .room-label.kids-room-label-position {
    left: 14px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .room-label.kids-room-label-position {
        left:12px
    }
}

@media only screen and (max-width: 734px) {
    .section-intercom .intercom .intercom-pictures .room-label.kids-room-label-position {
        left:5px
    }
}


.section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
    left: 22px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
        left:18px
    }
}

@media only screen and (max-width: 734px) {
    .section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
        left:10px
    }
}

.section-intercom .intercom .intercom-pictures .room-label.livingroom-label-position {
    left: 19px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .room-label.livingroom-label-position {
        left:17px
    }
}

@media only screen and (max-width: 734px) {
    .section-intercom .intercom .intercom-pictures .room-label.livingroom-label-position {
        left:27px
    }
}
/*  20211011 update end  */

/*fix siri no width*/
@media only screen and (max-width: 320px) {
    .section-hero .hero-bottom {
        display: block;
    }
}

/*  fixed watch the film position start  */
.section-hero .hero-container-pictures {
    position: relative;
    width: 100%;
    margin-top: -370px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-container-pictures {
        margin-top: -200px;
        margin-bottom:124px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-container-pictures {
        margin-top: -16vw;
        margin-bottom: 35px;
        --action-bar-height: 64px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction:column
    }
}
/*  fixed watch the film position end  */

/* xsmall center start */
@media only screen and (max-width: 320px) {
	html[lang=zh-TW] .cxs_00{
		padding-left: 0em;
	}
	html[lang=zh-TW] .cxs_04{
		padding-left: 0.4em;
	}
	html[lang=zh-TW] .cxs_05{
		padding-left: 0.5em;
	}
	html[lang=zh-TW] .cxs_06{
		padding-left: 0.6em;
	}
}
/* xsmall center end */

/* font weight 600 start */
.typography-homepod-headline {
    font-weight: 600;
    
}

.typography-hero-callout {
    font-weight: 600;    
}

.typography-hero-intro {
    font-weight: 600;    
}

.typography-hero-price {
    font-weight: 600;    
}

.typography-homepod-title {
    font-weight: 600;    
}

.typography-homepod-headline-reduced {
    font-weight: 600;    
}

.typography-carplay-headline {
    font-weight: 600;    
}

.typography-heysiri-intercom {
    font-weight: 600;    
}

@media only screen and (max-width: 734px) {
    .typography-router-ar-headline {
        font-weight: 600;        
    }
}

@media only screen and (max-width: 734px) {
    .typography-router-promo-headline {
        font-weight: 600;        
    }
}
/* font weight 600 end */

.section-router .router.router-promo-small{
    display:none
}
@media only screen and (max-width: 734px) {
    .section-router .router.router-promo-small{
    display:block
    }
    .section-router .router.router-promo-large{
     display:none
   }
}