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

@media screen and (max-width: 1030px) 
{
	.inner_container_bg_top { width:1000px; background-image:none;}
	.top_area { width: 1000px;}
	.inner_container_main { width:1000px; box-sizing:border-box; background:#fff;}
	.inner_top_header { width:100%; box-sizing:border-box}
	.footer_inner { width: 1000px;}
	.social_footer { width: 1000px; box-sizing:border-box}
	.inner_banner1 { width: 1000px;}
	
	.quote_menu_data { width:1000px!important; box-sizing:border-box}
	.top-cov { width:1000px;}
	/*.footer { display:none}*/
	.inner_main_left { width: 100%;}
	.about_part1 { width: 100%;}
	.inner_main_right { width: 100%;}
	.right_block_1 { width: 100%; box-sizing: border-box; }
	.inner-right-head { width: 100%;}
	.about_part2 { width: 100%;}
	.about_part2 .bgdiv { width: 100%;   background-size: contain; height:auto;}
	.inner_container_main { width:1000px; box-sizing:border-box}
	.serv { width:50%; margin:0 0 10px 0;}
	.ourprocess-area .ourprocess-box { width: 100%;}
	.ourprocess-area .text { width: 770px;}
	.row1 .block1 { width:230px; height:auto}
	.row1 .block1 img { width:100%}
	.row1 .text1 { width:232px;}
	.right_block_1 img { display:block; margin:0 0px 10px 0}
	.row1 .leftcolom { width:intial}
	.row1 .rt-col { width:52%}
	
	.mobile_app_cover { width: 100%; box-sizing:border-box}
	.inner_main_left ul.iphone_app_display { width:100%!important}
	.right_block_1 .div1, .div_style_readmore { float:left!important; display: block;  width: 100%;}
	.iphone-solutions { width:31%}
	
	.imgstyle01 { width: 100%;}	
	.slider1_cover { width: 100%;}
	.cols1 { width: 60%;}
	.gallery { padding: 10px 0;}
	
	.pageform { width: 100%;}	
	.pageform .txt {width: 100%;}
	.pageform .row { width: 100%;}
	.pageform .row .txtbox { width: 100%; box-sizing:border-box}
	.pageform .row .txtarea { width: 100%; box-sizing:border-box}
	
	.right_block_1 .div2 { float:left; width:100%;}
	.rt-col.adj2 { width:100%; margin-top:20px;}
	.row1 .rightcolom { margin-bottom:20px;}
	.ourprocess-area .text.adj { width:100%;}
	
	.gallery .ap-left { width: 100%;}
	.gallery .ap-right { width: 100%; float:left}
	
	.setcover { width: 1000px;}
	.container_main { width: 1000px;}
	
	.banner_area { overflow:hidden}
	.main2, main1 { width:1000px;}
}

@media screen and (max-width: 1023px) 
{
	.inner_container_bg_top { width:740px;}
	.top_area { width: 740px; overflow:visible}
	.inner_container_main { width:740px; }	
	.footer_inner { width: 740px; height:auto}
	.social_footer { width: 740px; height:auto }
	.inner_banner1 { width: 740px;}
	
	.quote_menu_data { width:740px!important; }
	.top-cov { width:740px;}
	.top_right { width:200px; padding-top: 47px;}
	.inner_top_header { font-size:20px; line-height:35px;}
	.ourprocess-area .text { width: 500px; }
	
	.resmenu { display:block}
	
	.nav { width: 200px; position:absolute; z-index:9;}
	.nav ul { width: 200px; background:#fff;  border:#ddd solid 1px; box-sizing: border-box; margin:0; border-radius:5px; overflow:hidden; display:none }
	.nav ul li { width:100%; padding:0}
	.nav ul li a { padding:10px 15px; box-sizing:border-box; display:block}
	.nav ul li a, .mc .header_mc .header { color:#27649A}
	.nav ul li a:hover { background:#27649A; border:0}
	
	.row1 .block1.adj { margin-right:0}	
	.row1 .text1 { width: 100%;}
	
	.right_block_1 .div_article .most_read1 img { display:none}	
	.right_block_1 .div_article .most_read1 { height:auto; width:100%}
	.right_block_1 .div_article .most_read1 .right { width:100%; height:auto;}
	
	.the-cod-right { width:100%;}
	.ios_apps_blk { width:100%; min-height:0; margin-bottom:15px;}
	.cols1.adj { width:41%}
	.serv-nav { width: 100%;}
	.inner-head-image { display:none}
	.inner_main_left.adj2 { width:100%;}
	.contact_formcover { width: 100%; height: auto; padding: 0;}
	.form_txtbox { width: 100%;}
	.form_txtbox input { width: 100%; margin: 0; box-sizing: border-box;}
	.drop_head { width: 100%;}
	.drop_head input { width: 100%; box-sizing: border-box;}
	.form_txtbox textarea { width: 100%; box-sizing: border-box;}
	.form_submit_cover { width: 100%;}
	.form_submit_cover input { float:left}
	.inner_main_right.adj { width: 100%;}
	.right_block_1 { width: 100%;}
	.right_block_1.adj { width:100%;}
	.right_block_1 .con1.adj { width: 49%; box-sizing: border-box;}
	.right_block_1 .con1.adj2 { width: 49%; box-sizing: border-box;}
	.contact-us-right.adj { width:100%; padding:7px; box-sizing:border-box}
	
	.footer { background:#060E13; height:auto}
	.footer_block1 { display:none}
	.footer_block2 { width:480px;}
	.social_footer_f { margin-right:20px; min-height:130px;}
	.social_footer_l { margin-right:20px; min-height:130px;}
	.social_footer_g { margin-right:0px; min-height:130px; width:180px;} 
	.social_other { float:left; margin-top:0}
	.quote_menu_bar { display:none}
	.quote_menu { display:none}
	.imgtyle001 { float:left; margin:0 10px 10px 0 !important}
	
	.container_main { width: 740px;}
	.banner_bottom_content_cover { width:100%; margin-bottom: 0; top: 0; height:auto}
	.banner_bottom_left { width: 100%; height:auto; box-sizing:border-box}
	.banner_bottom_right { display:none}
	.square_menus { width: 100%; height:auto}
	.main2 { width: 100%; float: left; height: auto; padding-bottom:20px;}
	.square_menus .new_blocks { margin:0 50px;}
	.video_div { float: none;  margin: auto;}
	.testi_div { height: auto; float: none; margin: auto;}
	.main1 { width: 100%; height: auto; float: left; padding-bottom:20px; }
	.recent_works { float: none; margin: auto;}
	.news_and_blog { width: 100%;height: auto;}
	.blog_cover { width: 100%; height: auto;}	
	
	#slider_bannerx { display:none}
	.loading { display:none}
	.banner_controllers { display:none}
	.preload_this { display:none}
	.banner_area { height:460px; background-color: #fff;}
	.banner1, .banner2, .banner3, .banner4, .banner5, .banner6 { height:460px; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {  bottom: 24px !important ; }
	
		
}
@media screen and (max-width: 759px) 
{
	.inner_container_bg_top { width:620px;}
	.top_area { width: 620px; overflow:visible}
	.inner_container_main { width:620px; }	
	.footer_inner { width: 620px;}
	.social_footer { width: 620px; }
	.inner_banner1 { width: 620px;}
	
	.quote_menu_data { width:620px!important; }
	.top-cov { width:620px;}
	.about_part2 .bgdiv .innerdiv { width:100%; box-sizing:border-box}
	.prtner-blk { margin:10px 18px;}
	
	.about_part1 .block_1, .about_part1 .block_2, .about_part1 .block_3 { width: 100%; height: auto; position: static; border: #ddd solid 1px; box-sizing: border-box; padding: 10px; border-bottom: 0; background:none; margin-left:0}
	.block_inside { width: 100%; height: auto; float: left; }
	.block_inside .block_inside_matter { display:none}
	.block_inside .block_inside_more { display:none}
	.block_1_x, .block_2_x, .block_3_x { width: 100%; height: auto; position: static; display: block; margin-bottom: 20px; border: #ddd solid 1px; box-sizing: border-box; border-top: 0; margin-left:0}
	.block_1_x .contents, .block_2_x .contents, .block_3_x .contents { width: 100%; height: auto; border: 1px solid #efefef; margin-top: 0; padding-top: 20px;}
	.block_1_x .contents .sec1, .block_2_x .contents .sec1, .block_3_x .contents .sec1 { display:none}
	.block_1_x .contents .sec2, .block_2_x .contents .sec2, .block_3_x .contents .sec2 { height:auto}
	/*-----------------*/
	.quote_menu_bar { display:none}
	.quote_menu{ display:none}
	/*-----------------*/
	.row1 .block1.adj { width:49%}
	.row1 .block1.adj2 { width:49%}
	.row1 .leftcolom { width: 100%; box-sizing: border-box; margin-bottom: 10px; }
	.row1 .leftcolom .screeshot { width: 100%;}
	.row1 .leftcolom .row {width: 100%;}
	.row1 .leftcolom .screeshot img { width:100%}
	.rt-col2 { width: 100%;}
	.row1 .rightcolom { width:49%; float:left; margin-right:0; box-sizing:border-box}
	.row1 .rightcolom.adj { margin-right:0; float:right}
	.inner_main_left .row .blck2 { width: 100%; margin-right: 0; box-sizing: border-box;}
	.inner_main_left .row .blck2 .item2 { padding-left:52px;}
	.inner_main_left .blck { width: 100%; margin-right: 0; margin-bottom: 15px; box-sizing: border-box;}
	.inner_main_left .blck .hd1 { width: 100%; text-align: center;}
	.inner_main_left .blck .contnt { width: 100%;}
	.sf-blk { width:100%}
	.recent_works_main.adj { float:left}
	.cols1.adj { width:100%; margin-bottom:20px;}
	.recent_works_main.adj2 { float:left}
	.view { width:270px;}
	.view-tenth img { width:100%}
	.view .mask, .view .content { width: 100%;}
	.gallery .ourworks-thumb { width: 260px; margin: 0 4px 10px;}
	.viewx { width: 130px;}	
	.ourprocess-area .text { width: 100%;}
	.testi_text2 { float:left; width:100%;}
	.news_div_date { width: auto; height: auto; background: #2FA0FF; padding: 10px 17px; font-size: 16px; border-radius: 200px;}
	.mb-ap img { margin: 0 9px; width: 30%; }	
	.contact_formcover.adj { width:100%}
	
	.footer_block2 { height:auto; width:100%}
	.footer_block2 h3 { padding:20px 0}
	.sitemapcover { width: 100%;}
	.footer_block3 { width: 100%; height: auto; float: left;}
	.email_subscribe { width: 100%; height: auto; padding-top: 0px;  }
	.request_proposal { width: 100%; padding: 0px 0 0 30px; margin-top: 0; box-sizing: border-box; }
	.articles { width: 100%; padding: 0px 0 0 30px; margin-top: 20px; box-sizing: border-box;}
	.social_footer_f { margin-right: 0; min-height: 0; width: 100%; height: auto; box-sizing: border-box;}
	.social_footer_l { margin-right: 0; min-height: 0; height: auto; width: 100%; box-sizing: border-box;}
	.social_footer_g { margin-right: 0px; min-height: 0; width: 100%; height: auto; box-sizing: border-box;}
	
	.container_main { width: 620px;}
	.square_menus .new_blocks { margin: 0 28px;}
	
	
	
}
@media screen and (max-width: 639px) 
{
	.inner_container_bg_top { width:460px;}
	.top_area { width: 460px; overflow:visible}
	.inner_container_main { width:460px; }	
	.footer_inner { width: 460px;}
	.social_footer { width: 460px; }
	.inner_banner1 { width: 460px;}
	
	.quote_menu_data { width:460px!important; }
	.top-cov { width:460px;}
	
	.top_right { width: 112px;}
	.nav { width: 112px;}
	.about_part2 .bgdiv .innerdiv { height:auto}
	.about_part2 { height:auto}	
	.imgstyle5 { margin: 0; width: 100%;}
	.mb-ap img { width:28%}
	.serv { width: 100%; min-height:0}
	.row1 .rightcolom .scrnshot { width:100%}
	.row1 .rightcolom .scrnshot img { width:100%}
	.mb-btn { width: 100%;}
	.inner_main_left ul { padding-left:0px;}
	.imgstyle6 { display:block; margin:10px 0; float:none; margin:auto}
	.imgstyle7 { display:block; margin:10px 0; float:none; margin:auto}
	.rightboxiner { width: 100%;  margin: 0 0 20px 0px; box-sizing: border-box;}
	.rightboxiner .imagebox { width: 100%;}
	.rightboxiner .imagebox img { display:block; margin:10px auto}
	.rightboxiner .txt { width: 100%;}
	.punchfont { display: block; line-height: 30px;}
	.slider1_cover { height:auto;}
	.serv-nav ul li { padding-right:18px;}
	.view { width: 300px; float: none; margin: 10px auto; box-shadow: 0px 0px 2px 1px #B6B6B6;}
	.gallery .ourworks-thumb { width: 180px; height: auto;}
	.viewx { width:121px; float: left; margin: 0 2px 4px;}
	.imgstyle8 { width:100%}
	.right_block_1 .con1.adj { width: 100%; height: auto; border-right: 0; padding-bottom: 15px;  margin-bottom: 15px;}
	.right_block_1 .con1.adj2 {  width: 100%; padding: 0 0 15px 0;  height: auto; margin: 0 0 15px 0;}
	.right_block_1 .con1.adj3 { width: 100%; padding: 0 0 10px;}
	
	.footer_block2 { display:none}
	.footer_block3 { margin-top:20px;}
	.copyright { float: none; text-align: center;}
	.footer_inner { height:auto}
	.copyright_right, a.copyright_right { float: none; text-align: center;}
	
	.container_main { width: 460px;}
	.square_menus .new_blocks { margin: auto; float: none;}
	.testi_div { width:100%}
	.news_and_blog_head { width:100%; box-sizing:border-box}
	.testi_div_block { width: 100%;}
	.testi_text { width: 350px;}
	.testi_div_more { width: 100%;}
	.news_cover { width: 100%;  height: auto;}
	.news_cover ul li { width: 100%; height: auto; margin-right: 0;}
	.news_cover ul li:first-child { margin:0}
	.news_div_matter { width: 360px;}
	
	.banner_area { height:300px; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 25px !important;  }
	.banner1, .banner2, .banner3, .banner4, .banner5, .banner6 { height:300px; }
	
	.blog_cover { background:none}
	.blog_cover h2 { display:block}
	.blog_right { width: 100%; margin-left: 0; height: auto;}
	.blog_div { height:auto; width:100%}
	.blog_right ul li { width:100%; height:auto}
	.blog_div_right { width: 360px;}
	.blog_div_right_main { width: 100%; height: auto;}
  		
}
@media screen and (max-width: 479px) 
{
	p { text-align:justify}
	.inner_container_bg_top { width:300px;}
	.top_area { width:300px; overflow:visible; height:auto}
	.inner_container_main { width:300px; }	
	.footer_inner { width:300px;}
	.social_footer { width:300px; }
	.inner_banner1 { width:300px;}
	
	.quote_menu_data { width:300px!important; }
	.top-cov { width:300px;}
	.logo_div { width:100%; height:auto}
	.logo_div img { width:100%}
	.top_right { width: 100%; margin-top: -65px; position:relative}
	.nav { right:-5px}
	.block_inside { margin:0}
	.namebg { display:block; margin:5px 0;}
	.prtner-blk { margin: 10px auto; float: none;}
	.about_part2 .bgdiv .innerdiv .div2 { height:auto}
	.right_block_1 img { width:100%}
	
	.imgstyle6 { width:100%}
	.imgstyle7 { width:100%}
	.imgstyle8 { width:100%}
	.imgstyle9 { width:100%; }
	
	.inner_top_header {font-size: 15px; line-height: 25px;}
	.inner_main_left .serv ul { padding-left:20px;}
	.inner_main_left .serv ul li { padding-left: 0; background:none!important; list-style:disc; list-style-position:outside; height:auto}
	.serv h3 { font-size:13px;}
	.row1 .block1.adj { width: 100%;}
	.row1 .block1.adj2 { width: 100%;}
	
	.txt-xtyle1 { font-size:16px;}
	.txt-xtyle2 { font-size:17px!important;}
	.style001 { margin-left:0}
	.video-cover { width:100%; height:200px;}
	.mb-ap img { width: 85%; margin: 10px auto;float: none;}
	.row1 .rightcolom { width:100%}
	.row1 .leftcolom .row .left { width:100%}
	.row1 .leftcolom .row .left .name { width:100%}
	.style002 { margin-left:0}
	.recent_works_main.adj2 { width: 100%; box-sizing: border-box; padding: 10px;}
	#prevBtn, #nextBtn, #slider1next, #slider1prev { left:110px;}
	#nextBtn, #slider1next { left:125px;}
	#slider  { width:100%!important}
	#slider img { width:100%}
	.style003 { width:100%;}
	.anm-blk img { width: 50%;}
	p .headbg { line-height:26px; text-align:left!important}
	.view { width:100%; box-sizing:border-box}
	.serv-nav ul li { width:100%; padding:5px 0; border-bottom:#ccc dotted 1px;}
	.spacer1 { margin:0 2px;}
	.spacer2 { padding-left:0px;}
	.gallery .ourworks-thumb { width: 100%; box-sizing: border-box;}
	.viewx { height: 200px; width: 130px; margin: 10px auto; float: none;}
	
	.container_main { width: 300px;}
	
	.video_div { width: 100%; height: auto;}
	.video_div_matter { width: 100%; background: none; padding:0px; box-sizing: border-box; border: solid 10px #2989E0; border-radius: 7px;}
	.testi_person { padding-left: 0; padding-top: 0;}
	.testi_text { width: 100%; height: auto; }
	.testi_name { width: 100%; padding: 0 0 10px 0; float: left;}
	.recent_works { display:none}
	.news_div_block { height:auto}
	.news_div_matter { width: 100%; height: auto; box-sizing:border-box;}
	.top_area_cover { height: 129px; background: #27649a;}
	.blog_right { display:none}	
	
	
}