@media all and (max-width: 1600px){
.newscontent{padding:70px;}
.services a{width:20%; height:280px;}
.s-fixer{ height:550px; }
.content .partnertop h1{font:100 42px/42px 'Roboto',Arial, Helvetica, sans-serif; color:#363636;   margin-bottom:10px; }
.content .partnertop h1 i{font-weight:400; font-style:normal; color:#363636; }
.chatbot img{width:120px;}
}

@media all and (max-width: 1366px){
	
	.mainhead{font:100 36px/36px 'Roboto',Arial, Helvetica, sans-serif;  top:250px; }
	.mainhead i{font:100 52px/52px 'Roboto',Arial, Helvetica, sans-serif; }
	.teamlink a{font:400 16px 'Roboto',Arial, Helvetica, sans-serif;  padding:30px;}
	.s-content aside h2{ font:100 52px/52px 'Roboto',Arial, Helvetica, sans-serif; color:#444; margin-bottom:20px;}
	.s-gallery{height:600px;}
	.panel .close{ top:20px; right:20px;}
	.app-designs #ff{ margin-right:-14%;}
	.app-designs #rw{ margin-left:-14%; }

}

@media all and (max-width: 1280px){
    
video{ display:none;}
#mob-video{ display:block !important;}

.services a.soft, .services a.web, .services a.mob, .services a.branding, .services a.hire{ height:220px; background-position:center 30px ; } 
.services a.soft:hover, .services a.web:hover, .services a.mob:hover, .services a.branding:hover, .services a.hire:hover{background-position:center 30px ;}
.services a i{font:300 14px/18px 'Roboto',Arial, Helvetica, sans-serif; margin-top:120px;  color:#686868; }
.services a i b{  font:300 18px/18px 'Roboto',Arial, Helvetica, sans-serif;   }

	.chat span{display:none;}
	.quickenquiry span{display:none;}
	.chat i{border-right:none;}
	.quickenquiry i{ border-left:none;  background:url(../images/icon-mail.png) no-repeat center; }
	
	.newscontent{ padding:40px;}
	
	.whyus h3{font:700 20px/20px 'Roboto',Arial, Helvetica, sans-serif; }
	
	.comment h2{font:400 28px/28px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:10px; }
	.comment p{ font:400 13px 'Roboto',Arial, Helvetica, sans-serif;}
	.comment p i{  padding:10px 0; background:none; margin-bottom:10px;}
	
	.portfoliolinks a{ margin-right:30px; font:900 18px/60px 'Roboto',Arial, Helvetica, sans-serif;  }
	
	.s-content aside h2{ font:100 48px/48px 'Roboto',Arial, Helvetica, sans-serif;}
	
	.careertop1{width:100%;  padding:0 5%;   float:left; display:block;     }
	.careertop1 aside{width:100%; max-width:100%; float:left; height:auto;}
	.careertop2{width:100%;  float:left; display:block; padding:0 5%;  }
	.careertop2 aside{width:100%; max-width:100%; padding-left:0px; padding:20px 0; }
	
	.jobdetails .captchaimg{width:45%; margin-right:5% }
	.jobdetails .captchatxt{width:50%; }
	.jobdetails .submit{ width:100%; margin-top:15px;}
	
	.partnertop1{width:100%;  padding:0 5%;   float:left; display:block  }
	.partnertop1 aside{width:100%; max-width:100%; float:left; height:auto;}
	.partnertop2{width:100%;  float:left; display:block; padding:0 5%;  }
	.partnertop2 aside{width:100%; max-width:100%; float:left; height:auto; padding-left:0;}
	.partnertop2 aside a i{ border-bottom:none;}
	
	.partnertxt{ padding:40px 0;}
	.partners-form-in { margin:75px 0; }
	.partners-icons .box { min-height:390px; }

	
}

@media all and (max-width: 1100px){
.partnerwithus{ width:100%; padding:50px 0; height:auto;}
.partner{ position:static; top: auto; -webkit-transform: none; -ms-transform: none; transform: none;  left:0px; right:0px; margin-left:auto; margin-right:auto;}
.testimonials{width:100%; height:auto;  padding:50px 0; }
.commentsholder{ height:auto; position:static; top: auto; -webkit-transform: none; -ms-transform: none; transform:none;  left:0px; right:0px; margin-left:auto; margin-right:auto; }
}


@media all and (max-width: 1024px){
	

	

	.mainhead{top:200px; }
	.mainhead{font:100 22px/22px 'Roboto',Arial, Helvetica, sans-serif; color:#333;   }
	.mainhead i{font:100 36px/36px 'Roboto',Arial, Helvetica, sans-serif; }
	
	.process h1 b{font:900 54px/54px 'Roboto',Arial, Helvetica, sans-serif;  }	
	
	.newscontent{ padding:20px;}
	.newscontent h4{font:300 22px/22px 'Roboto',Arial, Helvetica, sans-serif;}
	
	.contact{  padding:7% 0;}
	
	footer img.flogo{display:none;}
	.footerfixer{width:90%;  position:static; left:auto; right:auto; top:auto; margin:30px auto;}
	.footerfixer{ position:static; left:auto; right:auto; margin:80px auto;  top: auto; -webkit-transform:none; -ms-transform: none; transform: none;}
	.footernav{width:30%; height:auto; float:left;}
	.footerser{width:70%; height:auto; float:left;}
	.footermap{width:100%; margin-top:50px;}
	.wmap{ display:none;}
	
	.innerhead{font:100 36px/36px 'Roboto',Arial, Helvetica, sans-serif; color:#fff; text-align:left;   margin-bottom:10px; }
	.dropdown{width:40px; height:40px; background:url(../images/downarrow.png) no-repeat center #f26a24;  position:absolute;  bottom:30px;  }
	.breadcrumbs{ margin-bottom:30px; float:left;}
	
	.whyus, .whyus.first{width:100%; padding-top:50px;}
	.whyus img{ width:50px; height:auto; display:block; margin-left:0px; }
	.whyus aside{ padding:0px;  margin-top:20px; border-left:none;}
	
	.whyus.first{width:100%;}
	.whyus.first aside{ padding:0px; border:none;}
	.whyus.first img{  margin-left:0px;}
	
	.ceosdetail{font:300 16px 'Roboto',Arial, Helvetica, sans-serif;}
	.s-fixer{width:80%; padding-right:10%;}
	.s-content aside h2{ font:100 36px/36px 'Roboto',Arial, Helvetica, sans-serif;}
	
	.portfoliolinks a{ box-sizing:border-box; padding:0 20px; text-align:center; color:#b1b1b1; display:block; float:left; position:relative; overflow:hidden;  margin-right:1px; font:400 18px/60px 'Roboto',Arial, Helvetica, sans-serif;  }
.portfoliolinks a.active{ color:#fff; background:#f36924; }
.portfoliolinks a i{display:none;}




.s-gallery{height:300px;}

.panel1{width:100%; padding:30px 5%; border-right:none; border-bottom:1px solid #d85c1e;}
.panel2{display:none; }

.adrfixer span{width:33.33%; padding-right:50px; font:300 16px/22px 'Roboto',Arial, Helvetica, sans-serif; }
.adrfixer a{ height:60px; font:700 18px/60px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:30px; float:left; }

.jobhead{ height:120px; }
.jobhead i{width:40px; height:40px; font:900 18px/40px  'Roboto',Arial, Helvetica, sans-serif; margin:40px 20px 40px 20px;}
.jobhead h3{  font:300 18px  'Roboto',Arial, Helvetica, sans-serif;  margin:20px; }
.jobhead h3 span{ width:150px;   font:400 13px  'Roboto',Arial, Helvetica, sans-serif; padding:5px 10px;  }
.jobhead a{width:30px; height:30px;  margin:40px 30px 40px 20px;  }
.jobhead a.closed{ background:url(../images/expand2.png) no-repeat center; border:2px solid #f26a24;}
.jobhead a.opened{ background:url(../images/minimize2.png) no-repeat center; border:2px solid #5b5b5b;}

.jobdetails1{width:100%; height:auto; float:left; padding:60px 5%; box-sizing:border-box; border-right:1px solid #ccc;}
.jobdetails2{width:100%; height:auto; float:left; padding:0 5% 60px; box-sizing:border-box; }


.partners-fixer { width:100%; }
.partners-icons .box { width:50%; min-height:300px; }
.partners-form .fixer h1 { font:400 23px/32px "Roboto",Arial,Helvetica,sans-serif; }
.partners-form .fixer p { font:400 16px/20px "Roboto",Arial,Helvetica,sans-serif; }



#mob-video{ min-height:200px;}

.designs #rw i{ display:block; } 
.designs #ff i{ display:block; }

.content .st-content p { font:300 16px "Open Sans",Arial,Helvetica,sans-serif; }
.content .st-content ul li { font:300 16px/25px 'Roboto',Arial, Helvetica, sans-serif; } 

.social-wrap{display:block}



	
}

@media all and (max-width: 800px){
	

	
	.innerbanner{overflow:hidden; }
	
	.navicon{width:30px; height:28px; margin-top:20px;}
	.navicon i{ height:3px;  margin-top:4px;}
	.chat{ height:28px;  margin-top:20px;   }
	.chat i{width:30px; height:28px;  }

.quickenquiry{ height:28px;  margin-top:20px;}
.quickenquiry i{width:30px; height:30px;  }
	
	
	
	
	.services{width:100%;  position:relative; overflow:hidden;}
	.services a.soft, .services a.web, .services a.mob, .services a.branding, .services a.hire{ border:1px solid #eee; border-right:none; }
	.services a.soft{ border-left:none; border-bottom:none;}
	.services a.mob{ border-left:none;}
	.services a.web{ border-bottom:none;}
	.banner{max-height:none;}
	
	.services a.soft{width:50%; }
	.services a.web{width:50%;}
	.services a.mob{width:33.33%; }
	.services a.branding{width:33.33%;}
	.services a.hire{width:33.33%;}
	
	.portfolio div.portweb, .portfolio div.portbrand, .portfolio div.portmob{ width:100%;}
	.portfolio .portbg, .portfolio div h3{ display:none; }
	.monitor{width:90%;  position:relative; top:auto; left:auto; margin:30px 5% 90px 5%; }
	.mobile{width:45%;  position:relative; top:auto; left:auto; right:auto; margin:30px auto;  }
	.brands{ width:90%; height:auto; position:relative; top:auto; left:auto; margin:30px 5% 150px;}
	
	.newsmain{width:60%; }
	.news aside{ width:40%;}
	.newsimg{width:100%; height:auto;}
	.newscontent{width:100%; height:auto; padding:70px; box-sizing:border-box; float:left;}
	
	.contact a.mail{font:700 36px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:10px;  }
	.contact h6{ font:700 14px/32px 'Roboto',Arial, Helvetica, sans-serif; color:#000; text-align:center;  }
	
	.bannerbottom{width:90%; height:auto; max-width:1535px; position:relative;  margin:0 auto; overflow:hidden; }
	.dropdown{width:40px; height:40px; background:url(../images/downarrow.png) no-repeat center #f26a24;  position:absolute;  bottom:auto; top:30px; margin-top:0px;  }
	.innerhead, .innerhead i{color:#333; }
	.breadcrumbs { color:#333;}
	.breadcrumbs a:hover{color:#333;}
	.innerhead{ margin-top:30px;}
	
	.strength aside.s1{width:100%;}
	.strength aside.s2{width:50%;  text-align:left; }
	.strength aside.s2 p{ float:left; margin-left:8%; }
	.strength aside.s3{width:50%;}
	.strength aside.s4{width:50%;  padding-right:0px;}
	.strength aside.s4 p{ float:none;}
	.strength aside.s5{width:50%;}
	.strength aside.s6{width:50%;  margin-left:0px; }
	.strength aside.s7{width:50%; }

	.member{width:45%; margin-left:5%; margin-bottom:5%;}
	
	.ceosdetail{font:300 14px 'Roboto',Arial, Helvetica, sans-serif;}
	
	.content h1{font:100 42px/42px 'Roboto',Arial, Helvetica, sans-serif; color:#4d4d4d;  }
	.team h2{font:700 48px/48px 'Roboto',Arial, Helvetica, sans-serif; }
	.content p{ font:300 18px 'Open Sans', Arial, Helvetica, sans-serif; }
	
	.portfolioitem{ margin:40px 0;   }
	.portfoliolinks a{ width:24%; height:60px; font:400 16px/60px 'Roboto',Arial, Helvetica, sans-serif; margin-right:1%; border:1px solid #ddd; }
	.project{width:90%; margin-left:5%; }
	.projectimg{width:100%;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; cursor:pointer; }
	.back{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);  -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; cursor:pointer;}
	.desaturateimg{display:none;}

	.project  aside{width:100%; position:static; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; left:auto; right:auto; padding-top:5%; float:left; display:block; }
	.project .phone{width:52%;  left:auto; margin:0; padding:7% 1.5%; cursor:pointer; z-index:3;   }
	.project aside a{ width:120px; height:auto;font:300 16px/18px 'Roboto',Arial, Helvetica, sans-serif; color:#fff;margin-left:15px;padding:12px 10px;background-position: center right 10px;background-size:7px;margin-bottom:10px;}
	.project.second aside h4,.project aside h4{display:none;}
	.project.second aside h3, .project.second aside h4,.project aside h3{text-align:left;padding-left:15px;}
	
	.s-fixer{ height:auto; }
	.s-content aside{width:100%; position: static; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; margin:20px 0 50px;}
.s-content img{width:100%; position: static; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; margin:50px 0 20px; }

.other-ser h3{ width:94%; height:100px;  text-align:left; font:900 28px/100px 'Roboto',Arial, Helvetica, sans-serif; padding-left:80px; }


.port-branding .port-brand{ margin-bottom:50px;}
.port-brand .brandid{width:90%; height:320px; margin-left:5%; }
.brandid img{margin:50px auto 20px auto;}
.port-brand .designs {  width:90%; margin-left:5%; padding:0 5px 5px; background:#fff; box-sizing:border-box; }


/*
.blockholder{ display:none;}
nav{ width:180px;   }
nav ul{width:100%; top:50%; margin-top:-100px; position:absolute;  }
nav .closenav{ width:35px; height:35px;  top:20px; left:20px; background:url(../images/close3.png) no-repeat;}
*/

.commentsholder{ position:relative; top: 50%; -webkit-transform: none; -ms-transform: none; transform: none;  left:auto; right:auto; margin:auto;}

.comments{ padding-top:60px;}
.comments h2{width:50%; font:400 24px/24px 'Roboto',Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; text-align:left;}
.partner h2{font:400 24px/24px 'Roboto',Arial, Helvetica, sans-serif;}
.comments .clientimg{ width:30%; min-width:94px; height:auto; float:left; margin-left:0px; margin-right:30px;}
.comments p, .partner p{ font:300 14px 'Roboto',Arial, Helvetica, sans-serif; text-align:left; }
.comments p i{ text-align:left; }
.commentsholder .btn.a{left:auto; top:0px; right:47px;}
.commentsholder .btn.b{left:auto; top:0px; right:0px;}

.footerfixer{ margin:50px auto; }
.footermap{width:100%; margin-top:0px;}
.footermap span{ margin-top:10px;}

.getintouch .c-a{width:100%; }
.getintouch .c-b{width:100%;  margin-left:0;}
.getintouch p{ margin:10px 0;}

.address{ height:350px;}
.address .adrfixer{ height:280px;}
.adrfixer span{width:100%; padding-right:0px; font:300 18px/24px 'Roboto',Arial, Helvetica, sans-serif; position:absolute; top:90px; left:-100%; z-index:-1; text-align:center; }
.adrfixer span.current{left:0px;}
.adrfixer a{ width:33.33%; height:60px; font:700 18px/60px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:30px; float:left; }

.single-page-nav a img{width:20px;height:20px;margin:4px;}
.single-page-nav a{widtH:30px;height:30px;}

}



@media all and (max-width: 768px){
	

    .app{padding:8% 0%;}
    .app-designs{margin:8% auto 0%;}
    .app h2{font-size:27px;margin-bottom:10px}
    .service-slider .service-box{height:260px;}
    


}

@media all and (max-width: 640px){
	
	.innerhead{font:100 32px/32px 'Roboto',Arial, Helvetica, sans-serif;}
	
	
	.whyus, .whyus.first{ padding-top:40px;}
	.whyus span{ margin-top:10px;}
	.whyus img{ width:40px; }
	.whyus h3{ margin-bottom:10px; }
	
	.processfixer{ top:20%;}
	.process h1 b{font:900 36px/36px 'Roboto',Arial, Helvetica, sans-serif;  }
	
	.process{ height:300px;}
	
	.newsmain{width:100%;  }
	.news aside{ width:100%; position:relative; bottom:auto; left:auto; }
	.news h1{display:none; }
	.news h3{ position:static;  margin:50px 0 20px;}
	.newsimg{width:100%; height:auto;}
	.newscontent{width:100%; height:auto; padding:30px; box-sizing:border-box; float:left;}
	.news .buttons{ display:none;}
	
	.contact{ width:90%;  padding:50px 5%;}	
	.contact h5{ font:700 20px/30px 'Roboto',Arial, Helvetica, sans-serif;  margin:10px 0; }
	.contact a.mail{font:700 20px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:0px;  }
	.contact h6{ font:700 12px/24px 'Roboto',Arial, Helvetica, sans-serif; color:#000; text-align:center;  }
	.social a.tweet, .social a.facebuk, .social a.linkedin, .social a.gplus{ font:700 10px/24px 'Roboto',Arial, Helvetica, sans-serif;  padding-left:25px; margin:0 3px; }
	
	.strength aside{ height:100px; overflow:hidden;}
	.strength aside h2{font:300 32px/32px 'Roboto',Arial, Helvetica, sans-serif; color:#000;  margin-left:8%;   }
	.strength aside p{width:84%;}
	.strength aside.s2{width:100%;  }
	
	.strength aside.s3{width:100%;}
	.strength aside.s4{width:100%;  }
	.strength aside.s5{width:100%;}
	.strength aside.s6{width:100%;  }
	.strength aside.s7{width:100%; }
	
	.teamlink{width:95%; margin:0 2.5% 20px; }
	.teamdetail{width:100%; }
	.teamlink a{width:auto; height:auto; padding:7px 10px;   border:1px solid #ccc;  display:block; box-sizing:border-box; float:left; margin-right:1%; margin-bottom:4px; font:400 12px 'Roboto',Arial, Helvetica, sans-serif; text-align:center;  }
	.teamlink a.active{border:1px solid #f26a24; background:#f26a24; color:#fff; }
	.teamlink a#ceo{width:19%;}
	.teamlink a#tl{width:39%;}
	.teamlink a#sw{width:60%; }
	.teamlink a#mob{width:50%; margin-right:0;}
	.teamlink a#web{width:40%; margin-right:0;}
	.teamlink a#web2{width:49%;}
	.teamlink a#bnd{width:39%; margin-right:0;}
	
	.member, .ceos{ margin:0 2.5% 30px;}
	
	.ceos{width:95%;}
	.ceosdetail{width:100%; padding:0px 2.5%; } 
	
	.project aside h3{font:400 22px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:5px;}
.project aside h4{font:400 16px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:5px;}

	
	 .other-ser h3{ height:80px;  font:900 18px/80px 'Roboto',Arial, Helvetica, sans-serif; }
	 
	 .portfoliolinks a{ width:49%; height:60px; font:400 13px/60px 'Roboto',Arial, Helvetica, sans-serif; margin:0 1% 4px 0; padding:0;  }
	 
	 .panel h1{ font:600 24px 'Roboto',Arial, Helvetica, sans-serif;   }
	 .panel p{font:300 14px 'Roboto',Arial, Helvetica, sans-serif;  margin-bottom:20px;}

	 .panel .txtbox{ height:35px;  margin-bottom:10px; font:300 14px/35px 'Roboto',Arial, Helvetica, sans-serif; }
.panel .txtarea{ height:80px; padding-top:5px; margin-bottom:10px; font:300 14px 'Roboto',Arial, Helvetica, sans-serif; }
.panel .submit{width:150px; height:35px; background:#fde5d8; text-align:center; font:400 18px/35px 'Roboto',Arial, Helvetica, sans-serif; color:#f26823; cursor:pointer;}

.adrfixer a{ width:32.33%; margin-right:1%; height:40px; font:700 14px/40px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:30px; float:left; }

.careertop2 aside a{ height:auto; padding-left:80px; padding-top:20px; display:block; background:url(../images/career-contact2.png) no-repeat left top; font:700 20px 'Roboto',Arial, Helvetica, sans-serif; color:#fff; box-sizing:border-box;  }
.careertop2 aside a i{  font:400 16px 'Roboto',Arial, Helvetica, sans-serif; font-style:normal; display:block; padding-bottom:30px; border-bottom:2px solid #fff;}

.partnertop1 aside{padding:30px 30px 30px 0;}
.partnertop2 aside a{ height:auto; padding-left:80px; padding-top:20px; display:block; background:url(../images/career-contact2.png) no-repeat left top; font:700 20px 'Roboto',Arial, Helvetica, sans-serif; color:#fff; box-sizing:border-box;  }
.partnertop2 aside a i{  font:400 16px 'Roboto',Arial, Helvetica, sans-serif; font-style:normal; display:block; padding-bottom:30px; }
.content .partnertop h1{font:100 36px/36px 'Roboto',Arial, Helvetica, sans-serif; color:#363636;   margin-bottom:10px; }

.form-sec-1 { width:100%; }
.form-sec-2 { width:100%; margin-left:0%; }
.form-sec .txtbox { height:40px; font:300 16px/40px 'Roboto',Arial, Helvetica, sans-serif; }
.form-sec .txtarea { height:80px; font:300 16px 'Roboto',Arial, Helvetica, sans-serif; }




.jobhead{ height:100px; display: -webkit-flex; display: flex; align-items: center; }
.jobhead a.closed,.jobhead a.opened{order: 2; margin-left: auto;}
.jobhead i{width:25px; height:25px; font:700 16px/25px  'Roboto',Arial, Helvetica, sans-serif; margin:37px 20px; }
.jobhead h3{ font:300 13px  'Roboto',Arial, Helvetica, sans-serif;  margin:20px 10px;   }
.jobhead h3 span{ width:130px;   font:400 12px  'Roboto',Arial, Helvetica, sans-serif; padding:4px 8px;  }
.jobhead a{width:20px; height:20px;   right:15px; }

.app-designs{width:60%;position:relative;}
.one .mslider li span, .two .mslider li span{ width:100%; height:100%;  padding:12% 2%;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-sizing:border-box;}



	
}

@media all and (max-width: 480px){


	
	.services{ margin-top:30px;  border:none;}
	.services a.soft{width:100%; background:url(../images/icon-soft.png) no-repeat center 25px #fff; }
	.services a.web{width:100%; background:url(../images/icon-web.png) no-repeat center 25px #fff;}
	.services a.mob{width:100%; background:url(../images/icon-mob.png) no-repeat center 25px #fff; }
	.services a.branding{width:100%; background:url(../images/icon-branding.png) no-repeat center 25px #fff;}
	.services a.hire{width:100%; background:url(../images/icon-hire.png) no-repeat center 25px #fff;}
	.services a.soft, .services a.web, .services a.mob, .services a.branding, .services a.hire{ border:1px solid #ccc; box-sizing:border-box;  height:180px; background-position:center 30px ;  }
	.services a.soft:hover, .services a.web:hover, .services a.mob:hover, .services a.branding:hover, .services a.hire:hover{background-position:center 30px ;}
	.services a i{font:300 14px/18px 'Roboto',Arial, Helvetica, sans-serif; margin-top:110px;   }
	.services a i b{ }
	
	

	

 
	
	.process{ height:230px;}
	.processfixer{ top:15%;}
	.process h1 b{font:900 24px/24px 'Roboto',Arial, Helvetica, sans-serif;  }
	.process p{font:300 13px 'Roboto',Arial, Helvetica, sans-serif;   margin:10px 0;}
	.process a{ width:100px; height:25px; background:#f26823; font:300 14px/25px 'Roboto',Arial, Helvetica, sans-serif; color:#fff; display:block; text-align:center;   }
	

	
	.footernav{ padding-right:20px;}
	footer h4{font:300 16px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:20px; }
	footer h4 i{width:60%; height:1px; background:#6f6f6f; float:left; top:20px; left:70px; position:absolute; }
	footer a{font:300 12px 'Roboto',Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:none; padding:5px 0; display:block;}
	

	
	.project aside h3{font:400 18px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:5px;}
	.project aside h4{font:400 14px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:5px;}
	.project aside a{ font:300 14px/20px 'Roboto',Arial, Helvetica, sans-serif;  }

	.s-content aside h2{ font:100 28px/28px 'Roboto',Arial, Helvetica, sans-serif;}
	.s-content aside p{ font:400 14px 'Roboto',Arial, Helvetica, sans-serif; }
	
.panel1-a{width:100%; height:auto; float:left;}
.panel1-b{width:100%; height:auto; float:left; margin-left:0px;}

.comments h2{ font:400 20px/20px 'Roboto',Arial, Helvetica, sans-serif; }
.partner h2{ font:400 20px/20px 'Roboto',Arial, Helvetica, sans-serif; }

.partners-icons .box { width:100%; min-height:250px; padding:40px 35px; }

.content .st-content p { font:300 14px "Open Sans",Arial,Helvetica,sans-serif; }
.content .st-content h2 { font:400 22px/22px 'Roboto',Arial, Helvetica, sans-serif; }
.content .st-content h3 { font:100 20px/20px 'Roboto',Arial, Helvetica, sans-serif; }
.content .st-content ul li { font:300 14px/18px 'Roboto',Arial, Helvetica, sans-serif; padding-bottom: 10px; background:url(../images/dot.png) no-repeat 0 6px; }
.why-choose .box, .why-choose .wrap2 .box{min-height:auto;width:100%;}
	
}

	


@media all and (max-width: 400px){
	.mainhead{font:300 18px/18px 'Roboto',Arial, Helvetica, sans-serif;    }
	.mainhead i{font:300 18px/18px 'Roboto',Arial, Helvetica, sans-serif; display:inline; margin-left:10px; color:#333; }
	.contact{ width:90%;  padding:30px 5%;}	
	.contact a.mail{font:700 16px 'Roboto',Arial, Helvetica, sans-serif; margin-bottom:0px;  }
	#mob-video{ min-height:180px;}
}
	
	
@media all and (max-width: 360px){
	
	.logo{ top:20px;  }
	.member{width:95%; }
	.content h1{font:300 22px/22px 'Roboto',Arial, Helvetica, sans-serif; color:#4d4d4d; margin-bottom:15px;  }
	.team h2{font:700 36px/36px 'Roboto',Arial, Helvetica, sans-serif; }
	.content p{ font:300 13px 'Open Sans', Arial, Helvetica, sans-serif; text-align:justify; }
	.jobdetails li{ padding:10px 0 10px 20px;}
	.jobdetails li p{  text-align:left; }

		
	 
}