/*@media screen and (max-device-width: 360px) {*/
@media screen and (max-device-width: 767px) {
	#desktop-section{display: none}
	.reveal-img {
		opacity: 1 !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}

	/*banner*/
	.m-banner-wrap{height: 1300px;padding-bottom:90px;}
	#m-banner-container{position: sticky;top: 0;height: 720px;overflow: hidden;}
	.m-banner-content{
		text-align: center;
		margin-top: 113px;
		opacity: 0;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
		-webkit-transform: translateY(80px);
		-moz-transform: translateY(80px);
		-ms-transform: translateY(80px);
		-o-transform: translateY(80px);
		transform: translateY(80px);
	}
	.m-banner-title{font-size: 32px; color: #161414;font-family: Open Sans SemiBold;}
	.m-banner-separate{color:#BEBEBE;font-family: Open Sans}
	.m-banner-separate img{height: 32px;}
	.m-banner-text{font-size: 20px;color: #000000;}
	.m-banner-img-wrap{position: relative;}
	.m-banner-img{
		position: absolute;
		left: 0;
		margin: auto;
		width: 290px;
		top: 55px;
		right: 0;
		-webkit-transform: scale(1.4) translateY(140px);
		-moz-transform: scale(1.4) translateY(140px);
		-ms-transform: scale(1.4) translateY(140px);
		-o-transform: scale(1.4) translateY(140px);
		transform: scale(1.4) translateY(140px);
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}


	/*video home*/
	.m-videoHome-wrap{position: relative;background-color: black;}
	.m-videoHome-img{height: 720px;background-size: contain; width: 100%;background-position: center center;background-repeat: no-repeat; background-image: url("/WebB5/Bphone5-mb/bphonea-video-mb-bg.webp?1341234235235234234234");}
	#m-bphonea-video{display: none}
	.m-videoHome-play{width: 98px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;height: 98px;}
	.m-videoHome-content{text-align: center; position: absolute; top: 180px; left: 0; right: 0; color: #FFEDCF; font-family: Open Sans SemiBold;}
	.m-videoHome-content-head{font-size: 33px;text-align: center;line-height: 37px;font-family: Open Sans SemiBold;margin: auto;}
	.m-videoHome-content-text{font-size: 19px; opacity: 0.65;float: left;margin-top: -4px;line-height: 26px;font-family: Open Sans Semibold;}
	.m-videoHome-content-text-wrap{width: 140px; margin: auto;margin-top: 32px;}
	.m-videoHome-content-icon{float: left;margin-left: 5px}
	.m-videoHome-content-icon img{vertical-align: unset;}
	.m-videoHome-img-front img{max-width: 360px; margin: auto;position: absolute;top: 60px;left: 0;right: 0;} 

	/*aishoot*/
	.m-aishoot-relative{position: relative;z-index: 1;padding-top: 146px;background-color: black;}
	.m-aishoot-bg{position: relative;z-index: 2;}
	.m-aishoot-bg img{width: 100%}
	.m-aishoot-content{padding:0 24px; position: sticky; top: 170px;margin-bottom: 250px;}
	.m-aishoot-content-head{line-height:50px; color: #F5F5F7; font-size: 41px;max-width: 305px;font-family: Open Sans SemiBold;}
	.m-aishoot-content-text{color: #F5F5F7; font-size: 16px;max-width: 315px;margin-top: 18px; line-height: 25px}
	.m-aishoot-img-wrap{position: relative;padding-top: 115px;background: black;}
	.m-aishoot-img{width: 80%;margin: auto;position: absolute;top: 205px;left: 0;right: 0;z-index: 1;}
	.m-aishoot-img img{width: 100%;position: relative;z-index: -1;opacity: 0.5;}

	/*aicamera*/
	.m-aiCamera-sticky{position: sticky;top:0}
	.m-aiCamera-relative{position: relative;height: 1100px; max-width: 425px; margin: auto;z-index: 1;}
	.m-aiCamera-content{position: sticky;top: 0px;padding: 0 24px;margin-bottom: 500px;}
	.m-aiCamera-img-sticky{position: sticky; top:350px;z-index: 2;background-color: black;}
	.m-aiCamera-img{height: 443px; width: 360px;  background-repeat:no-repeat;background-position: right top;background-size: contain;}
	.m-aiCamera-img-focus{opacity: 0; height: 77px;width: 22px;background-repeat: no-repeat;background-position: right top;background-size: contain;position: absolute;top: 192px;right: 130px;}
	.m-aiCamera-head{line-height: 40px; font-family: Open Sans SemiBold;color:#F5F5F7 ;font-size: 33px; max-width: 275px;}
	.m-aiCamera-text{font-size: 16px;color: #F5F5F7;margin-top: 17px;max-width: 315px; line-height: 25px}
	#trigger-aiCamera-effect{position: relative; padding-top: 302px;background-color: black;}
	.m-aiCamera-content-wrap{position: sticky; top: 107px;}
	.m-aiCamera-macro-wrap{position: relative;margin-bottom: 170px;}

	/*macro*/
	.m-cameraTec-img{background-color: white;}
	#m-macro-img-wrap{position: sticky;top: 0;z-index: 2;}
	.m-cameraTec-wrap{max-width: 425px;margin: auto; background-color: white;z-index: 2;position: relative;}
	.m-cameraTec-content{padding: 0 24px;}
	.m-cameraTec-head{font-family: Open Sans SemiBold ;color:#161414;font-size: 33px;line-height: 40px;}
	.m-cameraTec-text{font-size: 16px;color: #161414;margin-top: 10px;line-height: 25px;max-width: 315px}
	#m-macro-content-text{max-width: 320px;margin-top: 13px;}
	#m-macro-content{}
	.sMacro-content-wrap{margin-bottom: 360px;padding-top: 224px;position: sticky;top: 0;}
	#m-macro-wrap{height: 1930px;}
	#m-macro-img{opacity: 0.5;}
	
	/*scorrection*/
	#m-scorrection-wrap{position: relative;height: 1000px;margin-bottom: 412px;margin-top: 70px;}
	#m-scorrection-content{margin-top: 627px;}
	.m-scorrection-imgs-sticky{top: 45px;position: sticky;height: 400px;overflow: hidden;}
	.m-scorrection-img{position: absolute;}
	.m-scorrection-img{
	transform: scale(1);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
	#m-scorrection-img-1{transform: translateX(90px);opacity: 0.9;position: absolute;}
	#m-scorrection-img-2{transform: translate(-175px,57px);opacity: 0.5;position: absolute;}
	#m-scorrection-img-3{transform: translate(45px,90px);opacity: 0.5;position: absolute;}

	.m-cameraTec-img{
	transform: scale(1);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
	.reset-img{
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	}

	/*smoment*/
	#m-smoment-wrap{position: relative;height: 1000px;margin-bottom: 460px;}
	.m-smoment-imgs-wrap{position: sticky;top: 45px;height: 380px;}
	#m-smoment-img{opacity: 1;position: absolute;}
	#m-smoment-focus-img{opacity: 0;position: absolute;}
	#m-smoment-content{margin-top: 667px; position: relative;}
	
	/*selfie*/
	#m-selfie-wrap{position: relative;height: 1000px;margin-bottom: 460px;}
	.m-selfie-imgs-wrap{position: sticky;top: 45px;height: 360px;}
	#m-selfie-focus-img{opacity: 0;position: absolute;}
	#m-selfie-img{opacity: 1;position: absolute;}
	#m-selfie-content{margin-top: 707px; position: relative;}

	/*potrait*/
	#m-potrait-wrap{position: relative;height: 1000px;margin-bottom: 179px;}
	.m-potrait-imgs-wrap{position: sticky;top: 70px;height: 380px;}
	#m-potrait-focus-img{opacity: 0;position: absolute;}
	#m-potrait-img{opacity: 1;position: absolute;}
	#m-potrait-content{margin-top: 500px; position: relative;}
	#m-potrait-content{padding-right: 0px;}

	/*wideangle*/
	#m-wideangle-wrap{position: relative;height: 1060px;margin-bottom: 200px;}
	#m-wideangle-head{max-width: 255px;}
	.m-wideangle-imgs-wrap{position: sticky;top: 90px;height: 400px;}
	#m-wideangle-focus-img{opacity: 0;position: absolute;}
	#m-wideangle-img{opacity: 1;position: absolute;}
	#m-wideangle-content{margin-top: 462px; position: relative;}
	#m-wideangle-text{margin-top: 13px;}
	#m-wideangle-border{position: absolute;z-index: 2;background-color: transparent;width: 358px;margin: auto;left: 2px;right: 0;}
	#m-wideangle-img{width: 336px; height: 154px;background-image: url("/WebB5/Bphone5-mb/widerange-img-mb.webp?233423423424");background-position: center;background-size: 666px;margin: auto;position: absolute;top: 10px;left: 0;right: 0;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}
	.widerange-img-mb-scale{background-size: 336px !important}

	/*snight*/
	.m-snight-wrap{position: relative;padding-bottom: 102px;}
	.m-snight-content{padding: 0 24px;position: absolute;left: 0;top: 249px;right: 0;}
	.m-snight-img{background-repeat: no-repeat;background-position: center top;background-size: cover;height: 720px; position: sticky;top: 0;opacity: 0.2;}
	.m-snight-img{
	transform: scale(1);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
	.m-snight-img-hide {
		transform: scale(0) !important;
	}
	.m-snight-head{font-family: Open Sans SemiBold ;color:#161414;font-size: 40px;line-height: 40px;}
	.m-snight-text{font-size: 16px;color: #161414;margin-top: 18px; line-height: 25px; max-width: 315px}
	.m-snight-gallery .owl-carousel .item {padding: 0;}
	.m-snight-gallery{padding: 0 10px; z-index: 1;position: relative;margin-top: 700px;opacity: 0;}
	.m-snight-gallery{
	transform: scale(1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	}
	.m-snight-gallery .item-img{padding-top: 10px;}
	.m-snight-gallery .owl-theme .owl-dots .owl-dot span{width: 6px; height: 6px; margin: 5px 4px}

	/*advanced video*/
	.m-advancedVideo-wrap{position: relative}
	.m-advancedVideo-sticky{position: sticky;top: -50px;overflow: hidden;}
	.m-advancedVideo-container-bg{background-image: url("/WebB5/Bphone5-mb/bphone5-border.webp")}
	.m-advancedVideo-container{margin: auto;height: 906.4px;background-position: center;background-size: contain;background-repeat: no-repeat;width: 412px;margin-left: -26px;}
	.m-advancedVideo-video{width: 360px;margin: auto;padding-top: 47px;z-index: -1;position: relative;}
	.m-advancedVideo-content{max-width: 205px;margin: auto;position: relative;line-height: 25px}
	#m-video-like-life{max-width: 315px}
	#m-video-like-life-head{line-height: 50px;font-size: 42px}
	#m-screen-best-display{padding-top: 720px;}
	#m-borderless-design{padding-top: 720px;padding-bottom: 352px;}
	.m-advancedVideo-head{font-family: Open Sans SemiBold ;color:#161414;font-size: 33px;line-height: 40px;}
	#m-screen-best-head{max-width: 165px;}
	#m-borderless-design-head{max-width: 185px;}
	.m-advancedVideo-text{margin-top: 12px;}

	/*color*/
	.m-color-wrap{position: relative;height: 1300px;background-color: white;margin-top: 89px;}
	.m-color-content{ margin: auto;position: sticky;top: 175px;padding: 0 24px}
	.m-color-number-text{font-family: Open Sans SemiBold;color: #161414;font-size: 40px;line-height: 50px;max-width: 315px;line-height: 40px;float: left;margin-top: 75px;	margin-left: 5px;margin-bottom: 5px;}
	.m-color-head{font-family: Open Sans SemiBold;color: #161414;font-size: 40px;line-height: 50px;max-width: 255px;line-height: 48px;margin-top: 9px;}
	.m-color-text{font-size: 16px;color: #161414;margin-top: 14px;line-height: 25px;max-width: 315px;float: left;}
	.m-color-img-wrap{z-index: 2;position: relative;background-color: white;text-align: center;margin-top: 220px;height: 882px;}
	#m-color-img{margin-top: 270px;max-width: 300px;}
	.m-color-number-wrap{float: left;width: 100%;}
	.m-color-number{float: left;}

	/*gamer*/
	.m-gamer-wrap{position: relative;height: 1500px;padding-top: 230px; padding-bottom: 145px; background-color: black;}
	.m-gamer-content{padding: 0 24px;position: relative;margin-top: 548px;}
	.m-gamer-head{font-family: Open Sans SemiBold ;color:#F5F5F7;font-size: 40px;line-height: 48px;width: 315px;}
	.m-gamer-text{font-size: 16px;color: #F5F5F7;margin-top: 13px;line-height: 25px; max-width: 315px}
	.m-gamer-img{position: sticky;top: 205px;height: 287px;background-repeat: no-repeat;background-position: center top;background-size:contain;}

	/*2sim*/
	.m-2sim-wrap{background-color: black}
	.m-2sim-content{padding: 295px 24px 0 24px}
	.m-2sim-head{font-family: Open Sans SemiBold ;color:#F5F5F7;font-size: 40px;line-height: 46px;max-width: 248px;}
	.m-2sim-text{font-size: 16px;color: #F5F5F7;margin-top: 19px;line-height: 25px; max-width: 315px}
	.m-2sim-img{max-width: 425px; margin: auto;height: 795px;background-position: 0px 148px;background-size: contain;background-repeat: no-repeat;}
	
	/*battery*/
	.m-battery-largePin-wrap{position: relative;height: 1000px;margin-bottom: 432px;}
	.m-battery-largePin-img{position: sticky; top: 0; z-index: 2;}
	#m-battery-largePin-content{margin-top: 203px;margin-bottom: 710px;}

	.m-battery-wrap{position: relative;background-color: black;height: 2220px;padding-bottom: 310px;}
	.m-battery-relative{position: relative; height: 1055px; background-color: transparent;z-index: 2;}
	.m-battery-fastCharge-wrap{position: relative;height: 1000px}
	.m-battery-fastCharge-img{position: sticky; top: 50px; opacity: 0;text-align: center; z-index: 1;}
	.m-battery-fastCharge-img img{max-width: 340px}
	#m-battery-fastCharge-content{position: sticky; top: 402px;}
	.m-battery-content{padding: 0 24px}
	.m-battery-head{font-family: Open Sans SemiBold ;color:#F5F5F7;font-size: 33px;line-height: 40px;max-width: 170px;}
	.m-battery-text{font-size: 16px;color: #F5F5F7;margin-top: 13px;line-height: 25px; max-width: 315px}
	
	/*bos banner*/
	.m-bos-banner-wrap{position: relative;margin-bottom: 9px;height: 1625px;}
	.m-bos-banner-img-wrap{position: sticky;top: 0;}
	#m-bos-banner-img{margin-top: 46px;max-width: 100%;}

	.m-bos-banner-content{text-align: center;padding: 0 15px;position: relative;margin-top: 335px;}
	.m-bos-banner-title{color: #161414;font-size: 63px;line-height: 90px;width: 127px; margin: auto}
	.m-bos-banner-head{font-family: Open Sans SemiBold; color: #161414;font-size: 24px;line-height: 32px;max-width: 321px;margin: auto;margin-top: 5px;}
	.m-bos-banner-text{font-size: 16px;color: #161414;margin-top: 22px;max-width: 283px;line-height: 25px; margin: auto;margin-top: 29px}

	/*bos*/
	.m-bos-wrap{position: relative;height: 5098px;}
	#m-bos-info-content-most-secure{padding-top: 110px;padding-bottom: 307px;}
	#m-bos-info-content-most-secure-head{max-width: 320px}
	#m-bos-info-content-anti-theft{padding-top: 110px;padding-bottom: 280px;}
	#m-bos-info-content-no-ad{padding-top: 138px;padding-bottom: 344px;}
	#m-bos-info-content-90{padding-top: 110px;padding-bottom: 290px;}
	.m-bos-info-content-wrap{position: sticky;top: 0;padding:0 24px;background-color: white;}
	.m-bos-info-content{ margin: auto;height: 1000px;}
	.m-bos-info-head{font-family: Open Sans SemiBold ;color:#161414;font-size: 33px;line-height: 40px;max-width: 320px}
	.m-bos-info-text{font-size: 16px;color: #161414;margin-top: 13px;line-height: 25px;max-width: 315px}
	.m-bos-info-img img{width: 276px;}
	.m-b4p-content{overflow: hidden;}
	.m-b4p-content-title{color:#161414;width: 275px; margin: auto; height: 64px; font-size: 42px;}

	.m-bos-info-img{position: sticky;top: 0;text-align: center;background-color: white;}
	#m-bos-most-secure-img{margin-top: 100px;padding-bottom: 160px;}
	#m-bos-anti-theft-img{margin-top: 100px;padding-bottom: 160px;}
	#m-bos-no-ad-img{margin-top: 100px;padding-bottom: 160px;}
	
	/*bos os*/
	.m-bos-os-wrap{position: relative;height: 1980px;}
	.m-bos-os-img{position: sticky;top: 0;height: 720px;background-size: contain;}
	#m-bos-os-android-ios{position: relative; margin-top: -648px;}
	#m-bos-os-addicted-content{position: relative;margin-top: 999px;margin-bottom: 136px;}
	#m-bos-os-addicted{margin-top: 500px; margin-bottom: 134px;position: relative;}
	#m-bos-os-addicted-text{max-width: 265px}
	.m-bos-os-content{color:white; margin: auto; font-size: 42px;padding: 0 24px;}
	.m-bos-os-title{height: 73px;}
	.m-bos-os-title-text{float: left; font-size: 50px;}
	.m-bos-os-title-number{float: left;height: 40px;font-size: 35px;width: 40px;border: 3px solid white;border-radius: 10px;margin-top: 17px;margin-left: 15px;line-height: 31px;padding-left: 8px;}
	.m-bos-os-head{font-size: 33px;line-height: 40px;max-width: 300px;}
	
	.m-bos-os-text{font-size: 16px;margin-top: 13px;line-height: 25px;max-width: 315px}

	/*gesture*/
	.m-gesture-wrap{position: relative;background-color: black;}
	.m-gesture-img{height: 743px;width: 100%;background-position: center center;background-repeat: no-repeat; background-image: url("/WebB5/Bphone5-mb/gesture-video-mb-bg.webp");}
	#m-gesture-video{display: none}
	.m-gesture-play{width: 98px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;height: 98px;}

	/*extra info*/
	.m-extra-info-img{height: 723px;background-position: center;background-size: cover;background-repeat: no-repeat;}
	.m-extra-info-content{margin: auto;position: relative;padding: 186px 19px 0 24px}
	.m-extra-info-head{font-family: Open Sans SemiBold ;color:#161414;font-size: 33px;line-height: 40px;}
	.m-extra-info-text{font-size: 16px;color: #161414;margin-top: 14px;line-height: 25px;max-width: 315px}
	#b4-warranty-text{max-width: 319px}
	#b4-support-head{color: #F5F5F7;}
	#b4-support-text{color: #F5F5F7;}
	#b4-support-content{padding: 120px 24px 0 24px;}
}