/* Responsive  CSS Document */



@media only screen and (min-width: 1002px) and (max-width: 1024px) {
.nav ul li{ margin-right:0px;}
.package-plan .right ul li{ height:255px;}
.contact_sec .right img,.data_sec .right img,.strategy_sec .right img{ width:100%;}
.strategy_sec{ padding-bottom:30px;}
.partner_sec ul li{ margin:10px 4px;}
.why_wizard_sec2 .left{ padding:30px 0px;}
.helps_sec .left p{ padding-left:2%;}
.helps_sec .right p{ font-size:31px;}
#ddmenu li{ font-size:16px!important;}
#ddmenu .top-heading{  margin:0px 9px!important;}
.abt_head .left img{ width:100%;}
ul.top_services li{ margin:0px 8px;}
.teem_sec ul li img{ width:100%;}
.phase_sec ul li{ margin:-40px 50px;}
.raising_sec ul li{ margin-top:20px;}
.quote_sec{ width:90%;}


/*PORTFOLIO NEW CSS HERE*/
.portfolio_sec2 .left img{ width:98%;}


}





@media only screen and (min-width: 768px) and (max-width: 1001px) {
.nav ul li{ font-size:15px; margin-right:5px;}
.nav ul li a{ padding:5px 5px;}
.banner_sec{ height:auto;}
.banner_sec .left{ width:30%;}
.banner_sec .right{ width:65%;}
.banner_sec .right h2{ font-size:30px;}
.banner_sec .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-40px!important;}
.banner_sec .right span{ margin-top:20px;}
.package-plan .left,.package-plan .right{ width:100%;}
.package-plan .right{ margin-top:30px;}
.helps_sec .right p{ font-size:33px;}
.helps_sec .left,.helps_sec .right{ min-height:590px;}
.cloud_sec .row4,.cloud_sec .row3,.cloud_sec .row2,.cloud_sec .row1{ min-height:313px;}
.strategy_sec{ padding-bottom:30px;}
.strategy_sec .right img{ width:100%;}
.rapid_sec .left img{ width:130%;}
.data_sec .right img{ width:100%;}
.why_wizard_sec .left,.why_wizard_sec2 .left,.why_wizard_sec2 .right{ width:100%; border:0px;}
.why_wizard_sec .right{ border-bottom:2px solid #1abc9c;}
.why_wizard_sec .right{ width:100%;}
.inp{ width:458px;}
.contact_sec .right img{ width:100%;}
#ddmenu li{ font-size:15px!important;}
#ddmenu .top-heading{  margin:0px 16px!important;  padding:0px 0px!important;}
#ddmenu .caret{ left:-7px!important;}
.abt_head .left img{ width:100%;}
ul.services li{ width:47%; margin:1%;}
.str1{ width:30%;}
.main-start .left img,.main-start2 .right img{ width:100%;}
.helps_sec .left p{ font-size:28px;}
ul.top_services li{ margin:20px;}


#portfoliolist .portfolio{ float:inherit!important;}
.teem_sec ul li img{ width:100%;}
.phase_sec ul li{ margin:-40px 30px 0px 30px;}
.dev-phese{ padding:20px;}
.phase-box{ font-size:20px;}
.phase-box{ width:18%;}
.raising_sec ul li{ margin-top:20px;}

.newslatter_sec .hs-button{ width:25%; float:none; margin-top:20px;}

.quote_sec{ width:100%;}
.about_sec ul li{ height:350px;}

/*PORTFOLIO NEW CSS HERE*/
.portfolio_sec1{ padding:40px 10px 0 10px;}
.portfolio_sec2{ padding:40px 10px 0 10px;}
.portfolio_sec1 .right img,.portfolio_sec2 .left img{ width:100%;}
.portfolio_sec1 .left h2,.portfolio_sec2 .right h2{ font-size:40px;}

.grid_type ul li { width:50%; height:auto; min-height:inherit;}
.grid_type ul li img{ width:100%;}
.tabs-menu li{ margin-left:20px;}

.ios_sec .left img{ width:100%;}
.ios_sec2 .right img{ width:100%;}


}




@media only screen and (max-width: 767px) {
.logo{ width:100%; text-align:center;}
.hedare_right ul li{ display:inline-block; float:none;}
.banner_sec{ margin-top:0px;}
.hedare_right{ width:100%; text-align:center; margin-top:20px;}
.navbar-header{ background:#1abc9c;}
.navbar-toggle{ border:1px solid #fff;}
.nav ul li{ float:none; padding:5px;}
.navbar-toggle .icon-bar{ background:#FFFFFF;}
.navbar-toggle{ margin-right:30px;}
.banner_sec{ height:auto;}
.banner_sec .left{ width:30%;}
.banner_sec .right{ width:65%;}
.banner_sec .right h2{ font-size:20px;}
.banner_sec .right p{ font-size:15px;}
.banner_sec .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-40px!important;}
.banner_sec .right span{ margin-top:20px;}
.banner_sec .right span{ font-size:20px; background:#1abc9c; color:#FFFFFF;}
.banner_sec .right span a{ color:#FFFFFF;}
.package-plan .left,.package-plan .right{ width:100%; text-align:center;}
.package-plan .right{ margin-top:30px; padding:0px 10px;}
.package-plan .right ul li{ width:100%; height:auto; margin-top:10px; float:none;}
.helps_sec .left,.helps_sec .right{ width:100%; text-align:center;}
.helps_sec .right p,.helps_sec .left p{ padding-left:0px;}
.test_cont{ font-size:20px; line-height:30px; width:100%; margin:0px;  height:300px; overflow:hidden;}
.service_sec .left,.service_sec .right{ width:100%;}
.service_sec .left img{ width:100%;}
.cloud_sec .row1,.cloud_sec .row2,.cloud_sec .row3,.cloud_sec .row4{ width:100%;}
.strategy_sec .left,.strategy_sec .right{ width:100%; padding:10px 10px; text-align:center;}
.rapid_sec .left,.rapid_sec .right{ width:100%; text-align:center; padding:0px 10px;}
.data_sec .left,.data_sec .right{ width:100%; text-align:center; padding:0px 10px;}
.why_wizard_sec .left,.why_wizard_sec .right{ width:100%; text-align:center;  border:0px;}
.why_wizard_sec .left,.why_wizard_sec .right{ width:100%;  border:0px;}
.why_wizard_sec .left, .why_wizard_sec .right img{ width:100%; border:0px;}
.why_wizard_sec2 .left,.why_wizard_sec2 .right{ width:100%;  border:0px; text-align:center;}
.why_wizard_sec2 .left img{ width:100%;}
.inp{ width:100%;}
.subscribe{ width:50%; margin:20px auto 0 auto;}
.newslatter_sec .area_sec{ text-align:center;}
.contact_sec .left,.contact_sec .right{ width:100%; padding:0px 10px;}
.contact_sec .left, .contact_sec .right img{ width:100%;}
.footer_sec .row1,.footer_sec .row2,.footer_sec .row3{ width:100%; padding:10px; border-top:1px solid #CCCCCC;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin:0px;}
.package-plan .left span{ float:none; display:block; margin:20px auto 0 auto;}
.building_sec{ width:100%;}
.outer_nav{ padding:0px 0px; background:none;}
.abt_head .left,.abt_head .right{ width:100%; padding-bottom:20px;}
.abt_head .left img{ width:100%;}
.prototypes ul li{ width:90%; margin:20px 0 0 0;}
.view{ width:45%!important;}
ul.services li{ width:96%; margin:0 2%;}
.ban img{ width:100%;} 
.prj img{ width:100%;}
.facts_sec{ width:100%;}
.str1{ width:96%; margin:9% 2%;}
.main-start .left,.main-start .right{ width:100%; padding:0px 20px;}
.main-start2 .left,.main-start2 .right{ width:100%; padding:0px 20px;}
.main-start .left img,.main-start2 .right img{ width:100%;}
.design_ighlights ul li{ width:100%;}
.contact_sec2 .left,.contact_sec2 .right{ width:100%;}
.hedare_right ul li{ margin:10px 2% 0 2%; width:50%;}
.banner_con2{ top:0px;}
.inner_banner{ height:auto;}
.pjt_detail .left,.pjt_detail .right{ width:100%; padding:10px 10px;}
.helps_sec .left p{ font-size:28px;}
ul.top_services li{ margin:20px;}

#portfoliolist .portfolio{ float:inherit!important;}

.career_sec ul li{ width:100%;}
.teem_sec ul li img{ width:100%;}

.phase_sec ul li{ margin:10px auto 0 auto; display:block;}
.dev-phese{ padding:20px;}
.phase-box{ font-size:20px;}
.phase-box{ width:100%; margin:10px auto 0 auto; min-height:inherit; float:inherit;}
.raising_sec ul li{ margin-top:20px;}
ul.ready li{ width:100%; margin:10px 0 0 0;}
.video_sec iframe { width:95%;}
.phase_sec{ margin-top:0px;}
.newslatter_sec .hs-button{ width:50%; float:none; margin-top:20px;}

.quote_sec{ width:90%; overflow:hidden;}

.quote_sec label{ float:none;}
.quote_sec input{ height:auto;}
.quote_sec label{ display:block;}
.quote_sec .hs-button{ margin-top:20px;}

.newslatter_sec .hs-input{ width:100%;}


#ddmenu{ position:absolute; left:20px; top:32px; width:40px;}
#ddmenu ul{ width:250px!important; 
 transition-delay: 2s!important;
}
#ddmenu li{ font-size:16px!important; }


.banner_sec .left{ display:none;}
.banner_sec .right{ width:100%; padding:0px 10px; text-align:center;}
.banner_sec .right span{ display:block; margin:20px auto 0 auto;}
.banner_sec .right h2{ font-size:26px;}
.banner_sec .right p{ font-size:18px;}
.banner_sec .right span a{ padding:10px 0px;}
.helps_sec .left{ min-height:inherit;}
.helps_sec .left{ width:100%; background:#206a29url(../images/man.png) center top no-repeat; padding-bottom:20px;}

.helps_sec .left p{ padding-top:500px;}
.helps_sec .left span{ margin:0 auto;}



.footer_sec .row3 ul li a{ width:40px; height:40px; line-height:40px; font-size:20px;}
.str1{ min-height:inherit;}
.hedare_right ul{ display:none;}
.new_cont{ margin:0px; padding:0px; display:block;}
.new_cont ul{ margin:0px; display:block;}
.new_cont ul li{ display:inline-block; width:40px; height:40px; border:2px solid #29c0a3;  border-radius:50%; text-align:center!important; margin:0 2px;}
.new_cont ul li span{ margin-right:0px;}
.new_cont ul li a{ text-decoration:none; color:#000000; display:block; line-height:35px; padding:0px!important;  border-radius:50%!important;}
.new_cont ul li a:hover{ background:#000000;  box-shadow: 0px 0px 0px #888;  border-radius:50%!important;}
.new_cont ul li i{ font-size:20px;}
.banner_con2 h2{ padding-top:100px;}
.helps_sec .right{ min-height:inherit;}

#menu2{ margin:0px; padding:0px;}

.about_sec ul{ padding:0px 20px;}
.about_sec ul li{ height:auto; width:100%; margin:20px 0 0 0; padding:10px;}
.abt_head .right{ margin-top:0px;}



/*PORTFOLIO NEW CSS HERE*/
.portfolio_sec1 .left,.portfolio_sec1 .right{ width:100%; height:auto; padding:20px; text-align:left;}
.portfolio_sec2 .left,.portfolio_sec2 .right{ width:100%; height:auto; padding:20px;}
.portfolio_sec1 .left h2,.portfolio_sec2 .right h2{ font-size:40px;}
.portfolio_sec2 .left img,.portfolio_sec1 .right img{ position:inherit; width:100%;}
.portfolio_sec1,.portfolio_sec2{ height:auto; width:100%;}
.grid_type ul li { width:100%;}
.grid_des{ padding-top:20px;}
.grid_des h2{ font-size:30px;}
.tabs-menu li{ margin-left:20px;}

.ios_sec .left,.ios_sec .right{ width:100%; padding-bottom:20px;}
.ios_sec2 .left,.ios_sec2 .right{ width:100%;}
.ios_sec .left img{ width:100%;}
.ios_sec2 .right img{ width:100%;}

}





@media only screen and (min-width: 320px) and (max-width: 479px) {

.hedare_right ul li{ float:none; margin-top:20px; margin-left:0px;}
.rapid_sec .left img,.data_sec .right img{ width:100%;}
.partner_sec ul li{ width:100%; margin:0px; padding:0px;}
.why_wizard_sec2 .right h2,.why_wizard_sec .left h2,.data_sec .left h2,.rapid_sec .right h2,.portfolio_sec h2,.strategy_sec .left h2,.building_sec h3,.offering_sec h2,.startup_sec h2,.solution_sec h2,.app_sec h2,.helps_sec .right h2,.package-plan .left h2,.red_herring h2,.reach_sec h2{ font-size:30px;}
.test_cont{ font-size:20px; line-height:30px;}
.development_sec ul span{ display:none;}
.banner_sec .right p{ display:none;}
.helps_sec .right p{ font-size:30px;}
.inner_banner h2{ font-size:30px;}

.rc-anchor-normal{ width:200px!important;}
.hedare_right ul li{ margin:10px 2% 0 2%; width:95%;}


.hedare_right ul{ display:none;}
.new_cont{ margin:0px; padding:0px; display:block;}
.new_cont ul{ margin:0px; display:block;}
.new_cont ul li{ display:inline-block; width:40px; height:40px; border:2px solid #29c0a3;  border-radius:50%; text-align:center!important; margin:0 2px;}
.new_cont ul li span{ margin-right:0px;}
.new_cont ul li a{ text-decoration:none; color:#000000; display:block; line-height:35px; padding:0px!important;  border-radius:50%!important;}
.new_cont ul li a:hover{ background:#000000;  box-shadow: 0px 0px 0px #888;  border-radius:50%!important;}
.new_cont ul li i{ font-size:20px;}

ul#fade li{ font-size:23px;}

/*PORTFOLIO NEW CSS HERE*/
.portfolio_sec1 .left h2,.portfolio_sec2 .right h2{ font-size:30px;}



}