@media only screen and (min-width: 320px) and (max-width:767px) {
	.mobile-item{display: block}
	.desktop-item{display: none}
h1,h2,h3,h4,h5,h6{letter-spacing:0}
#en-v h1 ,h1 	{ font-size:32px;line-height: 48px; }
#en-v h2 ,h2 	{ font-size:18px;line-height: 22px  }
#en-v h3 ,h3 	{ font-size:14px;line-height: 20px	}
#en-v h4 ,h4 	{ font-size:12px;line-height: 20px	}
#en-v h5 ,h5 	{ font-size:12px;line-height: 16px	}
#en-v h7 ,#en-v h6 ,h6,h7 	{ font-size:12px;}	
p	{margin-bottom: 10px;font-family: 'Museo Sans 100', Helvetica,Arial, sans-serif;line-height: 16px;color: #4A4A4A;}

#en-v p{font-size: 10x;line-height: 14px}
#en-v h2 {font-size: 14px;line-height: 20px}


.left-bar.active, .right-bar.active{width: 20px}
.landing-text img{width:  60% !important}
.landing-ani img{width:80% !important ;height:auto}
.landing-ani {left:-20%}
.welcome-title{width: 100%;left: 0;padding:40px 20px;overflow: hidden;pointer-events: none}
.welcome-title p{padding-right: 0}
.left-bg{width: 100%}
.title-wrap .number-s{display: none}
.ss-title{width: 100%;padding: 20px;padding-right: 60px;left: -100%}
.title-list > li{padding: 0}
.ion-ios-photos{margin-right: 10px}

.welcome-title h2,.last-ss-left h2,#en-v .welcome-title h2,#en-v .last-ss-left h2{font-size: 14px;line-height: 18px}

.menu{right: 0;top:0;width: 100%;height: 100%;position: fixed;;z-index: 999;background: rgba(33,33,33,.9);    -ms-transform: rotate(0); /* IE 9 */    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */    transform: rotate(0);padding-top: 40px;padding-left: 10px}
.menu h5{color: #FFF;font-size: 24px;line-height: 28px}
.menu li{width: 100%;margin-bottom: 20px;}

.landing-ani{display: none}

.title-list li h2{font-size:22px;line-height: 24px }
.step-c{bottom:0;top:60px;}
.arrow-3.active, .arrow-4.active{bottom:-40px}
footer img{ width: 100px !important}
footer{height: 90px;}
footer h7{left: 20px !important;top:60px !important}
.facebook{right: auto !important;top:20px;left: 120px}
.pop-last{padding-left: 20px;padding-right: 20px}
.qa{padding: 0;margin: 0 0 10px  0}
.last-ss li{padding: 10px 20px}
.section-inner .right-ss{display: none}
/*.contorl-arrow{display: block;position: fixed;right:0;bottom:0;background: #999;z-index: 999;width: 40px;height: 80px}
.contorl-arrow span i{background: #EEE;width: 40px;height: 40px;line-height: 40px;text-align: center;position: relative;float: left;margin-bottom: 1px}*/
.bottom-bar.active{height: 70px}
.contorl-arrow{cursor: pointer}
.pop {padding: 60px 30px;overflow: scroll}
.step-mobile{position: relative !important;float: left}
.photo-btn{display: block;background: #F59079;position: fixed;bottom:-200px;left: 0;padding:10px ;z-index: 99;width: 100%;text-align: center}
.photo-btn.active{bottom:0}
.photo-btn h4{color: #FFF;display: inline-block;width: 100%}
.photo-btn-1,.photo-btn-2,.photo-btn-3,.photo-btn-4{position: relative;float: none;display: none}
.photo-btn-1.active,.photo-btn-2.active,.photo-btn-3.active,.photo-btn-4.active{display: block}
.pop-image-mobile{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.9);overflow: scroll;z-index: 9999;top:-100%;opacity: 0}
.pop-image-mobile.active{top:0;opacity: 1}
.mobile-pop-1,.mobile-pop-2,.mobile-pop-3,.mobile-pop-4{display: none;;padding:20px;padding-top: 20px}
.mobile-pop-1.active,.mobile-pop-2.active,.mobile-pop-3.active,.mobile-pop-4.active{display: block}
.qof,.image-cbtn{display: none}
.ss-title,.title-wrap{pointer-events: none}
.title-wrap{padding: 60px 60px 20px 20px;width: 100%  !important;}
.ss2-right{display: none}
#section3,#section4,#section5{padding-left: 0;padding-top: 400px}
.ss3-right,.ss4-right{display: none}
.video-block {    float: none;    margin: 0 auto 20px auto;    position: relative;  width: 100% }
.video-block img{width: 120px !important;margin: 0 auto}
#sectiona {padding: 0 40px}
.video-block-wrapper{margin: 0 20px}
.last-ss-left .hover-image{display: none}
.last-ss-left{height: 200px;width: 100%}
.last-ss-right {height: 100%;left: 0;padding-top: 240px;width: 100%;}
.left-bg{background: none}
.pop-image-mobile i {color: #333;font-size: 60px}
.mobile-pop-1 h2, .mobile-pop-2 h2, .mobile-pop-3 h2{margin-bottom: 20px}
.step-c.active{top:60px;right:10px}
.mobile-menu-btn{display: block;z-index: 998}
.media,.en-btn{display: none;position: fixed;bottom:20px;left: 20px;;z-index: 997;top:auto}
.media{left: 10px;bottom:40px}
.media.active,.en-btn.active{display: block}
.media a,.en-btn a{color: #FFF !important;}
.media i,.en-btn  i{margin-bottom: 10px}
.pop-news{width: 100%}
.news-ss{padding: 20px}
.news-ss li .left-ss img{width: 40%}
.ppl-ll{padding-top: 60px}
.ppl-ss li{width: 100%;margin-bottom: 0}
.ppl-in-w{padding: 40px}
.menu,#en-v .menu{opacity: 0;top:-100%;;z-index: 996;left: 0}
.menu.active,#en-v .menu.active{top:0;opacity: 1}

#en-v .menu h4{color: #FFF;font-size: 28px;line-height: 32px}
#en-v .mobile-menu-btn h2{line-height: 38px}

#en-v .last-ss-left{padding: 40px}

.pop-news{right: -100%}
.welcome-title-wrap{padding-top: 0;padding-bottom: 0}
.disclaimer{pointer-events: auto}

.qa-ss h2{margin-bottom: 20px}
.media a{}
	.right-bar{width: 10px}

}
@media only screen and (min-width: 768px) and (max-width:1023px) {
	h1,h2,h3,h4,h5,h6{letter-spacing:0}

h1 	{ font-size:32px;line-height: 48px; }
h2 	{ font-size:18px;line-height: 32px  }
h3 	{ font-size:18px;line-height: 24px	}
h4 	{ font-size:14px;line-height: 22px	}
h5 	{ font-size:12px;line-height: 14px	}
h6,h7 	{ font-size:10px;}	

#sectiona p {padding:  0 20%}


.welcome-title{padding: 0 20px ;width: 52%}
.section-inner .right-ss{width: 40% ;right: 40px}
.welcome-title p{padding-right: 0}
.circle-step h4.dd{left: -60px}
.circle-step h4.ss{right:-60px}
.circle-step h4.dds{left: -90px}
.left-bg{width: 46%}


.right-bar{width: 40px;}
.left-bar{width: 10px}
.step-c.active{right:6px}
.title-list>li{padding: 0}
.ss-title{width: 280px}
.img-item {width: 33%}
.backtotop{left: 20px}
.arrow-3.active, .arrow-4.active{bottom:36px;}
.arrow-3, .arrow-4{right: 60px}
.flexslider{padding: 0 20px !important}
.ss3-info h5{margin-left: 20px}
#section5 img{max-height: 400px !important}
.menu{top:120px;right: -83px}
#en-v .menu{right: -78px}
#en-v .en-btn{right: 12px}

.ppl-in-w{padding: 100px;20%}
.ppl-ss{padding: 0 5%}
.pop-news{position: fixed;right: -100%;top:0;width:100%;height:100%;background: rgba(245,245,245,.9);z-index: 999;opacity: 0}
.landing-ani img{width: auto ;height: 40% !important}
.landing-text img{width:  40% !important}

.ss-title{height: 400px;width: 100%;left: 0;top:-600px;}
.ss-title.active{top:0}
.number-s{margin-bottom: 10px !important}
.title-wrap {padding-right: 40px;width: 100%;height: 400px}
.title-wrap .left-b,.title-wrap .right-b{position: relative;float: left;width:50%}

.ss4-right{height: 60%}
.backtotop.active{bottom:30px}

.media,.en-btn{right:10px;}
.media{right: 0}
.video-block{float: none;margin: 0 auto 20px auto ;width: 50%}
.circle-step .dds{left: -110px;top:24px}
.ss3-right{bottom: 0;top:auto}

p	{margin-bottom: 12px;font-family: 'Roboto', Helvetica,Arial, sans-serif;line-height: 20px;color: #4A4A4A;letter-spacing: .4px;font-size: 12px}
.last-ss-left{padding-right: 20px}
.circle-step .dd{    padding-right:50%;    position: absolute;    top: 20px;
    width: 100%;}
.circle-step .ss{ padding-left: 60%;    position: absolute;    top: 20px;
    width: 100%;padding-right: 10%}
#en-v .circle-step .dd,#en-v .circle-step .ss{top:30px}
.last-ss-left{padding-right: 40px}
.ss2-right,.ss3-right,.ss4-right,.ss5-right{padding-right: 30px;bottom:0;height: 64%;padding-left: 0;position: absolute;width:100%}
#en-v .circle-step .dd{padding-right: 70%}
}
@media only screen and (min-width: 1024px) and (max-width:1200px) {

	
}
@media only screen and (min-width: 1201px) and (max-width:6000px) {


}

@media only screen and (min-width: 320px) and (max-width:767px) and (orientation:landscape) {	
.landing-text{width: 50%;margin: 0 25%}
.video-block{width: 30%;  float: left;margin: 10px 1.5%}
.welcome-title-wrap p {margin-bottom: 10px}
.title-wrap{padding-top: 30px}
.last-ss-right{height: 100%;width: 50%;padding-top: 0}
.last-ss-left{width: 50%;height: 100%}
.last-ss{margin-top: 0}
.last-ss li{padding: 5px 20px}
#section5 .right-b p{ float: left ; width: 50%}
#section5 .right-b .right-block{    float: right;    position: absolute;
    right: 40px;    top:40px;    width:38%;}
#section5 .right-b .right-block p{  width: 100%}
}