@media screen and (min-width: 768px) and (max-width: 1024px) {
    *{
    -webkit-touch-callout:  none;
    -webkit-tap-highlight-color:  rgba(0,0,0,0);
    -webkit-text-size-adjust:  none;
    -webkit-user-select:  none;
    }    
    h2 {font-size: 2.8em;letter-spacing: 1px;}
    h3 { font-size: 55px;letter-spacing: 1px;}
    #navigation{
        width: 100%;
        height: 50px;
        position: fixed;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        z-index: 50;
    }
    .navbar{width: 90%;position:relative;height: auto;margin: auto;}
    .logo{margin-top: 10px;}
    .web-Languages{display: none;}
    .web-pay { margin-top: 10px;}

    /*** #scene1 *********************************************/
    #scene1{   
        width: 100%;
        height: 550px;
        overflow: hidden;
        background: #000;
        background: url(/appimg/scene1_bg.png) no-repeat center center;
        background-size: cover;
        position: relative;
    }
    .header {width: 90%; top: 70%;}
    
    .header h2 {font-size: 2.8em; margin-bottom: 10px; border-bottom: solid #ffffff 2px; display: inline-block; padding-bottom: 10px;}
    .header p {font-size: 1.5em;margin-bottom: 40px;}

    .be-bg-video,
    .be-bg-video.play, 
    .section-overlay{display:block;}

    .wrap{}
    .section{width: 90%;margin: auto;position: relative;}

    /*** #scene2 *********************************************/
    #scene2{min-height: 500px;padding-bottom: 10px}
    #scene2 h3{ padding-top: 230px;color: #A7294A;}
    #scene2 p { color: #333; font-size: 20px;} 
    
    #scene6{min-height: 500px;padding-bottom: 10px}
    #scene6 h3{ padding-top: 230px;color: #A7294A;}
    #scene6 p { color: #333; font-size: 20px;} 
    
    #scene7{min-height: 500px;padding-bottom: 10px}
    #scene7 h3{ padding-top: 230px;color: #A7294A;}
    #scene7 p { color: #333; font-size: 20px;} 
    /*** #scene3 *********************************************/
    #scene3{}
    #scene3.bg { height: 500px;background-attachment: scroll;}
    #scene3 h3 { padding-top: 50px;color: white; }
    #scene3 p { padding-top: 10px;color: white; font-size: 20px}
    #scene3 .lf{float: left;width: 40%;}
    #scene3 .rl{float: right;width: 58%;text-align: right;}
    .chat-box{width: 100%;height: 450px;margin-top: 50px;padding: 20px 10px;}
    .chat-box .chat-list{margin-bottom: 40px;width: 100%;height: auto;} 
	
	/*** #scene4 *********************************************/
    #scene4 { min-height: 500px;padding-bottom: 10px}
    #scene4 h3 { padding-top: 50px;color: #A7294A;}
    #scene4 p { margin-top: 10px;color: #333; font-size: 20px;} 
/*** #scene5 *********************************************/
#scene5{}
    #scene5.bg { height: 500px;background-attachment: scroll;}
    #scene5 h3 { padding-top: 50px;color: white; }
    #scene5 p { padding-top: 10px;color: white; font-size: 20px}
    #scene5 .lf{float: left;width: 40%;}
    #scene5 .rl{float: right;width: 58%;text-align: right;}
    .chat-box{width: 100%;height: 450px;margin-top: 50px;padding: 20px 10px;}
    .chat-box .chat-list{margin-bottom: 40px;width: 100%;height: auto;} 

    /*** #footer *********************************************/
    #footer{min-height: 500px;}
    #footer h2 { padding-top: 80px;letter-spacing: 4px; margin-bottom: 10px; border-bottom: solid #c62370 2px; display: inline-block; padding-bottom: 10px; color: #c62370;}
    #footer p.subtitle { padding: 0; font-size: 20px; color: #c62370;}
    #footer p { padding: 10px 0; }

    .appLogo {margin: 50px 0 40px;}
    .storeBtn {margin: 0 16px;}
    .storeBtn img { width: 160px;} 

    .pop .popbox iframe{width: 640px; height: 360px;}    
    
}



/*** # (min-width: 481px) and (max-width: 767px) #*********************************************/
@media screen and (min-width: 481px) and (max-width: 767px) {
    *{
    -webkit-touch-callout:  none;
    -webkit-tap-highlight-color:  rgba(0,0,0,0);
    -webkit-text-size-adjust:  none;
    -webkit-user-select:  none;
    }

    h2 {font-size: 2.8em;letter-spacing: 1px;}
    h3 { font-size: 33px;letter-spacing: 1px;}   
    /*** navigation *********************************************/
    #navigation{
        width: 100%;
        height: 50px;
        position: fixed;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        z-index: 50;
    }
    .navbar{width: 90%;position:relative;height: auto;margin: auto;}
    .logo{margin-top: 10px;}
    .app-Download{display: block;}
    .web-pay { margin-top: 10px;}
    .downloadBtn{display: block;background: #c62370;width: 80%;padding: 16px 8px;margin: auto;color: white;text-decoration: none;border-radius: 50em;}     

    /*** #scene1 *********************************************/
    #scene1{   
        width: 100%;
        height: 530px;
        background: url(/appimg/scene1_bg.png) no-repeat center center;
        background-size: cover;
        position: relative;
    }
    .scene1Footer { display: none;}
    
    .header{width: 90%; top: 88%;}
    
    .header h2 {font-size: 2.4em; margin-bottom: 10px; border-bottom: solid #ffffff 2px; display: inline-block; padding-bottom: 10px;}
    .header p {font-size: 1.5em;margin-bottom: 40px;}

    .header .playBtn{display: none;}
    .be-bg-video,
    .be-bg-video.play, 
    .section-overlay{display:none;}

    .wrap{}
    .section{width: 90%;margin: auto;position: relative;}

    /*** #appDownload *********************************************/
    #appDownload{display: none;}


    /*** #scene2 *********************************************/
    #scene2 { min-height: 660px;padding-bottom: 10px}
    #scene2 h3{ padding-top: 50px;color: #A7294A;}
    #scene2 p { color: #333; font-size: 17px;} 
	
	#scene2 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene2 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene2 .card-box {width: 100%; height: 400px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/125.png); background-size: 75%; background-position: top center}
	
	
	#scene6 { min-height: 660px;padding-bottom: 10px}
    #scene6 h3{ padding-top: 50px;color: #A7294A;}
    #scene6 p { color: #333; font-size: 17px;} 
	
	#scene6 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene6 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene6 .card-box {width: 100%; height: 400px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/125.png); background-size: 75%; background-position: top center}
	
    #scene7 { min-height: 660px;padding-bottom: 10px}
    #scene7 h3{ padding-top: 50px;color: #A7294A;}
    #scene7 p { color: #333; font-size: 17px;} 
	
	#scene7 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene7 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene7 .card-box {width: 100%; height: 400px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/android1.png); background-size: 75%; background-position: top center}
	

    .mym-Wall{margin-top: 20px;}
    .mym-Wall img{width: 45%;height: auto;}  
    .mym-Wall img:nth-of-type(3),
    .mym-Wall img:nth-of-type(4){display:inline-block;}

    /*** #scene3 *********************************************/
    #scene3.bg{height: 480px;background-attachment: scroll;overflow: hidden;}
    #scene3 h3{padding-top: 40px;color: white; }
    #scene3 p{padding-top: 10px;color: white; font-size: 17px;}
    #scene3 h3.secendH3 { padding-top: 10px;}
    #scene3 .lf{float: none;width: 100%;height: 240px;text-align: center;}
    #scene3 .rl{float: none;width: 100%;height: 240px;text-align: center;}
    .chat-box{width: 100%;height: 240px;margin: 20px auto 0;padding: 20px;background-color: transparent;}
    .chat-box .chat-list{margin-bottom: 16px;width: auto;height: 40%;}
    .chat-list:nth-of-type(3),
    .chat-list:nth-of-type(4){display: none;}
	
	
	/*** #scene4 *********************************************/
    #scene4 { min-height: 660px;padding-bottom: 10px}
    #scene4 h3{ padding-top: 50px;color: #A7294A;}
    #scene4 p { margin-top: 10px;color: #333; font-size: 17px;} 


    #scene5.bg{height: 480px;background-attachment: scroll;overflow: hidden;}
    #scene5 h3{padding-top: 40px;color: white; }
    #scene5 p{padding-top: 10px;color: white; font-size: 17px;}
    #scene5 h3.secendH3 { padding-top: 10px;}
    #scene5 .lf{float: none;width: 100%;height: 240px;text-align: center;}
    #scene5 .rl{float: none;width: 100%;height: 240px;text-align: center;}
    /*** #footer *********************************************/
    #footer{min-height: 480px;}
    #footer h2,#footer p:nth-of-type(1){display: none;}
    #footer p{padding: 10px 0;}
    .appLogo { margin: 80px 0 40px;}
    .storeBtn { margin: 0 16px;}
    .storeBtn img { width: 160px;} 
    #footer .downloadBtn{display: none;}
    .selectBox { display: block;}
    #about-other { background: #ECECEC;text-align: center;padding: 20px 0;}
    #about-other a { display: block;width: 100%;padding: 16px 10px; color: #333 ;text-decoration: none;} 
    
}



/*** # (max-width: 480px) #*********************************************/
@media screen and (max-width: 480px) {
    *{
    -webkit-touch-callout:  none;
    -webkit-tap-highlight-color:  rgba(0,0,0,0);
    -webkit-text-size-adjust:  none;
    -webkit-user-select:  none;
    }

    h2 { font-size: 2.8em; letter-spacing: 1px;}
    h3 { font-size: 33px; letter-spacing: 1px;}   
    p{font-size: 0.85em;}
    /*** navigation *********************************************/
    #navigation{
        width: 100%;
        height: 50px;
        position: fixed;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        z-index: 50;
    }
    .navbar{width: 94%;position:relative;height: auto;margin: auto;}
    .logo{margin-top: 10px;}
    .app-Download{display: block;}
    
    .web-pay { margin-top: 10px;}
    
    .downloadBtn{display: block;background: #c62370;width: 100%;padding: 16px 8px;margin: auto;color: white;text-decoration: none;border-radius: 50em;}     

    /*** #scene1 *********************************************/
    #scene1{   
        width: 100%;
        height: 530px;
        background: url(/appimg/scene1_bg.png) no-repeat center center;
        background-size: cover;
        position: relative;
    }
    .header { width: 90%; top: 88%;}
    .header h2 {font-size: 2.4em; margin-bottom: 10px; border-bottom: solid #ffffff 2px; display: inline-block; padding-bottom: 10px;}
    .header p {font-size: 1.5em;margin-bottom: 40px;}
    .scene1Footer {display: none;}
    .be-bg-video,
    .be-bg-video.play, 
    .section-overlay{display:none;}

    .wrap{}
    .section{width: 94%;margin: auto;position: relative;}

    /*** #appDownload *********************************************/
    #appDownload{display: none;}

    /*** #scene2 *********************************************/
    
    #scene2{ min-height: 600px;padding-bottom: 10px}
    #scene2 h3{ padding-top: 50px;color: #A7294A;}
    #scene2 p { color: #333; font-size: 17px;} 
	#scene2 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene2 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene2 .card-box {width: 100%; height: 330px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/125.png); background-size: cover; }
	
    #scene6{ min-height: 600px;padding-bottom: 10px}
    #scene6 h3{ padding-top: 50px;color: #A7294A;}
    #scene6 p { color: #333; font-size: 17px;} 
	#scene6 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene6 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene6 .card-box {width: 100%; height: 330px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/125.png); background-size: cover; }
	
	
    #scene7{ min-height: 600px;padding-bottom: 10px}
    #scene7 h3{ padding-top: 50px;color: #A7294A;}
    #scene7 p { color: #333; font-size: 17px;} 
	#scene7 .lf { float: none;width: 100%;height: 240px;text-align: center;}
    #scene7 .rl { float: none;width: 100%;height: 240px;text-align: center;}
	#scene7 .card-box {width: 100%; height: 330px;margin:0 auto;padding: 0px;background-color: transparent;background-image: url(/appimg/android1.png); background-size: cover; }
	
    .mym-Wall {margin-top: 20px;}
    .mym-Wall img{width: 65%;height: auto;}  
    .mym-Wall img:nth-of-type(2),
    .mym-Wall img:nth-of-type(3),
    .mym-Wall img:nth-of-type(4){display:inline-block;}

    /*** #scene3 *********************************************/
    #scene3.bg{height: 480px;background-attachment: scroll;overflow: hidden;}
    #scene3 h3{padding-top: 40px;color: white; }
    #scene3 p{padding-top: 10px;color: white; font-size: 17px;}
    #scene3 h3.secendH3 { padding-top: 10px;}
    
    #scene3 .lf{float: none;width: 100%;height: 240px;text-align: center;}
    #scene3 .rl{float: none;width: 100%;height: 240px;text-align: center;}
    .chat-box{width: 100%;height: 220px;margin: 40px auto 0;padding: 0px;background-color: transparent;}
    .chat-box .chat-list{margin-bottom: 16px;width: 100%;height: auto;}
    .chat-list:nth-of-type(3),
    .chat-list:nth-of-type(4){display: none;}
	
	/*** #scene4 *********************************************/
	#scene4 { min-height: 200px;padding-bottom: 10px}
    #scene4 h3{ padding-top: 50px;color: #A7294A;}
    #scene4 p { margin-top: 10px;color: #333; font-size: 17px;} 
	
	#scene5.bg{height: 480px;background-attachment: scroll;overflow: hidden;}
    #scene5 h3{padding-top: 40px;color: white; }
    #scene5 p{padding-top: 10px;color: white; font-size: 17px;}
    #scene5 h3.secendH3 { padding-top: 10px;}
    
    #scene5 .lf{float: none;width: 100%;height: 240px;text-align: center;}
    #scene5 .rl{float: none;width: 100%;height: 240px;text-align: center;}

    /*** #footer *********************************************/
    #footer{min-height: 340px;}
    #footer h2,#footer p:nth-of-type(1){display: none;}
    #footer p{padding: 10px 0;display: none;}
    .appLogo { margin: 60px 0 40px;}
    .storeBtn{display: none;}
    #footer .downloadBtn{display: block;}
    .selectBox{display: block;}

    #about-other{background: #ECECEC;text-align: center;padding: 20px 0;}
    #about-other a{display: block;width: 100%;padding: 16px 10px; color: #333 ;text-decoration: none;}
    .copyright{padding: 16px 0;font-size: 0.75em;margin-top: 16px;}
    
}