@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) and (max-width: 1500px) {
   #inner .service_detail { margin-top:50px; }
   #banner {padding-top:70px;}
   #nav ul li { font-size:14px;}

}

@media (min-width: 1501px) and (max-width: 3000px) {
   #banner {padding-top:0px;}
   #nav ul li { font-size:14px;}
}



@media (min-width: 992px) and (max-width: 1199px) {
	.container { width:94%;}
	#header { padding:10px 0;}
	#header .header .logo { width:300px;}
	#header #nav { padding-top:13px;}
	.sticky { padding:0 !important;}
	#nav ul li a { padding:8px 16px;}
	#nav ul li { font-size:14px;}
	.bx-wrapper .bx-caption { font-size:50px !important;}
	
	#why .data .caption { float:none; width:100%; padding-bottom:20px; margin:0;}
	#why .data .step { float:none; margin:0; width:auto; text-align:center;}
	#why .data .step .box { float:none; display:inline-block; margin:5px;  }
	#we_do .bx-wrapper { width:800px !important;}
	
	#case { padding-bottom:30px; min-height:0;}
	#case .case_boxes a { width:30%;}
	#footer .footer .f_nav ul { text-align:center;}
	#footer .footer .f_nav ul li { float:none; margin:0 15px !important; display:inline-block;}
	
	#banner .caption { font-size:50px; top:40%;}
	 #banner {padding-top:76px;}
	#inner .case_detail .detail { padding-left:0; padding-right:0;}
	#inner .career .left { width:48%;}
	#inner .career .right { width:48%;}
	#inner .career .right .form .inpt_bx { width:100%;}
	#inner .client_blk .box a span { width:60%;}
	#inner .client_detail_blk .box p { width:auto;}
	#inner .client_detail_blk .box span { width:68%;}


    #inner .service_detail { margin-top:90px; }

}
@media (min-width: 768px) and (max-width: 991px) {	
	#nav ul li a { padding:8px 5px;}
	#nav ul li a{ font-size:12.5px;}
	#we_do .slide { width:350px !important;}
	#we_do .bx-wrapper { width:700px !important;}
	#banner .caption { font-size:35px; top:40%;}
	#inner .client_blk .box a p { float:none; width:auto; margin-bottom:10px;}
	#inner .client_blk .box a span { width:100%; float:none; }
	#inner .client_detail_blk .box p { width:auto; margin-bottom:20px;}
	#inner .client_detail_blk .box span { width:100%;}
	#inner .contact .detail .contact_detail { padding:35px;}
}
@media (min-width: 568px) and (max-width: 767px) {
}
@media (max-width: 992px) {
	.container { width:94%;}
	.bx-wrapper .bx-caption { font-size:30px !important;}
	
	#why .data .caption { float:none; width:100%; padding-bottom:20px; margin:0;}
	#why .data .step { float:none; margin:0; width:auto; text-align:center;}
	#why .data .step .box { float:none; display:inline-block; margin:5px;  }	
	
	#case { padding-bottom:30px; min-height:0;}
	#case .case_boxes a { width:30%;}
	#footer .footer .f_nav ul { text-align:center;}
	#footer .footer .f_nav ul li { float:none; margin:0 6px !important; display:inline-block;}
	
	#inner .service .box .icon { float:none; margin:0 auto 30px;}
	#inner .service .box .icon_detail { padding:0; text-align:center;}
	#inner .service .box .icon_detail p { padding:0 20px;}
	#inner .case_detail .detail { padding-left:0; padding-right:0;}
	#inner .case_detail .detail .left { width:67%;}
	#inner .service_detail .links a { margin-bottom:15px;}
	#inner .career .left { width:48%;}
	#inner .career .right { width:48%;}
	#inner .career .right .form .inpt_bx { width:100%;}

	//new code added on 7/7/2015
	#inner h1 { font-size:22px; padding-bottom:10px; padding-top:30px;}
    #inner .slogan { font-size:20px; margin-top:60px;}
	#inner .slogancareer { font-size:36px; margin-top:50px; margin-bottom:-70px}


    #inner .service_detail { margin-top:80px; }
     #banner {padding-top:73px;}
     #nav ul li { font-size:14px;}
}
@media (max-width: 768px) {	
	a.menu-icon { display:inline-block; position:absolute; right:10px; top:20px;}
	#header { border-bottom:none;}
	#nav { width:100%; border-top:1px solid #ccc; padding:0;  }
	#nav ul { display:none; text-align:center; box-shadow:0 3px 3px rgba(0,0,0,0.2); }
	#nav ul li { width:100%; margin:0; }
	#nav ul li a { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:10px 0;}
	
	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; background:#000; padding: 0 0 0 10px; opacity: 1; visibility: visible;
		-webkit-transition: all 0s ease-in-out;
	   -moz-transition: all 0s ease-in-out;
		 -o-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
 	}
	/* Drop Down */	
	
	#nav ul li a { padding:8px 5px;}
	#case .case_boxes a span { font-size:16px; min-height:0;}
	
	
}
@media (max-width: 767px) {
	.bx-wrapper .bx-caption { font-size:40px !important;} 
	#bx-pager { display:none;}
	
	#we_do { padding:40px 0;}
	#we_do h2 { font-size:26px;}
	#we_do p { font-size:16px; padding:0 10px;}
	
	#why .detail { font-size:20px; line-height:30px;}
	#why .data .caption { padding-bottom:25px;}
	#why .data .caption h1 { font-size:35px; padding-bottom:15px;}
	#we_do h1 { font-size:40px;}
	#client h1 { font-size:40px;}
	#case { background:url(../images/case_pattern.png) repeat;}
	#case h1 { font-size:40px;}
	#case p { font-size:20px; padding:0;}
	#case .case_boxes a { width:100%; float:none; margin:0 auto 20px; max-width:375px;}
	#footer .footer .f_logo { float:none; text-align:center; padding-bottom:20px;}
	#footer .footer .data { float:none; text-align:center;}
	#footer .footer .data p i { display:block; width:100%; height:5px;}
	#case .case_boxes a span { text-align:center;}
	
	#banner .caption { font-size:30px; top:40%;}
	
	#inner .service .box {
	float: none;
	width: 100%;
    }
	#inner .service .box .icon_detail h2 { font-size:26px;}
	#inner .case_detail .detail .left { width:100%; float:none;}
	#inner .case_detail .detail .right { width:100%; float:none; padding:30px 0;}
	#inner h1 { font-size:22px; padding-bottom:30px; padding-top:20px;}
	#inner .slogan { font-size:20px; margin-top:-15px;}
	#inner .slogancareer { font-size:36px; margin-top:-15px; margin-bottom:0px }
	#inner .service_detail { margin-top:60px; }
	#inner .company .detail .data .col_1 { float:none; padding:0; width:100%; padding-bottom:15px;}
	#inner .company .detail .data .col_2 { float:none; padding:0; width:100%;}
	#inner .service_detail .detail p img  { float:none; margin:0 0 20px 0; display:block;}
	#inner .service_detail .links { text-align:center;}
	#inner .service_detail .links a { margin:0 0 15px 0;}
	#inner .career .left { width:100%; float:none; padding-bottom:30px;}
	#inner .career .right { width:100%; float:none;}
	#inner .client_blk .box a p { float:none; width:auto; margin-bottom:10px;}
	#inner .client_blk .box a span { width:100%; float:none; }	
	#inner .client_detail_blk .box p { width:auto; margin-bottom:20px;}
	#inner .client_detail_blk .box span { width:100%;}
	#inner .contact .detail .map { float:none; width:100%; height:200px;}
	#inner .contact .detail .contact_detail { float:none; width:100%; height:auto; padding:35px;} 
	#inner .contact .form .col_1 { float:none; width:100%; padding:0;}
	#inner .contact .form .col_2 { float:none; width:100%; padding:0;}	

	.back_career { display:block; padding:0 0;}
	#inner .career .right .form .sbt_btn { }
	#banner {padding-top:0px;}
}
@media (max-width: 640px) {
}
@media (max-width: 640px) {
}
@media (max-width: 568px) {
	body { padding:0;}
	#header { position:static;}
	#header .header .logo { float:none; text-align:center; padding:10px;}	
	#nav { float:none; text-align:center; padding:0 !important;}
	a.menu-icon { margin:10px 0; position:relative; top:0; right:0; }
	
	#banner .caption { font-size:14px; top:40%;}
	#inner .company .detail .links ul li { width:50%; margin:0 -2px; text-align:center;}
	#inner .company .detail .links ul li a { font-size:18px; padding:5px 0;}
	#inner .case_blk .case_boxes a { width:100%; max-width:375px; margin:0 auto 6px;}
	#inner .company .detail .data .col_1 p { font-size:14px; line-height:19px;}
	#inner .client_blk .box a { padding:20px 10px;}
	#inner .client_blk .box a p { font-size:20px;}
	#inner .client_blk .box a p i { font-size:14px;}
	#inner .client_blk .box a span { padding:50px 0; font-size:14px;}
	
	#inner .client_detail_blk .box { padding:20px 10px;}
	#inner .client_detail_blk .box p { font-size:20px;}
	#inner .client_detail_blk .box p i { font-size:14px;}
	#inner .client_detail_blk .box span { padding:50px 0; width:100%; font-size:14px;}
	#inner .technology h4 { font-size:24px;}
	#contact h1 { font-size:26px;}
	#inner { padding:0;}
	#inner h1 { padding-top:10px;}
	#inner .company .banner { padding-bottom:30px;}
	#inner .career .right .form .sbt_btn { margin-bottom:10px;}
	#inner .career .right ul { margin-bottom:0;}
	#inner .career .right p { padding-bottom:30px;}
	.back_career { padding:0 0 20px 0;}
	#inner .contact .form { padding-bottom:20px;}
	
}
@media (max-width: 480px) {
	.bx-wrapper .bx-caption { font-size:40px !important;} 
	#why .data .step .box { width:45%; margin:1%; padding:10px; vertical-align:middle;}
	#why .data .step .box h2 { font-size:50px; padding-bottom:5px;}
	#why .data .step .box p { font-size:18px;}
}
@media (max-width: 360px) {
	.bx-wrapper .bx-caption { font-size:25px !important; margin-top:-30px !important;}
	
}