#section_normal{
	display:block;
}
#section_mobile{
	display: none;	
}
section#section_mobile ul.mobile_menu_bar{ display:none;}

/*
section#section_mobile .nav li a.logo {
	background: url(../image/section/tpd-home-sprite.png) no-repeat -431px -1px;
	width: 70px;
	height: 70px;
	padding: 0;
	margin: 0 7px;
}
*/
section#section_mobile .nav li a.menu_icon {
	background: url(../image/section/tpd-home-sprite.png) no-repeat -452px -80px;
	width: 36px;
	height:37px;
	margin: 55px 20px;
	padding:0;
	zoom:50%;
}
section#section_mobile .nav li.dashboard_wrap {
	position:relative;
	width: 400px;
}
section#section_mobile ul.nav {width:100%; height:100%;}
section#section_mobile .freetrial {
  position: absolute;
  top: 17px;
  color: #e8d12d;
  right: 194px;
  font-size: 27px;
  cursor: pointer;
  font-weight: bold;
  display: block;
  width: 130px;
  
}
section#section_mobile span.screen-name {font-size:26px;  width: 93px;}
section#section_mobile .nav li.menu_wrap {float: right;  position: relative; margin-right: 15px;}
section#section_mobile .login-box {
  position: absolute; 
  right: 70px;
  height: 30px;
  width: 156px;
  font-weight: bold;
  top: 20px;
}

section#section_mobile ul.mobile_menu_bar{
  list-style: none;
  width: 100%;
  height: 500px;
  background: rgba(50,46,42,0.90);
  color: #fff;
  position: absolute;
  top: 71px;
  text-align: left;
}

section#section_mobile ul.mobile_menu_bar li{
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-left: 15px;
  line-height: 45px;
}

section#section_mobile ul.mobile_menu_bar a{
  color: #d7d7d7;
}




/************************************************************************************
smaller than 1042
*************************************************************************************/
@media screen and (max-width: 1042px) {
	.sliderow {height: 110px;}
	.photo_left, .photo_right{display:none;}
	.mediasay_inside img {  position: static;}
	.mediasay_inside {  width: auto;}
	.photo_center {  padding: 85px 0 0 0;}
	#section_normal{display: none;}
	#section_mobile{	display:block;}
	.head section, footer section {
	    min-width: 100%;
		width: 100%; 
	}
}

/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width: 980px) {
	/* CHEN START */
        .popup {
		/*zoom:75%;*/
	}
	ul.nav a{
		font-size: 1.5em;
	}
	ul.mobile_menu_bar a{
		font-size: 1.5em;
 	}
	/* CHEN END. */
	.sliderow {height: 133px;}
	.slide_content {height:300px;}
	.solutions ul {   zoom: 89%;  margin-top: 14px;}
	

	
	/*section .nav li a.logo {  zoom: 90%; margin: 1.1em 1.3em;}*/
}

/************************************************************************************
smaller than 770
*************************************************************************************/
@media screen and (max-width: 820px) {


	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	.getlivedemo .gld_inside {
	  max-width: 766px;
	  width: initial;
	  margin: 77px auto 0;
	  line-height: normal;	
	}
	.getlivedemo .block a.ad_freetrial, .getlivedemo .block a.ad_freetrial b {	 
	  line-height: 37px;	
	}
	.getlivedemo .block a.ad_freetrial {		
	  position: static;
	  margin: 33px 0;
	}
	.getlivedemo .block h3 {
	  text-align: center;
	  line-height: 37px;
	}
	.main_intro p {
	  font-size: 1.4em; 
	}
	.main_intro h1 {
	font-size: 2.3em;
	}
	.main_intro .h_button a {
	  width: 13em;	 
	  font-size: 1.4em;	 
	  margin: 18px 1em;
	}
	
	.sliderow {height: 188px;}
	
	.solutions ul {   zoom: 70%;  margin-top: 41px;}
	
	.apineeds_box .intro {
    font-size: 1.4em;
    line-height: 2.5em;
    padding: 10px 38px 0;
    text-align: center;
    width: 280px;
    font-weight: 500;
	}
	.apineeds_box .apineeds {
    height: 351px;
    position: relative;
    right: auto;
    zoom: 87%;
    margin: 0 auto;
}
.apineeds_box .block {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    margin-left: auto;
}

}
@media screen and (max-width: 750px) { 
	/*.popup {zoom: 75%;}*/
	html, body {
          overflow:auto;
        }

}

@media screen and (max-width: 650px) {
	/*.popup_iframe {zoom: 75%;}*/
	.main_intro {  height: 624px;}
	.main_intro .block {  padding: 4em 1.5em 0;left: 0; background: rgba(0,4,9,0.5); }
	.main_intro h1 {font-size:2.2em; /*padding: 0 1em;*/}
	.main_intro p {font-size:1.4em; line-height: 2.5em; /*padding: 0.5em 3em;*/}
	.main_intro .h_button {margin: 1.5em 0;}
	.main_intro .h_button a {  padding: 0.5em 1.5em;  width: 11em; margin:0.5em 0;}
	
	
	footer.bar { height: 140px; text-align: center;}  
	footer.bar li.medias {position:initial;padding-top: 10px;}	
	footer.bar li {padding:0;  width: 100%; height: initial;}
	footer.bar ul {font-size:1em;  padding-top: 35px;  line-height: normal;}
	/*.popup_iframe {zoom: 50%;}*/
	.sliderow {  height: 280px;}
	.slide_content {  height: 366px;}	
	.relyon {}
	.slide_content p {height:auto;padding:125px 0 0 0;}
	.slide_content p, .slide_content span {width:auto;}
	.slide_content span { line-height: 21px;  text-align: center; padding:25px 0;}
	.slide_content li.sr1{background:url(../image/section/people/people1.png) no-repeat center top;		}
	.slide_content li.sr2{	background:url(../image/section/people/people2.png) no-repeat center top;	}
	.slide_content li.sr3{	background:url(../image/section/people/people3.png) no-repeat center top;	}
	.slide_content li.sr4{	background:url(../image/section/people/people4.png) no-repeat center top;	}
	.slide_content li.sr5{	background:url(../image/section/people/people5.png) no-repeat center top;	}
	.getlivedemo .gld_inside { 
		margin: 56px auto 0; 
	}
	.getlivedemo .block h3 {	
		padding: 0 55px;
	}
	
	.main_intro .block {	 padding: 81px 90px; }
	
	.solutions ul {    zoom: 100%;  margin-top: 0;}
	
	.solutions {  height: 1054px;}
	.solutions ul li::after {display:none;}
	.solutions ul li {  padding: 20px;width:80%;height: 285px;}
	.photo_center {padding:85px 0 0 0; width:99%; height:99%; }
	.mediasay {  height: 275px;}
	.mediasay_inside {width:100%; text-align:center;}	
	.mediasay_inside img {  position: static;  }
	.solutions ul li.target {width: 80%;}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
		    overflow: auto;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	.main_intro {  height: 542px; backgro und: url('/image/section/solution.jpg') 83% 60% no-repeat;}
	.main_intro .block {  padding: 4em 1.5em 0;left: 0; }
	.main_intro h1 {font-size:2.2em; /*padding: 0 1em;*/}
	.main_intro p {font-size:1.3em;  /*padding: 0.5em 3em;*/}
	.main_intro .h_button {margin: 1.5em 0;}
	.main_intro .h_button a {  padding: 0.6em 1.5em;  width: 12em;    margin: 0.7em 0;  line-height: 1.4em;  height: 2.9em;}
	
	.solutions ul li { width: 246px; padding: 20px 0; display:inline-block;height: 320px;}
	.solutions { height: 1142px;}
	.solutions ul li.target {width: 200px;}	
	
	.relyon h3 {font-size: 1.3em;  line-height: 2em; width: 83%;}
	.relyon h2 { font-size: 1.8em;font-weight: 200;  padding: 0 1em;}
	.relyon .brands {zoom:65%;}
	.allrights {display:none;}
	.slide_content {width:87%;height: 440px;}
	.sliderow {height: 350px;}
	.getlivedemo .block h3  {
	  font-size: 25px;
	  padding: 0 40px;
	}
	.getlivedemo {background: url('/image/section/bottom.png') 20% 100% no-repeat;}
	
	#dashboard {right:1% important!;}
	.getlivedemo .block a.ad_freetrial {width: 10em;  margin: 0.7em 0;	  padding: 0.4em 1.5em; }
	
	.analyze_inside { width:300px; height:200px;}
	.analyze_inside h2 {font-size:15px;margin: 110px auto 0;}
	.checkpricebox { width:475px;zoom:60%; margin: 36px 30px;}
	.ck_inside {width: 340px;}
	.checkpricebox .ck_selected { width: 44px;}
	.checkpricebox .s-ipt-wr { width: 202px;height:33px;}
	.checkpricebox .s-ipt {font-size:12px; width:144px;height:32px; padding:1px 0 0 0;}
	.checkpricebox h3 {font-size:13px;}
	a.ckBtn, a.ckBtn {font-size:12px;width:136px;}
	a.ckBtn, a.ckBtn:hover {width:136px;}
	a.seesample {top:160px;}
	
	


}




/************************************************************************************
for schmap mobile end
*************************************************************************************/