/* hero start */
.section-hero {
    width: 1440px;
    height: 1071px;
    background-size: 1440px 1071px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/hero_large.jpg");
    background-position: 50% 50%;
    top: 0;
    max-width: 100%;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #fafafa;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-hero {
        background-image: url("/hk/apple-pay/octopus/images/hero_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .section-hero {
        width: 2560px;
        height: 1188px;
        background-size: 2560px 1188px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .section-hero {
        background-image: url("/hk/apple-pay/octopus/images/hero_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero {
        width: 1068px;
        height: 889px;
        background-size: 1068px 889px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero {
        background-image: url("/hk/apple-pay/octopus/images/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero {
        width: 736px;
        height: 695px;
        background-size: 736px 695px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero {
        background-image: url("/hk/apple-pay/octopus/images/hero_small_2x.jpg")
    }
}

@media only screen and (max-width: 320px) {
    .section-hero {
        width: 736px;
        height: 712px;
        background-size: 736px 712px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_xsmall.jpg")
    }
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 320px) and (min-resolution: 1.5dppx), only screen and (max-width: 320px) and (min-resolution: 144dpi) {
    .section-hero {
        background-image: url("/hk/apple-pay/octopus/images/hero_xsmall_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero {
        margin-top: 0px
    }
}
/* hero end */


/*octopus-evergreen*/
.section-hero.section-hero-evergreen {
    width: 1440px;
    height: 1071px;
    background-size: 1440px 1071px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_large.jpg");
    background-position: 50% 50%;
    top: 0;
    max-width: 100%;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #fafafa;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-hero.section-hero-evergreen {
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .section-hero.section-hero-evergreen {
        width: 2560px;
        height: 1188px;
        background-size: 2560px 1188px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .section-hero.section-hero-evergreen {
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero.section-hero-evergreen {
        width: 1068px;
        height: 889px;
        background-size: 1068px 889px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero.section-hero-evergreen {
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero.section-hero-evergreen {
        width: 736px;
        height: 695px;
        background-size: 736px 695px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero.section-hero-evergreen {
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_small_2x.jpg")
    }
}

@media only screen and (max-width: 320px) {
    .section-hero.section-hero-evergreen {
        width: 736px;
        height: 712px;
        background-size: 736px 712px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_xsmall.jpg")
    }
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 320px) and (min-resolution: 1.5dppx), only screen and (max-width: 320px) and (min-resolution: 144dpi) {
    .section-hero.section-hero-evergreen {
        background-image: url("/hk/apple-pay/octopus/images/octopus-evergreen/hero_xsmall_2x.jpg")
    }
}
/*end*/

/* hero apple pay logo start */
.section-hero .image-hero-logo {
    width: 109px;
    height: 46px;
    background-size: 109px 46px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_large.png");
    margin: 0 auto 8px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-hero .image-hero-logo {
        background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-hero-logo {
        width: 77px;
        height: 33px;
        background-size: 77px 33px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .image-hero-logo {
        background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .image-hero-logo {
        width: 64px;
        height: 28px;
        background-size: 64px 28px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero .image-hero-logo {
        background-image: url("/hk/apple-pay/octopus/images/hero_logo_transit_small_2x.png")
    }
}
/* hero apple pay logo end */

/* see-how-to-use start */
.section-moreways .hardware-iphone .image-taking-transit {
    width: 454px;
    height: 719px;
    background-size: 454px 719px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/taking_transit_large.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-moreways .hardware-iphone .image-taking-transit {
        background-image: url("/hk/apple-pay/octopus/images/taking_transit_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-moreways .hardware-iphone .image-taking-transit {
        width: 358px;
        height: 581px;
        background-size: 358px 581px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/taking_transit_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-moreways .hardware-iphone .image-taking-transit {
        background-image: url("/hk/apple-pay/octopus/images/taking_transit_medium_2x.png")
    }
}
/* image-taking-transit hide_for_small */

/* see-how-to-use end */

/* applicable devices start */ 

/* cashless start */
.section-cashless .subsection-hero {
    background-size: 1440px 671px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/cashless_large.jpg");
    background-size: cover;
    background-position: 50% 50%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-cashless .subsection-hero {
        background-image: url("/hk/apple-pay/octopus/images/cashless_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-cashless .subsection-hero {
        background-size: 1068px 672px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/cashless_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-cashless .subsection-hero {
        background-image: url("/hk/apple-pay/octopus/images/cashless_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-cashless .subsection-hero {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/cashless_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-cashless .subsection-hero {
        background-image: url("/hk/apple-pay/octopus/images/cashless_small_2x.jpg")
    }
}
/* cashles end */

/* security start */
.section-security {
    width: 1440px;
    height: 803px;
    background-size: 1440px 803px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/security_large.jpg");
    background-position: 50% 50%;
    top: 0;
    max-width: 100%;
    margin: 0 auto;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #fafafa
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-security {
        background-image: url("/hk/apple-pay/octopus/images/security_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .section-security {
        width: 2560px;
        height: 977px;
        background-size: 2560px 977px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/security_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .section-security {
        background-image: url("/hk/apple-pay/octopus/images/security_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-security {
        width: 1068px;
        height: 796px;
        background-size: 1068px 796px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/security_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-security {
        background-image: url("/hk/apple-pay/octopus/images/security_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-security {
        width: 736px;
        height: 466px;
        background-size: 736px 466px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/security_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-security {
        background-image: url("/hk/apple-pay/octopus/images/security_small_2x.jpg")
    }
}


/* security end */

/* video background images start */
#see-how-to-use .video-poster-content {
	width: 334px;
	height: 722px;
	background-size: 334px 722px;
	background-repeat: no-repeat;
	background-image: url("/hk/apple-pay/octopus/images/see_use_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #see-how-to-use .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/see_use_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
	#see-how-to-use .video-poster-content {
		width: 267px;
		height: 577px;
		background-size: 267px 577px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/see_use_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    #see-how-to-use .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/see_use_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
	#see-how-to-use .video-poster-content {
		width: 279px;
		height: 602px;
		background-size: 279px 602px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/see_use_small.jpg");
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    #see-how-to-use .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/see_use_small_2x.jpg")
    }
}

#how-to-add-new-octopus .video-poster-content {
	width: 334px;
	height: 722px;
	background-size: 334px 722px;
	background-repeat: no-repeat;
	background-image: url("/hk/apple-pay/octopus/images/add_new_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #how-to-add-new-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_new_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
	#how-to-add-new-octopus .video-poster-content {
		width: 267px;
		height: 577px;
		background-size: 267px 577px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/add_new_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    #how-to-add-new-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_new_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
	#how-to-add-new-octopus .video-poster-content {
		width: 279px;
		height: 602px;
		background-size: 279px 602px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/add_new_small.jpg");
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    #how-to-add-new-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_new_small_2x.jpg")
    }
}

#how-to-transfer-octopus .video-poster-content {
	width: 334px;
	height: 722px;
	background-size: 334px 722px;
	background-repeat: no-repeat;
	background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #how-to-transfer-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
	#how-to-transfer-octopus .video-poster-content {
		width: 267px;
		height: 577px;
		background-size: 267px 577px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    #how-to-transfer-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
	#how-to-transfer-octopus .video-poster-content {
		width: 279px;
		height: 602px;
		background-size: 279px 602px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_small.jpg");
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    #how-to-transfer-octopus .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/transfer_cotopus_small_2x.jpg")
    }
}

#how-to-add-funds .video-poster-content {
	width: 334px;
	height: 722px;
	background-size: 334px 722px;
	background-repeat: no-repeat;
	background-image: url("/hk/apple-pay/octopus/images/add_funds_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #how-to-add-funds .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_funds_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
	#how-to-add-funds .video-poster-content {
		width: 267px;
		height: 577px;
		background-size: 267px 577px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/add_funds_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    #how-to-add-funds .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_funds_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
	#how-to-add-funds .video-poster-content {
		width: 279px;
		height: 602px;
		background-size: 279px 602px;
		background-repeat: no-repeat;
		background-image: url("/hk/apple-pay/octopus/images/add_funds_small.jpg");
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    #how-to-add-funds .video-poster-content {
        background-image: url("/hk/apple-pay/octopus/images/add_funds_small_2x.jpg")
    }
}

/* video background images end */

/* applicable devices end */

/* spend start */
.section-spend .hardware-iphone .image-monitor-spend {
    width: 360px;
    height: 719px;
    background-size: 360px 719px;
    background-repeat: no-repeat;
    background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_large.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-spend .hardware-iphone .image-monitor-spend {
        background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .section-spend .hardware-iphone .image-monitor-spend {
        width: 293px;
        height: 581px;
        background-size: 293px 581px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_medium.png");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-spend .hardware-iphone .image-monitor-spend {
        background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .section-spend .hardware-iphone .image-monitor-spend {
        width: 294px;
        height: 583px;
        background-size: 294px 583px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_small.png");
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-spend .hardware-iphone .image-monitor-spend {
        background-image: url("/hk/apple-pay/octopus/images/monitor_your_spend_small_2x.png")
    }
}
/* spend end */