@media (max-width: 1400px) {	

	#menu>ul>li							{ margin: 0 30px 0 0;}
	.sponsor 							{ max-width: 100%;}

	.solution								{ min-height: auto;}
	.solution .inner 						{ padding: 10% 90px;}
	.solution .inner h2 					{ font-size: 20px;}
	.solution .one_third 					{ max-width: 30%; margin: 0 1%; }


	.gridr 								{ margin: 0 auto; display: table;}
	.gridr .one_third, .gridr .half		{ max-width: 280px;}
	.process .gridr .half 				{ max-width: 400px;}
	
	.projgrid .inner .winner			{ padding: 10px 30%; }
	 
	.case .cases .headline .logo.pc		{ display:flex!important;}
	.case .cases .headline .logo.m		{ display:none!important;}
	.case .cases .headline .logo.m img 	{ width: 100%; }
	.case .banner-text 					{ bottom: 10%;}
	.case2 .sideitem 					{ right: 0;}
	
}

@media (max-width: 1200px) {	
	.sideitem   						{ display: none;}
	.sideitem.toshowreel 				{ display: block; right: 0px; margin: 0 0 0 -30px!important;}
	.sideitem.toshowreel .sidetext 		{ top: 85px;}
	.sideitem.toshowreel .arrowdown     { top: 140px;}

	.homeSlideShow .slide img.home 		{ min-height: 800px;}
	

	.case .banner-text .wrap .content 	{ font-size: 28px;}	
	.case.case1 .cases.cs_b .subtitle,
	.case.case1 .cases.cs_b .headline .content{ padding-left: 90px;}
	.case.case1 .cases.cs_b .re3 .headline .subtitle,
	.case.case1 .cases.cs_b .re3 .headline .content { padding-left: 110px;}

	.footer .inner .com 				{ display: block;}
	
}

@media (max-width: 1100px) {
	.plab .inner .slides .content .large img {padding-left: 50px;}
	.plab .inner .slides .content .main { min-height: 600px;}
	.plab .inner .slides .content .main .num {left: 83%;}

	.case.case2 .cases.cs_a .headline 	{ padding: 0;}
	.case.case2 .cases.cs_a .headline .title {font-size: 24px; margin: 0 auto; padding: 0; display: table; float:none;}
	.case.case2 .cases.cs_a .headline .title h6	{ margin-left: 5px;}
	.case.case2 .cases.cs_a .headline .line {left: -10px; padding-bottom: 0;}
	.case.case2 .cases.cs_a .headline .content {width: 100%; padding-left: 0;}
	.case.case2 .cases.cs_a .case-bg 	{ padding: 0;}
	
	.case.case2 .cases .case-bg .title  { text-align: left;}
	.case.case2 .case-bg img 			{ margin-bottom: 0px!important;}
	.case.case2 .cases.cs_b .re2 		{ padding-top: 0;}
	.case.case2 .cases.cs_b .left img,
	.case.case2 .cases.cs_b .right img 	{ padding: 0; margin-bottom: 30px!important;}
	.case.case2 .cases.cs_b .case-bg:last-child {padding: 0;}
	.case .cases.cs_b .case-bg .left,
	.case .cases.cs_b .case-bg .right 	{ float: none; width: 100%;}

	.gridr 								{ display: block;}
}

@media (max-width: 1000px) {
	.plab .inner .slides .content .main .num {display: none; }	
	.second-slider .slick-prev, .second-slider .slick-next {display: none;}
}	

@media (max-width: 980px) {		
	.pc									{ display:none!important; }
	.m									{ display:block!important; }
	.only-desktop						{ display:none!important; }
	.only-mobile						{ display:block!important; }

	/* mobile menu start */
	#wrap 								{ padding: 0; }
	#wrapper-header						{ top:0; left: 0; transform: none; height: 180px;}
	#wrapper-banner						{ margin: 0px; }
	#header 							{ height:60px; }
	#logo 								{ left: 30px; top: 30px;}
    #logo img							{ height: 70px;}
	.slide img 							{ margin-top: 0;}
	#language-desktop					{ display:none; }
	#menu								{ display:none; }
	.mobile-menu-btn 					{ display:block;}
	/* mobile menu end */

	/* swap two class position start */
	.swap_container {
		display: flex!important;
		flex-direction: column;
	}

	.swap_container.pcflex {
		display: none!important;
	}
	
	.swap_container .first_div {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	
	.swap_container .second_div {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	/* swap two class position end */  

	.banner-text 						{ top: 250px;}
	.banner-text .wrap>div 				{ margin: 0 30px;}
	.banner-text .wrap .title 			{ font-size: 32px!important; line-height: 36px;}
	.banner-text .wrap .content 		{ margin: 0 90px 0 30px;}
	.banner-text .wrap .title div		{ display: block; }
	.banner_m 							{ display: block;}
	.banner_pc 							{ display: none;}

	.logos 								{ float: right;}
	.sideitem 							{ bottom: 0px;}
	.inner .ivideo    					{ min-height: auto; padding-bottom: 35px;}
	#homeVideo 							{ min-height: 540px; height: 540px;}

	.homeSlideShow .slide img.banner_m  { width: 100%;}
	.homeSlideShow .slide img.home 		{ min-height: 680px; }
	.homeSlideShow .slide .scrollbtn  	{ display: none;}	

	.gridr .gridrow						{ display: block}

	.gridr .headline					{ padding-bottom: 30px;}
	.gridr .one_third					{ padding: 5%; display:table; width: 100%; margin: 0 auto; text-align: center; max-width: none;}
	.gridr .two_third					{ padding: 5%; display:table; width: 100%; margin: 0 auto; text-align: center; max-width: none;}
	.gridr .half, .process .gridr .half { padding: 5%; display:table; width: 100%; margin: 0 auto; text-align: center; max-width: none;}

	#wrapper-sections 					{ /*background: linear-gradient(#fff 0, #fff 45%, #eef1f1 45%, #eef1f1 85%, #fff 85%, #fff 100%);*/}
	.sections .headline					{ padding: 10px 0; }
	.sections .headline .title			{ font-size: 32px; font-weight: 300;}
	.sections .headline .title h6 		{ display: inline-block;}
	.sections .headline .content		{ font-size: 12px; line-height: 20px; padding: 20px 0; font-weight: 300;}
	.sections .life 				  	{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.sections .life img 				{ width: 100%}
	.sections .life .half				{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.sections .life .one_third			{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; }
	.sections .life .two_third			{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.sections .inner 					{ padding: 0 10%; }
	.solution .inner h2 				{ font-size: 14px;}
	.sections .inner p					{ font-size: 12px; line-height: 20px; }

	.solution .headline					{ padding: 0; }
	.solution .headline .title			{ font-size: 32px; font-weight: 300;}
	.solution .headline .title h6 		{ display: inline-block;}
	.solution .headline .content		{ font-size: 12px; line-height: 20px; padding: 20px 0; font-weight: 300;}
	.solution .life 				  	{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.solution .life .half				{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.solution .life .one_third			{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; }
	.solution .life .two_third			{ padding: 5% 0; display:table; width: 100%; margin: 0 auto; text-align: center;}
	.solution .one_third				{ padding: 5%; display:table; width: 100%; margin: 0 auto; max-width: none;}
	.solution .two_third				{ padding: 5%; display:table; width: 100%; margin: 0 auto; text-align: center; max-width: none;}
	.solution .life img					{ width: 40%;}	

	.support							{ padding: 100px 0; }

	.sponsor							{ padding: 0 10%; }
	.sponsor .inner 					{ padding: 30px 0; }
	.sponsor .headline					{ padding: 0; }
	.sponsor .headline .title			{ font-size: 32px; font-weight: 300; padding-bottom: 30px;}

	.project.projlist .two_third 		{ width: 100%; }
	.project.projlist .cases.cs_a .headline .content {padding: 30px 0;}
	.process.proclist .process .headline .content {padding: 30px 0;}
	
	.plab .inner 						{ padding: 50px 0 10px;}
	.plab .inner .slides .content .large{ display: none;}
	.plab .inner .slides .content .half { width: 100%; padding: 20px;}
	.plab .inner .slides .content .text { margin: 0 auto;}
	.plab .inner .slides .more .viewmore{ display: none;}
	.plab .inner .headline 				{ padding: 0;}
	.plab .inner .headline .content 	{ width: 100%; clear: both; padding: 30px;}
	.plab .inner .image 				{ display: none;}
	.plab .inner .headline .title   	{ width: 100%; display: inline-block; line-height: 40px; margin: 0 auto; padding-right: 0;}
	.plab .inner .headline .title .text { width: 40%; display: inline-block; font-size: 20px; line-height: 30px; vertical-align: top; margin-top: 20px;}		
	.plab .inner .headline .title:before{ width: 30%; display:inline-block; content:'';  height:100px; margin-right: 5%; background: url('../img/lab.png') no-repeat right center; background-size: 50%;}
	.plab .inner .headline .line 		{ padding-bottom: 0; left: 35%; width: 150px; bottom: 20px;}
	.plab .inner .slides .content 		{ padding-top: 40px;}
	.plab .inner .slides .content .title{ text-align: center;}
	.plab .inner .slides .content .main .num{ position: relative; top: 10px; left: 45%; width: 50px; }
	.plab .inner .slides .second-slider { max-width: 100%;}
	
	.showreel .inner 					{ padding: 50px 0;}
	.showreel .inner .headline 			{ padding-top: 35px;}
	.showreel .inner .headline .title 	{ font-size: 20px; padding-bottom: 35px; padding-right: 0;}
	.showreel .inner .headline .line    { width: 160px; padding-bottom: 0; left: -30px;}
	
	.footer .inner 						{ padding: 30px; }
	.footer .inner>.half				{ display:table; width: 100%; margin: 0 auto;}
	.footer .inner>.half>div 			{ clear:both; width: 100%;}
	.footer .inner .flex 				{ display:unset; /*padding-left: 50px;*/}
	.footer .inner .com 				{ padding-top: 15px; margin-bottom: 0; padding-left:0;}
	.footer .inner .content 			{ padding: 0; font-size: 12px; font-weight: 300; line-height: 36px;}
	.footer .inner .place  				{ padding: 0px; font-size: 12px; font-weight: 300; line-height: 36px;}
	.footer .inner .place>div  			{ max-width: none;}
	.footer .inner .copyright 			{ padding-left: 50px;}
	.footer .inner .logo				{ padding: 30px 0;}
	
	.case .banner-text .wrap .num 		{ font-size: 24px;}.sections .headline .title
	.case .banner-text .wrap .casestudy { font-size: 16px;}
	.case .banner-text .wrap .content 	{ font-size: 24px; margin: 0 0 0 30px;}
	.case .banner-text .wrap .title 	{ line-height: 32px;}
	.case .banner-text 					{ bottom: 10%;}
	
	.case .baseline						{ margin-top: -1px!important; }

	.case .cases .sideitem.scrolltotop  { display: none!important;}
	.case .btn_path 					{ font-size: 14px; padding-right: 15px; padding-top: 15px;}
	
	.case .cases 						{ padding: 0; }
	.case .cases img					{ max-width: 100%;}
	.case .cases .half.left 			{ width: 100%;}
	.case .cases .half.right 			{ width: 100%;}
	.case .cases .inner>div 			{ padding-bottom: 0;}
	.case .cases .inner 				{ padding: 25px; background: #fff;}
	.case .cases .content 				{ font-size: 12px; margin: 0 auto; padding: 25px 0; max-width: none;}
	.case .cases .card 					{ margin: 0 auto;}
	.case .cases .headline 				{ padding: 0; }
	.case .cases .headline .title 		{ font-size: 20px; margin: 0 auto; display: table; padding: 0;}
	.case .cases .headline .line		{ width: 160px; margin: 0 auto; display: table; padding-bottom: 10px; left:-10px;}
	.case .cases .headline img 			{ width: 100%;} 

	.case .cases .case-bg .content		{ padding: 30px 0 0 0; }
	.case .cases .case-bg.swap_block 	{ display: inline-block; padding: 0;}
	.case .cases .case-bg .title 		{ margin-top: 30px;}
	.case .cases .case-bg .left img,
	.case .cases .case-bg .right img 	{ padding: 0; margin-bottom: 30px;}

	.case .cases.cs_a .inner 			{ padding-top: 25px;}
	.case .cases.cs_a .case-bg .title   { padding-left: 0;}
	.case .cases.cs_a .case-bg .content { padding: 25px 0;}

	.case .cases.cs_b .headline .line 	{ padding-bottom: 0;}
	.case .cases.cs_b .headline .title 	{ font-size: 35px; padding-left: 0;}
	.case .cases.cs_b .subtitle,
	.case .cases.cs_b .headline .content{ padding-left: 70px;}	
	.case .cases.cs_b .inner>div .headline {display: block; padding: 30px 0 0;}

	.case .cases.cs_b .re1 .headline .line {width: 40px; left:0;}
	.case .cases.cs_b .re2 .headline .line {width: 50px; left:0;}
	.case .cases.cs_b .re3 .headline .line {width: 50px; left:0;}

	.case .cases.cs_b .re2 .headline .subtitle,
	.case .cases.cs_b .re2 .headline .content{ padding-left: 70px; max-width: none;}
	.case .cases.cs_b .re2 .headline div:last-child>div {margin-left: 0;}
	
	.case .cases.cs_b .re3 .headline .subtitle,
	.case .cases.cs_b .re3 .headline .content{ padding-left: 70px;}
	.case .cases.cs_b .re3 .re31a 		{ padding: 0;}

	.case .cases.cs_b .re1a img,
	.case .cases.cs_b .re2a img 		{ margin-bottom: 30px;}

	.case.case1 .cases .case-bg .content {float: none;}
	.case.case1 .cases .headline .re1a img  	{ margin-top: 0;}
	.case.case1 .cases .headline .re2a img  	{ margin-top: 0;}
	.case.case2 .cases.cs_b .headline .content {max-width: none;}
	
}

@media (max-width: 800px) {
	
	
}

@media (max-width: 640px) {
	.homeSlideShow .desktop				{ display:none; }
	.homeSlideShow .mobile				{ display:block; }
	
	.recruit .inner .wrap .one_third	{ width: 100%; }
	
	.solution .inner h2					{ font-size: 12px; }
	.solution .one_third .content div   { margin: 10px 0 0; }
	
	.sections .life .card .num 			{ font-size: 35px; letter-spacing: 0; margin-left: -50px;}
	.sections .life .card .casestudy    { bottom: 20px; right: 20px; }
	.sections .life .card .content 		{ line-height: 24px;}
	.sections .life .card .title 		{ padding: 0;}
	.sections .life .card .title h5     { font-size: 16px; line-height: 25px;}

	.footer .inner .logo				{ padding: 30px 0;}
	.footer .inner .flex 				{ padding-left: 0;}
	.footer .inner>.half>div 			{ clear:both; width: 100%;}
	.footer .inner .place 				{ padding: 0;}
	.footer .inner .place>div 			{ padding: 30px 0; margin-top: 10px; border-left: 0; border-top: 1px solid #6f6f6f;}
	.footer .inner .place>div>div 		{ padding-bottom: 10px;}
	.footer .inner .place .location 	{ padding-bottom: 20px;}
	
	.footer .inner .copyright 			{ padding-left: 0;}
}

@media (max-width: 560px) {
	.plab .inner .headline .title:before{ background-size: 55%; margin-right: 5%;}
	.plab .inner .headline .title .text { width: 60%;}
}

@media (max-width: 414px) {
	.inner .ivideo						{ min-height: auto;}
	.sideitem 							{ bottom: 80px;}
	
}

@media (max-width: 400px) {
	.sideitem 							{ bottom: 100px;}
}

@media (max-width: 360px) {
	.inner h3 							{ font-size:32px!important; }
	.contact-us th, td 					{ float:left;}
	.sections .life .card:before 		{ width: 220px;}
	.sideitem 							{ bottom: 160px;}
	.plab .inner .headline .line        { left: 35%;}
	.plab .inner .headline .title:before{ margin-right: 5%;}
}

@media (max-width: 320px) {
	.banner-text .wrap .title 			{ font-size: 36px!important; line-height: 48px;} 
	.plab .inner .headline .title .text { margin-top: 0;}
	.sideitem 							{ bottom: 240px;}
	#language-mobile span 				{ margin: 0 20px;}
	#language-mobile span:first-child   { margin: 0 20px 0 0;}
	#language-mobile span:last-child    { margin: 0 0 0 20px;}
	.plab .inner .slides .more span     { padding: 0 30px;}
}