#popup{display: none;}
@media screen and (max-width: 768px) and (min-width: 361px){

	#desktop-section{display: none;}
	.m-superNight-gallery .owl-theme .owl-dots .owl-dot span{background: #707070 !important}
	#mobile-section{background-color: black;position: relative;}
	.m-b4p-banner-wrap{position: sticky;top: 0;z-index: 1;height: 150vw;}
    .m-b4p-banner-img{position: relative;width: 100%;height: 0;padding-top: 174%;background-repeat: no-repeat;background-position: center top;background-size: contain;}
    .m-b4p-banner-text{position: absolute;top: 95vw;left: 0;right: 0;margin: auto;}
    
	.m-b4p-content-head{color:#FFEDCF;width: 275px; margin: auto; height: 64px; font-size: 42px;}
	.m-b4p-content-head-text{float: left;}
	.m-b4p-content-head-number{float: left; font-size: 26px; border: 2px solid #FFEDCF; height: 32px; width: 32px;border-radius: 7px; margin: 20px 10px 0 10px; line-height: 28px;}
	.m-b4p-content-text{color:#AE956B; width: 100%;font-size: 23px;font-family: Open Sans SemiBold;}
	.m-b4p-content{text-align: center;}
	.m-videoHome-wrap{position: relative;z-index: 2;text-align: center; background-color: black;}
	
	.m-videoHome-img-wrap{background-color: black}
	.m-videoHome-img{height: 0;width: 100%;padding-top: 200%;background-size: contain; background-repeat: no-repeat;background-position: center top;background-size: contain;}
	
	.m-videoHome-content{text-align: center; position: absolute; top: 100vw; left: 0; right: 0; color: #FFEDCF; font-family: Open Sans SemiBold;}
	.m-videoHome-content-head{font-size: 19px}
	.m-videoHome-content-text{font-size: 13px; opacity: 0.65;float: left;margin-top: 1px;}
	.m-videoHome-content-text-wrap{width: 86px; margin: auto;}
	.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;} 
	
	.m-cameraFeelLife-relative{position: relative;z-index: 1;margin-top: 112px;}
	.m-cameraFeelLife-bg{position: relative;z-index: 2;width: 100%;}
	.m-cameraFeelLife-bg img{width: 100%;}
	.m-cameraFeelLife-content{padding:0 15px; position: sticky; top: 170px;max-width: 360px;margin: auto;margin-bottom: 250px;}
	.m-cameraFeelLife-content-head{line-height:50px; color: #FFEDCF; font-size: 41px;max-width: 260px;font-family: Open Sans SemiBold;}
	.m-cameraFeelLife-content-text{color: #ECD2A5; font-size: 16px;max-width: 315px;margin-top: 18px; line-height: 25px}
	.m-cameraFeelLife-img-wrap{position: relative;padding-top: 115px;background: black;}
	.m-cameraFeelLife-img{width: 80%;margin: auto;position: absolute;top: 205px;left: 0;right: 0;z-index: 1;}
	.m-cameraFeelLife-img img{width: 100%;position: relative;z-index: -1;opacity: 0.5;}
	
	.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{opacity: 1;position: sticky;top: 0px;margin: auto;max-width: 360px; padding: 0 15px;margin-bottom: 100vw;}
	.m-aiCamera-img-sticky{position: sticky; top:348px;z-index: 2;background-color: black;}
	.m-aiCamera-img{height: 0; width: 100%; padding-top: 108%; background-repeat:no-repeat;background-position: center top;background-size: contain;}
	.m-aiCamera-img-focus{opacity: 0; height: 105px; width:105px; background-repeat: no-repeat;background-position: center top;background-size: contain;position: absolute;top: 26.5vw;right: 33.2vw;}
	.m-aiCamera-head{line-height: 40px; font-family: Open Sans SemiBold;color:#FFEDCF ;font-size: 33px; max-width: 225px;}
	.m-aiCamera-text{font-size: 16px;color: #ECD2A5;margin-top: 21px;max-width: 315px; line-height: 25px}
	.reveal-img{opacity: 1;}
	.aiCamera-macro-wrap{position: relative;}
	.m-aiCamera-content-wrap{position: sticky; top: 14vw;}
	
	#m-macro-wrap{position: relative;z-index: 2;background-color: black;height: 360vw;margin-bottom: 55vw;}
	.sMacro-sProduct-content-wrap{height: 740px;position: relative;z-index: 2;}

	#trigger-aiCamera-effect{position: relative; padding-top: 302px}
	.m-cameraTec-img{background-color: black;width: 100%;}
	#m-macro-img-wrap{position: sticky;top: 0;}
	#m-macro-img{margin-top: 80px;}
	#m-macro-content{max-width: 360px;padding-top: 30vw;}
	.m-cameraTec-wrap{margin: auto; margin-bottom: 40vw;}
	.m-cameraTec-content{padding: 0 15px;margin: auto;max-width: 360px;}
	.m-cameraTec-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;}
	.m-cameraTec-text{font-size: 16px;color: #ECD2A5;margin-top: 19px;line-height: 25px;max-width: 315px}
	#m-macro-content-text{max-width: 320px}

	#m-sProduct-img-wrap{position: sticky;top: 0;opacity: 0;z-index: 1;}
	#m-sProduct-img{margin-top: 80px}
	#m-sProduct-content{margin-top: 100vh;}
	#m-sProduct-content-text{max-width: 320px}


	.m-hdr-imgs-wrap{width: 100%;}
	.m-hdr-img{position: absolute;}
	.m-hdr-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-hdr-img-1{transform: translateX(90px);opacity: 0.9;position: absolute;}
	#m-hdr-img-2{transform: translate(-175px,57px);opacity: 0.5;position: absolute;}
	#m-hdr-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;
	}
	.m-cameraTec-img img{width: 100%;}
	.reset-img{
	    -webkit-transform: none !important;
	     -moz-transform: none !important;
	      -ms-transform: none !important;
	       -o-transform: none !important;
	          transform: none !important;
	}
	
	
	#m-amazingMoment-wrap{position: relative;height: 135vw; margin-bottom: 80vw;}
	.m-amazingMoment-imgs-wrap{position: sticky;top: 10vw;height: 380px;}
	#m-amazingMoment-bubble-img{opacity: 1;position: absolute;}
	#m-amazingMoment-img{opacity: 0;position: absolute;}
	#m-amazingMoment-content{margin-top: 120vw; position: relative;}
	#m-amazingMoment-head{width: 360px;}
	 
	#m-selfie-wrap{position: relative;height: 135vw; margin-bottom: 80vw;}
	.m-selfie-imgs-wrap{position: sticky;top: 70px;height: 380px;}
	#m-selfie-focus-img{opacity: 0;position: absolute;}
	#m-selfie-img{opacity: 1;position: absolute;}
	#m-selfie-content{margin-top: 120vw; position: relative;}
	
	#m-potrait-wrap{position: relative;height: 135vw; margin-bottom: 80vw;}
	#m-potrait-head{max-width: 255px;}
	.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: 120vw; position: relative;}

	#m-wide-angle-wrap{position: relative;height: 135vw;margin-bottom: 80vw;}
	#m-wide-angle-head{max-width: 255px;}
	.m-wide-angle-imgs-wrap{position: sticky;top: 70px;height: 380px;}
	#m-wide-angle-focus-img{opacity: 0;position: absolute;}
	#m-wide-angle-img{opacity: 1;position: absolute;}
	#m-wide-angle-content{margin-top: 120vw; position: relative;}
	
	.m-superNight-wrap{position: relative;padding-bottom: 30vw;}
	.m-superNight-content{padding: 0 15px; position: absolute;left: 0;top: 236px;right: 0; max-width: 360px;margin: auto;}
	.m-superNight-img{background-repeat: no-repeat;background-position: center top;background-size: cover;height: 100vh; position: sticky;top: 0;opacity: 0.2;}
	.m-superNight-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-superNight-img-hide {
	    transform: scale(0) !important;
	}
	
	.m-superNight-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 42px;line-height: 40px;}
	.m-superNight-text{font-size: 16px;color: #ECD2A5;margin-top: 22px; line-height: 25px; max-width: 315px}
	
	
	.m-superNight-gallery .owl-carousel .item {background: #000000;padding: 0;}
	.m-superNight-gallery{padding: 0 10px; z-index: 1;position: relative;margin-top: 120vw;opacity: 0;}
	.m-superNight-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-superNight-gallery .item-img{padding-top: 10px;}
	.m-superNight-gallery .owl-theme .owl-dots .owl-dot span{width: 6px; height: 6px; margin: 5px 4px}
	/*.m-advancedVideo-scale{transform: scale(1.5);}*/
	.m-advancedVideo-wrap{position: relative}
	.m-advancedVideo-sticky{position: sticky;top: -44vw;overflow: hidden;}
	/*.m-advancedVideo-container{margin: auto;height: 675px;background-position: center;background-size: contain;background-repeat: no-repeat;}*/
	.m-advancedVideo-container{margin: auto;background-position: center;background-size: contain;background-repeat: no-repeat;width: 111vw;height: 222vw;margin-left:-5.5vw}
	.m-advancedVideo-container-bg{background-image: url("/WebB4/BphoneB86/m-advancedVideo-bg.png")}
	/*.m-advancedVideo-video{width: 305px;margin: auto;padding-top: 30px;z-index: -1;position: relative;}*/
	.m-advancedVideo-video{width: 100vw;margin: auto;padding-top: 10vw;z-index: -1;position: relative;}
	.m-advancedVideo-content{max-width: 240px;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: 828px;}
	#m-borderless-design{padding-top: 828px;padding-bottom: 1200px;}
	.m-advancedVideo-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;}
	#m-screen-best-head{max-width: 200px;}
	#m-borderless-design-head{max-width: 200px;}
	.m-advancedVideo-text{font-size: 16px;color: #ECD2A5;margin-top: 18px;}
	.m-slimborder-img{position: absolute;opacity: 0;width: 59vw; margin: auto;height: 118vw;background-position: center;background-size: cover;background-repeat: no-repeat;top: 49vw;z-index: 2;left: 0;right: 0;}
	.m-color-wrap{padding-top: 175px;position: relative;background-color: #101010;}
	.m-color-content{ margin: auto;position: sticky;top: 175px;padding: 0 15px;margin: auto;max-width: 360px;}
	.m-color-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 50px;max-width: 315px;line-height: 40px}
	.m-color-text{font-size: 16px;color: #ECD2A5;margin-top: 18px;line-height: 25px; max-width: 315px}
	.m-color-img-wrap{z-index: 2;position: relative;background-color: #101010;text-align: center;margin-top: 220px;height: 100vh;width: 100%;}
	#m-color-img{margin-top: 130px; width: 100%;}
	
	.m-gamer-wrap{position: relative;padding-top: 285px; padding-bottom: 30vw; background-color: #101010;}
	.m-gamer-content{padding: 0 15px; position: relative; margin: auto;margin-top: 463px;max-width: 360px;}
	.m-gamer-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;width: 315px;}
	.m-gamer-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;line-height: 25px; max-width: 315px}
	.m-gamer-img{position: sticky;top: 205px;background-repeat: no-repeat;background-position: center top;background-repeat: no-repeat;width: 100%;height: 0;padding-top: 74%;background-size: contain;}
	
	.m-2sim-wrap{background: #101010;padding-bottom: 51px}
	.m-2sim-content{position: absolute;top: 90vw;left: 0;right: 0;margin: auto;max-width: 360px;}
	.m-2sim-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;max-width: 248px;}
	.m-2sim-text{font-size: 16px;color: #ECD2A5;margin-top: 19px;line-height: 25px; max-width: 315px}
	.m-2sim-img{width: 100%; margin: auto;height: 0;padding-top: 160%;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
	
	.m-tvCasting-wrap{position: relative; padding-bottom: 20vw; background: #101010;padding-top: 30vw;}
	.m-tvCasting-content{padding: 0 15px;margin: auto; margin-top: 307px;max-width: 360px;}
	.m-tvCasting-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;max-width: 250px;}
	.m-tvCasting-text{font-size: 16px;color: #ECD2A5;margin-top: 19px;line-height: 25px; max-width: 315px}
	.m-tvCasting-img{position: sticky;top: 60px;margin-bottom: 10vw;}
	.m-tvCasting-img img{width: 100%;}
	
	
	
	#m-hdr-wrap{position: relative;height: 135vw;margin-bottom: 40vw;}
	#m-hdr-content{margin-top: 45vw;}
	.m-hdr-imgs-sticky{top: 0;position: sticky;height: 90vw;overflow: hidden;padding-top: 10vw;}
	
	.m-pinInfo-largePin-wrap{position: relative;height: 1000px;margin-bottom: 432px;}
	.m-pinInfo-largePin-img{position: sticky; top: 0;}
	.m-pinInfo-largePin-img img{width: 100%;}
	#m-pinInfo-largePin-content{margin-top: 180px;margin-bottom: 720px;}
	
	.fastCharge-waterProof{position: relative;}
	.fastCharge-waterProof-relative{position: relative}
	.m-pinInfo-fastCharge-wrap{position: relative;height: 1000px}
	.m-pinInfo-fastCharge-img{position: sticky; top: 50px; opacity: 0;text-align: center }
	.m-pinInfo-fastCharge-img img{width: 100%}
	#m-pinInfo-fastCharge-content{position: sticky; top: 402px;}
	.m-pinInfo-content{padding: 0 15px; max-width: 360px;margin: auto;}
	.m-pinInfo-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;}
	.m-pinInfo-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;line-height: 25px; max-width: 315px}
	
	.m-waterProof-wrap{position: relative;margin-top: 360px;background-color: #101010;padding-bottom: 95px;}
	.m-waterProof-img-wrap{position: sticky;top: 0;}
	.m-waterProof-img-wrap img{width: 100%;}
	#m-waterProof-img{margin-top: 101px;max-width: 100%;}
	
	.m-waterProof-content{padding: 0 15px;position: relative;margin: auto;max-width: 360px;}
	#m-waterProof-IP68{margin-top: 170px; margin-bottom: 1000px;}
	#m-waterProof-time{padding-bottom: 50vw;}
	.m-waterProof-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px; max-width: 250px;}
	.m-waterProof-text{font-size: 16px;color: #ECD2A5;margin-top: 17px;line-height: 25px; max-width: 315px}
	
	.m-bos-banner-wrap{position: relative;margin-bottom: 155px;height: 1625px;}
	.m-bos-banner-img-wrap{position: sticky;top: 0;}
	.m-bos-banner-img-wrap img{width: 100%;}
	#m-bos-banner-img{margin-top: 151px;max-width: 100%;}
	
	.m-bos-banner-content{text-align: center;padding: 0 15px;position: relative;}
	.m-bos-banner-title{color: #ECD2A5;font-size: 63px;line-height: 90px;width: 127px; margin: auto;margin-bottom: 20px;}
	.m-bos-banner-head{font-family: Open Sans SemiBold; color: #FFEDCF;font-size: 24px;line-height: 36px;max-width: 321px; margin: auto;}
	.m-bos-banner-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;max-width: 295px;line-height: 25px; margin: auto;margin-top: 19px}
	
	.m-bos-info-img{position: sticky;top: 0;text-align: center;background-color: #101010;}
	#m-bos-most-secure-img{margin-top: 100px;padding-bottom: 160px;width: 266px}
	#m-bos-anti-theft-img{margin-top: 100px;padding-bottom: 160px;width: 266px}
	#m-bos-no-ad-img{margin-top: 100px;padding-bottom: 160px;width: 266px}
	
	.m-bos-wrap{position: relative;background-color: #101010;}
	#m-bos-info-content-most-secure{padding-top: 157px;padding-bottom: 307px;}
	#m-bos-info-content-most-secure-head{max-width: 220px}
	#m-bos-info-content-anti-theft{padding-top: 185px;padding-bottom: 280px;}
	#m-bos-info-content-no-ad{padding-top: 138px;padding-bottom: 152px;}
	#m-bos-info-content-90{padding-top: 194px;padding-bottom: 290px;}
	.m-bos-info-content-wrap{position: sticky;background-color: #101010;top: 0;padding:0 15px;max-width: 360px; margin: auto;}
	.m-bos-info-content{ margin: auto;height: 1000px;}
	.m-bos-info-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;max-width: 320px}
	.m-bos-info-text{font-size: 16px;color: #ECD2A5;margin-top: 18px;line-height: 25px;max-width: 315px}
	.bos-info-href-wrap{text-align: center;margin-top: 63px;width: 100%;}
	.bos-info-href{border-radius: 39px; padding-top: 10px; border: 1.5px solid white; width: 330px; height: 66px;;color: white; text-align: center;margin: auto;font-size: 16px;opacity: 0.6}
	.bos-info-href-content{width: 240px; margin-left: 25px; float: left;font-size: 16px;line-height: 21px}
	.bos-info-href-img{float: left; margin: 6px 0 0 21px;}
	
	.m-b4p-content{overflow: hidden;}
	.m-b4p-content-title{color:#FFEDCF;width: 275px; margin: auto; height: 64px; font-size: 42px;}
	
	.m-bos-os-wrap{position: relative;}
	.m-bos-os-img{position: sticky;top: 0;}
	.m-bos-os-img{width: 100%;height: 0;padding-top: 200%;background-size: cover;}
	#m-bos-os-android-ios{position: relative; margin-top: -150vw;}
	#m-bos-os-addicted-content{position: relative;margin-top: 120vw;margin-bottom: 50px;}
	#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 15px;max-width:360px}
	.m-bos-os-title{height: 78px;width:134px}
	.m-bos-os-title img{height: 36px}
	.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: 256px;}
	
	.m-bos-os-text{font-size: 16px;margin-top: 25px;line-height: 25px;max-width: 315px}
	
	.bos-os-href-wrap{text-align: center;width: 100%;position: relative;padding-bottom: 70vw;}
	.bos-os-href{border-radius: 39px; line-height: 32px;border: 1.5px solid white;width: 330px;height: 45px;color: white;text-align: center;margin: auto;font-size: 18px;opacity: 0.6}
	.bos-os-href-content{width: 295px; margin: 5px 0 0 5px; float: left;font-size: 16px;}
	.bos-os-href-img{float: left; margin-top: 3px}

	.m-gesture-video-img{margin-top: 60px; background-repeat: no-repeat;background-position: center top;height: 0px;width: 100%;padding-top: 206%;background-size: cotain;opacity: 1;}
	.m-gesture-video-img-front img{max-width: 360px; margin: auto;position: absolute;top: 60px;}

	.m-gesture-wrap{padding-top: 160px;position: relative;}
	#m-b86-gesture-video{display: none;}
	.m-gesture-img{position: sticky;top: 0px;}
	.m-gesture-img img{width: 100%;}
	.m-gesture-content{position: sticky;padding: 0 15px;top: 35vw;max-width:360px;margin:auto}
	.m-gesture-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;width: 293px;}
	.m-gesture-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;line-height: 25px;max-width: 315px}
	.m-gesture-relative{position: relative;margin-top: 400px;}
	
	.m-gesture-video-wrap{position: relative;margin-top: 400px;background-color: black;}
	.m-gesture-video-content{text-align: center; position: absolute; top: 105vw; left: 0; right: 0; color: #FFEDCF; font-family: Open Sans SemiBold;}
	.m-gesture-video-content-head{font-size: 19px;}
	.m-gesture-video-content-text{font-size: 13px; opacity: 0.65;float: left;margin-top: 1px}
	.m-gesture-video-content-text-wrap{width: 100px; margin: auto;}
	.m-gesture-video-content-icon{float: left;margin-left: 5px}
	.m-gesture-video-content-icon img{vertical-align: unset}
	
	.m-dac-wrap{position: relative;margin-top: 28px;}
	.m-dac-img{position: sticky;top: 28px;}
	.m-dac-img img{width:100%}
	.m-dac-content{margin: auto;position: relative;padding: 0 15px;margin-top: -70vw;padding-bottom: 74vw;max-width: 360px;}
	.m-dac-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;}
	.m-dac-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;line-height: 25px;max-width: 315px}
	
	.m-extra-info-img{height: 0;width:100%;padding-top:197%; background-position: center;background-size: cover;background-repeat: no-repeat;}
	
	.m-extra-info-content{margin: auto;position: relative;padding: 0vw 15px 0 15px; margin-top: -150vw;max-width: 360px;}
	.m-extra-info-head{font-family: Open Sans SemiBold ;color:#FFEDCF;font-size: 33px;line-height: 40px;}
	.m-extra-info-text{font-size: 16px;color: #ECD2A5;margin-top: 22px;line-height: 25px;max-width: 315px}
	#b4-warranty-text{max-width: 319px}
}