@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1920px) {
	.banner_section{ background:url(../images/bg_section.html) repeat-x ;}
	.banner_section > img { width:auto; margin:0 auto;
background: rgba(238,238,238,1);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(234,234,234,1) 29%, rgba(229,229,229,1) 59%, rgba(231,231,231,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(29%, rgba(234,234,234,1)), color-stop(59%, rgba(229,229,229,1)), color-stop(100%, rgba(231,231,231,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(234,234,234,1) 29%, rgba(229,229,229,1) 59%, rgba(231,231,231,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(234,234,234,1) 29%, rgba(229,229,229,1) 59%, rgba(231,231,231,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(234,234,234,1) 29%, rgba(229,229,229,1) 59%, rgba(231,231,231,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(234,234,234,1) 29%, rgba(229,229,229,1) 59%, rgba(231,231,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e7e7e7', GradientType=0 ); float:none; display:block;}
}
@media only screen and (max-width: 1360px) {
body							{ overflow-x:hidden; }
}
@media only screen and (max-width: 1280px) {
	#owl-demo .item 				{ text-align: center; margin:0;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.status-publish img				{ height:auto; }

}
@media only screen and (max-width: 1160px) {
body							{ overflow-x:hidden; }
}

@media screen and (min-width:1024px) and (max-width: 1159px)
{	
	img								{ max-width:100%;}
	.fullwidth_container			{ width:100%;}
	.container						{ width:1000px;}
	.flex-caption-width				{ width:1000px;}
	.banner_section					{ min-height:0;}
	.head_left						{ width:16%;}
	.head_right						{ width:83%;}
	.box_div_hover h1				{ font-size:34px; line-height:34px;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.banner_caption_width			{ width:1000px;}
	.staffbtm_section				{ min-height:410px;}
	.our_corevalues li				{ font-size:14px;}
	.our_corevalues li				{ width:47% !important; margin-top: 48px!important ;}
	<!--.our_corevalues li:nth-child(3), .our_corevalues li:nth-child(6) {width: 47%;}-->
	.tech_gray_bg h2				{ font-size:18px;}
	.staff_caption h1				{ font-size:44px; line-height:50px;}
	.staff_caption p				{ font-size:20px;}
	.staff_caption .para			{ font-size:14px;}
	.industriesbtm_section p		{ line-height:22px; padding:0 0 23px 0;}
	.industries_btn					{ float:none;}
	.margin_center					{ width:35%;}	
	#owl-demo .item 				{ text-align: center; margin:0;}
	.flex-caption					{ width:auto;}
}
@media screen and (min-width:768px) and (max-width:1023px) { 
	img								{ max-width:100%;}
	.fullwidth_container			{ width:100%;}
	.container						{ width:750px;}
	.head_left						{ width:19%;}
	.head_right						{ width:79%;}
	.ddsmoothmenu ul li				{ padding:0 3px;}
	.ddsmoothmenu ul li a			{ font-size:12px; padding:0px 7px;}
	.banner_section					{ min-height:0;}
	.box_div h1						{ font-size:16px;}
	.box_div_hover h1				{ margin:25px 0 0; font-size:24px; line-height:30px;}
	.box_div_hover p				{ font-size:12px; line-height:20px;}
	.abt_wrapper h1					{ font-size:20px; padding:0 0 15px;}
	.abt_wrapper p					{ line-height:24px;}
	.abt_wrapper > img				{ padding-left: 10px;}
	.flexslider .slides img			{ height:auto; }
	.flex-caption.second-banner, .flex-caption.first-banner, .flex-caption.fourth-banner, .flex-caption.third-banner{ bottom:19%; }
	.staff_section img, .box img, .banner_section > img	{ height:auto; }
	.service_caption h1				{ font-size:40px; }
	.service_caption				{ top:8%; }
	.our_corevalues > li 			{ width:47% !important; margin-top:5%;}
	.ddsmoothmenu ul li ul			{ top:17px !important; }
	.our_corevalues li a			{ font-size:14px;}
	.flex-caption					{ bottom:25%;}
	.flex-caption h1				{ font-size:36px; padding-bottom:0;}
	.flex-caption p					{ font-size:14px;}
	.flex-caption-width				{ width:750px;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.box_inner						{ min-height:220px;}
	.our_corevalues li				{ font-size:14px;}
	.our_corevalues li:nth-child(1), .our_corevalues li:nth-child(2), .our_corevalues li:nth-child(3), .our_corevalues li:nth-child(4), .our_corevalues li:nth-child(5), .our_corevalues li:nth-child(6){ width:47%;}	
	.our_corevalues li:nth-child(3), .our_corevalues li:nth-child(4){ margin:5% 17px 0 0;}	
	.staffbtm_section 				{ width:96%; min-height:0;}
	.banner_caption_width			{ width:750px;}
	.staff_caption h1				{ font-size:40px; line-height:44px;}
	.staff_caption p				{ font-size:20px;}
	.staff_caption .para			{ font-size:14px;}
	.staff_caption					{ top:35%;}
	.technology_lft					{ width:100%; margin-bottom:3%;}
	.technology_rgt					{ width:100%;}
	.box_inner						{ min-height:200px;}
	.industries_img					{ width:100%; padding-right:0; float:left;}
	.industriesbtm_section			{ float:left; min-height:0;}
	.industry_caption h1			{ font-size:40px; line-height:44px;}
	.industry_caption p				{ font-size:20px;}
	.industry_caption .para			{ font-size:14px;}
	.industry_caption				{ top:50%;}
	.margin_center					{ width:47%;}
	#owl-demo .item 				{ text-align: center; margin:0;}
	.footer_section h1				{ font-size:15px;}
	.career_section .column_left h4, .career_section .column_right h4 { line-height:22px;}
}
@media screen and (max-width:767px) {
	body 							{ -webkit-text-size-adjust: none; }
	img								{ max-width:100%;}
	.fullwidth_container			{ width:100%;}
	#ask_box						{ display:none;}
	#ask_box1						{ display:none;}
	#ask_box2						{ display:none;}
	#ask_box3						{ display:none;}
	.container						{ width:96%; padding:0 2%;}
	.head_left						{ width:100%; text-align:center;}
	.head_right						{ width:100%; padding:0;}
	.top_links						{ float:left; width:100%;}
	.top_links li					{ width:31%;}
	.banner_section					{ min-height:0;}
	.title							{ font-size:24px;}
	.staff_list li					{ width:48%;}
	.staff_list li:nth-child(2), .staff_list li:nth-child(4), .staff_list li:nth-child(6) { margin:0;}	
	.staff_list li:nth-child(1), .staff_list li:nth-child(3), .staff_list li:nth-child(5) { margin:0 2% 2% 0; clear:both;}	
	.abt_wrapper > img				{ float: left; width: 100%; margin-bottom:25px;}
	.abt_wrapper h1					{ font-size:20px; line-height:24px;}
	.abt_wrapper p					{ line-height:24px;}
	.footer_section					{ width:50%;}
	.footer_section.half_width		{ width:42%;}
	.footer_section					{ min-height:250px;}
	.box_div h1						{ font-size:16px;}
	.box_div_hover h1				{ margin:55px 0 0; font-size:28px; line-height:30px;}
	.box_div_hover p				{ font-size:12px; line-height:20px;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.our_corevalues li:nth-child(1), .our_corevalues li:nth-child(2), .our_corevalues li:nth-child(3), .our_corevalues li:nth-child(4), .our_corevalues li:nth-child(5), .our_corevalues li:nth-child(6){ width:100%; margin:2% 0;}	
	#owl-demo .column_left			{ width:100%;}
	#owl-demo .column_right			{ width:90%; padding:4% 5% 0;}
	#owl-demo .item					{ margin:0;}
	.staffbtm_section				{ width:96%; min-height:0;}
	.staffbtm_section h1			{ font-size:24px;}
	.staffbtm_section p				{ font-size:13px; line-height:20px;}
	.column_left					{ width:100%;}
	.column_left h2, .column_right h2{ font-size:28px;}
	.column_left p, .column_right p { line-height:24px;}
	.column_left img, .column_right img{ margin-top:10px;}
	.column_right					{ width:100%;}
	.para_width						{ width:100%;}
	.service_list					{ width:94%;}
	.technology_lft					{ width:100%; margin-bottom:3%;}
	.technology_rgt					{ width:100%;}
	.box_inner						{ min-height:0 !important; width:90%;}
	.tech_gray_bg h2				{ font-size:16px;}
	.industries_img					{ width:100%; padding-right:0; float:left;}
	.industriesbtm_section			{ float:left; min-height:0;}
	.box_inner h2					{ font-size:18px;}
	.box_inner						{ min-height:225px;}
	.industry_caption p				{ display:none;}
	.industry_caption h1			{ font-size:38px;}
	.margin_center					{ width:56%;}
	#owl-demo .item 				{ text-align: center;}
	.flex-caption h1				{ font-size:24px; line-height:20px; padding-bottom:0;}
	.flex-caption p					{ font-size:14px; padding-bottom:5px;}
	.flex-control-nav				{ display:none;}
	.service_caption h1				{ font-size:24px;}
	.service_caption p				{ font-size:14px;}
	.service_caption				{ top:35%;}
	.staff_caption					{ top:35%;}
	.staff_caption h1				{ font-size:38px;}
	.staff_caption p				{ display:none;}
	.staff_caption .para			{ display:none;}
	.contact_section .contact_left	{ width:100%; margin-bottom:2%;}
	.contact_section .contact_right	{ width:100%;}
	.career_section .column_left    { width:100%;}
	.career_section .column_right	{ width:100%;}
	.career_section .column_left h4, .career_section .column_right h4 { line-height:22px;}
	.smk_accordion .accordion_in .acc_head	{ font-size:16px;}

	.flex-caption					{ width:auto;}
	.flexslider .slides img			{ height:auto; }
	.flex-caption.second-banner, .flex-caption.first-banner, .flex-caption.fourth-banner, .flex-caption.third-banner{ bottom:19%; }
	.flex-caption.first-banner h1, .flex-caption.second-banner h1, .flex-caption.third-banner h1, .flex-caption.fourth-banner h1 { font-size:36px; line-height:36px; }
	.flex-direction-nav li a		{ top:29%; }
	.staff_section img, .box img, .banner_section > img	{ height:auto; }
	.service_caption h1				{ font-size:30px; line-height:32px; }
	.service_caption_page.case_section h1	{ font-size:26px; line-height:30px; }
	.banner_caption h1				{ font-size:40px; line-height:40px; top:55px; }
	.service_caption				{ top:8%; }
	.ddsmoothmenu ul li ul			{ top:17px !important; }
}
@media screen and (max-width:639px) {
	img								{ max-width:100%;}
	.title							{ font-size:24px;}
	.title img						{ width:15%;}
	.footer_section					{ width:100%;}
	.footer_section.half_width		{ width:100%; padding:0;}
	.staff_list li					{ width:100%; margin:0 0 2% 0 !important;}
	.box_div h1						{ font-size:26px;}
	.box_div_hover h1				{ margin:120px 0 0; font-size:40px; line-height:40px;}
	.box_div_hover p				{ font-size:14px; line-height:18px;}
	.our_services li				{ width:100%; margin:0 0 2% 0;}
	.top_links						{ width:100%; float:left; text-align: center;}
	.top_links li 					{ display: inline-block;  float: none; width: 39%; padding:0;}
	.top_links li:last-child		{ margin-top:3%;}
	.search_section .textbox		{ width:96%;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.staff_caption h1				{ font-size:24px; line-height:26px;}
	.technology_rgt .our_services li{ margin: 0 0 2%; width: 100%;}
	.industry_caption h1			{ font-size:24px; line-height:26px;}
	.btn_industry					{ margin:2% 0 0 0;}
	.flex-direction-nav li a		{ top:18%;}
	.flex-caption					{ bottom:23%;}
	.flex-caption.second-banner, .flex-caption.first-banner, .flex-caption.fourth-banner, .flex-caption.third-banner{ bottom:3%; }	
	.flex-caption.first-banner h1, .flex-caption.second-banner h1, .flex-caption.third-banner h1, .flex-caption.fourth-banner h1{ font-size:28px; line-height:28px; }
	.flex-direction-nav li .next, .flex-direction-nav li .prev	{ background-position: 100%; height:65px; }
	.contact_form					{ width:88%; }
	.flex-caption.first-banner p, .flex-caption.second-banner p, .flex-caption.third-banner p, .flex-caption.fourth-banner p { display:none; }
}	


@media screen and (max-width:479px) {
	img								{ max-width:100%;}
	.box_div_hover h1				{ font-size:36px; line-height:40px; margin:60px 0 0;}
	.top_links 						{ float: left; width: 100%; text-align:left;}
	.top_links li					{ display:block; width:60%; margin:3% auto 0;}
	.top_links li					{ margin-top: 3%;}
	.search_section .textbox		{ width:96%;}
	.btn.prev						{ left:0;}
	.btn.next						{ right:0;}
	.title							{ font-size:24px;}
	.title span						{ display:none;}
	.box_div h1						{ font-size:20px;}
	.our_corevalues img				{ width: 16%;}
	.our_corevalues li				{ font-size:13px;}
	.margin_center					{ width:80%;}
	.flex-direction-nav li a		{ top:15%;}
	.flex-caption h1				{ font-size:18px; line-height:20px; padding-bottom:0;}
	.flex-caption p					{ font-size:12px; padding-bottom:0;}
	.caption_btn					{ font-size:12px; padding:3px;}
	.flex-caption					{ bottom:10%;}
	.service_caption h1				{ font-size:18px; line-height:35px;}
	.service_caption p				{ font-size:12px;}
	.service_caption				{ top:20%;}
	.flex-caption.first-banner h1, .flex-caption.second-banner h1, .flex-caption.third-banner h1, .flex-caption.fourth-banner h1{ font-size:24px; line-height:24px; }
	.flex-direction-nav li a		{ top: 30%; }
	.our_corevalues li a			{ font-size:13px; }
	.our_corevalues li img			{ height:auto; padding-right:10px; }
	
}