@media (min-width: 1982px) {
.projectListOutter { min-height: 1260px; }
.mediaWrap { min-height: 1260px; }
.projectListOutter { margin-top: 80px; }
}

@media (max-width: 1980px) and (min-width: 1400px) {
.projectListOutter { height: 640px; }
.bottomGallery .rslides li iframe { min-height: 800px; }
#ascrail2000 { height: 56% !important; top: 16% !important; }
.mediaWrap { height: 550px; }
.projectListOutter { margin-top: 80px; }
}

@media only screen and (max-width: 1280px) {
.platformsWrap ul li { width: 109px; }
.platformsWrap ul li span { font-size: 9px; }
.projectListOutter { height: 540px; }
#ascrail2000 { height: 60% !important; }
}

@media only screen and (max-width: 1200px) {
.teamInfoWrap { padding: 3% 4%; }
.platformsWrap ul li { width: 111px; margin-right: 5px; }
.platformsWrap ul li img { width: 100%; }
.projectsWrap .projectNav > ul { margin: 84px 0 0 12%; }
.teamInfoWrap { margin-bottom: 0; padding: 2% 4%; }
.teamProfileDesig { margin-bottom: 10px; }
}

@media only screen and (max-width: 1024px) {
.container_16 { width: 98%; margin-left: 1%; margin-right: 1%; }
.clientsWrap ul > li { width: 19%; }
.teamInfoWrap { margin-bottom: -400px; padding-bottom: 400px; }
.platformsWrap ul li { width: 93px; }
.platformsWrap ul li span { font-size: 7px; }
.projectsWrap .projectNav > ul > li > a { font-size: 14px; }
.detalPageTagline { left: 4%; width: 92%; }
#ascrail2000 { right: 14px !important; }
.mediaInfo { min-height: 170px; }
.teamImages { display: none; }
.teamImages-md { display: none; }
.teamImages-big { display: block; }
}

@media only screen and (max-width: 959px) {
body { overflow-x: hidden; }
.section { height: auto !important; overflow: visible; position: relative; clear: both; }
.fp-tableCell { height: auto !important; }
.sectionBg { position: relative; }
header { position: fixed; background: #ffffff; z-index: 9999; }
.logo { padding: 10px 0; }
.pageData { margin-top: 75px; }
.whoweareWrap, .teamWrap, .clientsWrap, .mediaWrap, .work-cultureWrap, .we-hiringWrap, .joinusWrap, .contactWrap, .contactForm { top: 15%; width: 89%; left: 5%; }
.clientsOutter { padding-right: 0; }
.clientsWrap ul > li { width: 15.6%; }
.servicesBg { top: 76px; }
.servicesLeft { display: none; }
.servicesSection { top: 15%; width: 89%; left: 5%; position: relative; margin: 0; overflow: hidden; padding: 135px 0 0 0; margin-top: -35px; }
#section0 .servicesSection { padding-top: 140px; margin-top: -35px; }
#section4 .servicesSection { margin-bottom: 50px }
.platformsWrap ul li { width: 118px; }
.platformsWrap ul li img { width: auto; }
.platformsWrap ul li span { font-size: 9px; }
.projectsWrap .projectNav { width: 30%; margin-bottom: 0; padding-bottom: 0; padding-top: 0; }
.projectsWrap { position: absolute; }
.projectListOutter { height: auto; overflow: auto; }
.projectsWrap .projectNav { width: auto; float: none }
.projectsWrap .projectNav > ul { margin: 20px 4%; }
.projectsWrap .projectList { width: auto; float: none; padding-top: 10px; top: 15%; width: 89%; left: 5%; position: relative; }
.projectListOutter .projectBox.active { width: 31%; margin: 10px 1%; }
.projectListOutter { margin: 20px 0 40px 0; float: none; width: auto; }
.sectionBg.workBg { position: fixed; }
.projectListOutter .projectBox .projectInfo { min-height: 45px; }
.projectsWrap .projectNav > ul { padding: 15px 0; }
.projectsWrap .projectNav > ul > li { float: left; margin-bottom: 0; margin-right: 30px; margin-left: 20px; }
.innerBody .pageData { margin-top: 0; }
.navigation { z-index: 9999; }
.navIcon.active { top: 26px; right: 1.5%; }
.banner { margin-top: 75px; }
.sectionBg.mediaBg { position: fixed; }
.mediaWrap { left: 0; height: auto; margin-top: 50px; margin-bottom: 50px; }
.joinUsInput input, .joinUsInput textarea { width: 83%; }
.contactBox.contactBoxMiddle { min-height: 215px; }
.bodyLoader { z-index: 99991; }
.contactBtnGroup a.getouchDesktop { display: none; }
.contactBtnGroup a.getouchMobile { display: inline-block; }
.teamProfile { width: 33%; }
.teamInfoWrap { width: 59%; }
.joinusBtn a.joinusDesktop { display: none; }
.joinusBtn a.joinusMobile { display: inline-block; }
.videoHome { position: relative; }
.workhomeBtn.desktopBtn { display: none; }
.workhomeBtn.mobileBtn { display: block; }
.abouthome { position: absolute; top: -230px; }
.workhome { position: absolute; right: 0; top: -230px; }
.sectionBg.servicesBg { position: fixed; }
}

@media only screen and (max-width: 800px) {
.pageHeading { position: relative; width: auto; }
.pageHeading.work {width: auto;}
.pageHeading.work h1 { margin-bottom: 20px; margin-top: 20px; }
.workHomeInner ul#toggleMenu > li > a { font-size: 15px; }
.homeProjects { width: 90%; top: 15%; left: 5%; }
.sectionBg { min-height: 10px; }
.whoweareWrap h3, .work-cultureInner h2, .we-hiringWrap h2 { font-size: 30px; line-height: 30px; margin: 0 0 20px 0; }
.clientsWrap h2, .joinusWrap h2 { font-size: 28px; margin-bottom: 20px; }
.clientsWrap ul { margin: 20px -1%; }
.platformsWrap ul li { width: 124px; }
.projectListOutter .projectBox.active { width: 48%; }
.pagedetailtxtLeft { width: auto; float: none; margin-right: 0; margin-top: 5px; margin-bottom: 20px; }
.subHeighlight { font-family: 'ralewayregular'; color: #666666; font-size: 14px; text-transform: none; line-height: 24px; }
.pagedetailtxtRight { float: none; width: auto; margin-top: 18px; margin-bottom: 20px; }
.subHeighlight h3 { font-size: 14px; color: #222222; text-transform: uppercase; font-family: 'ralewaysemibold'; line-height: 18px; margin: 0 0 10px 0; }
.bottomGallery { width: 98%; }
.bottomGallery .rslides li iframe { min-height: 460px; }
.mediaInfo { min-height: 214px; }
.newdetailWrap h3 br { display: none; }
.newdetailWrap ul > li { width: 48%; }
.we-hiringInner { width: 94%; }
.joinUsInput input, .joinUsInput textarea { width: 80%; }
.joinusWrap { margin-bottom: 40px; }
.joinusBtn a { padding: 15px 40px; }
footer { position: relative; bottom: 0; color: #abaaaa; padding: 10px 0; background: #111111; }
.mediaWrap { position: relative; margin-top: 115px; }
.whoweareWrap, .teamWrap, .clientsWrap, .work-cultureWrap, .we-hiringWrap, .joinusWrap, .contactWrap, .contactForm { top: 10%; width: 94%; left: 2%; }
.mediaWrap{ left:0;}
.mediaWrap{ margin-top:20px;}
.pageHeading.mediaUpdates { width: 90%; margin: 110px auto 0 auto;}
.enqInput input, .enqInput textarea { width: 88%; }
.enqSubmit { margin: 0 1% 0 1%; }
.contactBtnGroup { margin-top: 18px; }
.contactBtnGroup a { width: 47%; }
.projectsWrap { position: relative; margin-top: 120px; }
footer.innerFooter { bottom: 0; position: relative; }
.bottomGallery { margin-bottom: 20px; }
.projectEnqform .projectEnqformInner { padding: 70px 40px 30px 40px; }
.projectInput input, .projectInput textarea { width: 86%; }
.homeProjects h3 { font-size: 30px; line-height: 32px; }
.homeProjects h4 { font-size: 16px; line-height: 18px; }
.servicesSection { width: 90%; left: 0; padding: 135px 5% 0 5%; }
.rslides_nav.rslides1_nav { width: 42px; height: 42px; }
.rslides_nav.rslides1_nav.next { background: url(../images/next-btn.png) no-repeat center center; }
.rslides_nav.rslides1_nav.prev { background: url(../images/prev-btn.png) no-repeat center center; }
.rslides_nav.rslides1_nav { opacity: 1; }
.flexslider1 ul.flex-direction-nav { position: absolute; top: 38%; right: 0; width: 100%; left: 0; height: auto; }
.flexslider1 ul.flex-direction-nav > li { width: 35px; height: 35px; float: left; top: 0; position: absolute; }
.flexslider1 ul.flex-direction-nav > li.flex-nav-prev { left: 0; background: #000000 url(../images/prev-arrow.png) no-repeat; }
.flexslider1 ul.flex-direction-nav > li.flex-nav-next { right: 0; background: #000000 url(../images/next-arrow.png) no-repeat; }
.servicesTab.mobileDevice { display: block; position: fixed; width: 100%; z-index: 999; top: 76px; }
.servicesTab-btn { background: #444444; text-align: right; cursor: pointer; }
.servicesTab-btn span { padding: 5px 15px 5px 5px; display: block; }
.servicesTab-btn span img { transition: 0.5s; }
.servicesTab ul { background: #333333; padding: 20px 25px; display: none; }
.servicesTab ul > li { margin-bottom: 9px; }
.servicesTab ul > li:last-child { margin-bottom: 0; }
.servicesTab ul > li > a { color: #ffffff; display: block; }
.servicesTab-btn span img.active { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); transition: 0.5s; }
.mediaMore a { opacity: 1; }
}

@media only screen and (max-width: 768px) {
header.stickyHeader { top: 0; }
.whoweareWrap, .teamWrap, .clientsWrap, .mediaWrap, .work-cultureWrap, .we-hiringWrap, .joinusWrap, .contactWrap, .contactForm { width: 94%; left: 0; padding: 0 3%; }
.mediaGroup { width: 48%; }
.mediaInfo { min-height: 148px; }
.newdetailWrap ul > li { width: 49%; }
.newdetailWrap ul > li:nth-child(even) { margin-right: 0; }
.joinusForm .joinUsInput { width: 32.2%; }
.projectsWrap .projectList { width: 94%; left: 0; padding: 0 3%; }
.detalPageTagline { bottom: 60px; }
.detalPageTagline h1 { font-size: 30px; }
.joinusForm .joinUsInput { margin-right: 0.5%; margin-left: 0.5%; }
.joinUsSubmit { margin-left: 0.5%; }
.projectsWrap .projectNav > ul > li { background: url(../images/bullet.png) no-repeat left top 6px; }
.projectsWrap .projectNav > ul > li.active { background: url(../images/active-bullet.png) no-repeat left top 6px; }
.workHomewrap { display: none; }
.downArrow { display: none; }
.aboutTeam .sectionBg { min-height: 440px; }
.teamProfile { width: 38%; }
.teamInfoWrap { width: 54%; }
.banner { margin-top: 76px; }
}

@media only screen and (max-width: 753px) {
.navIcon.active { top: 16px; right: -1.5%; }
.contactBox h3 { margin-bottom: 10px; }
.contactBtnGroup { margin-top: 8px; }
.contactBtnGroup a { padding: 13px 0; }
.contactBox ul > li { margin-bottom: 10px; }
.enqInput textarea { height: 14px !important; }
.projectsWrap { margin-top: 0; }
.banner { margin-top: 0; }
.mediaWrap { margin-top: 30px; margin-bottom: 30px; }
.navigation { padding: 0 7%; overflow-y: scroll; }
nav { margin: 70px 0 40px 0; }
nav ul li a { font-size: 26px; }
nav:after { position: fixed; }
.newdetailWrap h3 { text-transform: none; }
.teamProfile { width: 39%; }
.teamInfoWrap { width: 57%; padding: 2% 2%; }
}

@media only screen and (max-width: 736px) {
.detalPageTagline h1 { font-size: 25px; }
.contactForm h2, .whoweareWrap h3, .work-cultureInner h2, .we-hiringWrap h2, .clientsWrap h2, .joinusWrap h2, .homeProjects h3 { font-size: 25px; line-height: 25px; margin: 0 0 20px 0; }
.pagedetailtxtRight h3 { margin-top: 20px; }
#section4 .servicesSection { margin-bottom: 30px; }
}

@media only screen and (max-width: 711px) {
.joinusBtn { margin-top: 25px; }
.work-cultureInner { width: auto; }
.teamProfile { width: 49%; }
.teamInfoWrap { width: 49%; padding: 1%; padding-bottom: 400px; margin-bottom: -400px; }
.aboutTeam .sectionBg { min-height: 510px; }
.footerLink > ul > li > a:hover { color: #abaaaa; }
}

@media only screen and (max-width: 640px) {
.homeProjects { position: relative; width: 94%; left: 0px; padding: 40px 3%; min-height: 250px; }
.whoweareWrap, .teamWrap, .clientsWrap, .mediaWrap, .work-cultureWrap, .we-hiringWrap, .joinusWrap, .contactWrap, .contactForm { position: relative; padding: 40px 3%; }
.sectionBg { position: absolute; height: 100%; width: auto; min-width: 100%; }
.servicesBg { height: 100%; width: auto; min-width: 100%; }
.sectionBg.homeBanner { position: relative; }
.clientsWrap ul > li { width: 24%; }
.projectsWrap .projectNav > ul > li { margin-left: 5px; }
.projectsWrap .projectNav > ul > li:last-child { margin-right: 0; }
.bottomGallery .rslides li iframe { min-height: 310px; }
.projectEnqform .projectEnqformInner { padding: 40px 30px 30px 30px; }
.mediaInfo { min-height: 170px; }
.mediaWrap { margin-top: 0; }
.joinusWrap { margin-bottom: 0; }
.contactBox.contactBoxFirst { margin-right: 0; width: auto; }
.contactBox.contactBoxMiddle { min-height: 10px; width: auto; padding: 0; border-left: none; margin: 20px 0; border-right: none; }
.contactBox.contactBoxLast { margin-left: 0; width: auto; }
.contactBox ul > li br { display: none; }
.enqInput input, .enqInput textarea { width: 85%; }
.we-hiringInner { width: auto; }
.teamImages { display: block; }
.teamImages-big { display: none; }
.teamProfile { width: 99.9%; }
.teamInfoWrap { padding: 2%; width: 96%; margin-bottom: 0; }
.teamProfile { display: none; }
.mobileteamImg { display: block; margin-bottom: 15px; }
.mobileteamImg img { width: 100%; }
.abouthome, .workhome { top: -190px; }
.mobileContactbtns { display: block; margin-bottom: 20px; }
.desktopContactbtns { display: none; }
.mediaWrap { margin-bottom: 0; padding: 0 3% 20px 3%; }
.flexslider1 ul.flex-direction-nav { top: 55.3%; }
.flexslider1 ul.flex-direction-nav > li{ top:0;}
}

@media only screen and (max-width: 600px) {
.projectsWrap .projectNav > ul > li { margin-right: 20px; }
.joinusForm .joinUsInput { width: 49%; }
.joinUsInput input, .joinUsInput textarea { width: 83.5%; }
.flexslider1 ul.flex-direction-nav > li{ top:-3%;}
}

@media only screen and (max-width: 569px) {
.logo a img { width: 70% }
.stickyHeader .navIcon { margin: 16px 0 0 0; }
.projectsWrap .projectNav > ul > li { margin-right: 15px; }
.projectListOutter .projectBox.active { width: 98%; }
.we-hiringWrap ul > li span { font-size: 16px; }
.abouthome, .workhome { top: -180px; }
.flexslider1 ul.flex-direction-nav { top: 51%; }
.servicesTab.mobileDevice { top: 61px; }
.banner { margin-top: 60px; }
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 533px) {
.mediaInfo { min-height: 192px; }
.projectsWrap .projectNav > ul > li > a { font-size: 12px; }
.projectsWrap .projectNav > ul > li { background: url(../images/bullet.png) no-repeat left top 4px; }
.projectsWrap .projectNav > ul > li.active { background: url(../images/active-bullet.png) no-repeat left top 4px; }
.joinusForm .joinUsInput { margin-right: 1%; margin-left: 1%; }
.joinusForm .joinUsInput { width: 48%; }
.joinUsInput input, .joinUsInput textarea { width: 81.2%; }
.enqInput input, .enqInput textarea { width: 82%; }
.flexslider1 ul.flex-direction-nav { top: 44%; }
}

@media only screen and (max-width: 480px) {
.projectsWrap .projectNav > ul { margin: 20px 4% 0 4%; }
.projectsWrap .projectNav > ul > li { float: none; margin-bottom: 10px; }
.projectsWrap .projectNav > ul > li:last-child { margin-bottom: 0; }
.bottomGallery .rslides li iframe { min-height: 270px; }
.mediaGroup { width: 98%; margin-bottom: 30px; }
.mediaInfo { min-height: 10px; }
.we-hiringWrap ul > li:nth-child(odd) { margin-right: 0; }
.we-hiringWrap ul > li { width: auto; float: none; }
.joinusForm .joinUsInput { width: 98%; }
.joinUsInput input, .joinUsInput textarea { width: 89%; }
.enqInput { width: 98%; }
.enqInput input, .enqInput textarea { width: 90%; }
.logo a img { width: 82%; }
.abouthome, .workhome { top: -140px; }
.banner { margin-top: 60px; }
}

@media only screen and (max-width: 424px) {
.logo a img { width: 90%; }
.abouthome, .workhome { display: none; }
.detalPageTagline h1, .contactForm h2, .whoweareWrap h3, .work-cultureInner h2, .we-hiringWrap h2, .clientsWrap h2, .joinusWrap h2, .homeProjects h3 { font-size: 22px; line-height: 27px; }
.detalPageTagline { left: 0; width: 96%; margin: 0 auto; bottom: 0; position: relative; color: #666666; margin-top: 20px; }
.detalPageTagline h1, .detalPageTagline h4 { color: #666666; }
.detailPageDown { display: none; }
.detailFooter { background: none; }
.bottomButton { width: auto; float: none; margin-bottom: 10px; background: #000000; }
.bottomButton.last { margin-bottom: 0; }
.projectEnqform { width: 100%; }
.mediaWrap { padding-bottom: 0; margin-bottom: 0; }
.newdetailWrap ul > li { width: 98%; margin: 0 1% 20px 1%; }
.desktopsectionBg { display: none; }
.mobilesectionBg { display: block; }
.homeProjects { min-height: 350px; color: #ffffff; text-align: center; padding: 160px 3% 60px 3%; }
.rslides_nav.rslides1_nav { top: 40%; }
.joinUsInput input, .joinUsInput textarea { width: 86%; }
.stickyHeader .navIcon { margin: 14px 0 0 0; }
.clientsWrap ul > li { width: 32.3%; }
.enqInput input, .enqInput textarea { width: 87%; }

.joinUsInput input, .joinUsInput textarea { width: 88%; }
.joinUsInput select { width: 99.5%; }
.projectListOutter { margin-bottom: 0 }
.we-hiringWrap ul > li:last-child { margin-bottom: 0; }
.detalPageTagline h4 { font-size: 14px; }
.detalPageTagline h1 { font-size: 17px; line-height: 23px; }
.closeProjectForm { display: inline-block; }
.closeProjectForm i.fa-close { color: #fff; background: #c93636; padding: 6px 6px 6px 7px; border-radius: 50%; }
.mediaInfo { padding-bottom: 45px; }
.bodyLoader img { margin-top: 54%; }
.platformsWrap ul li img { width: auto; }
.newsback { margin-bottom: 20px; }
.flexslider1 ul.flex-direction-nav { top: 38%; }
.servicesTab.mobileDevice { top: 58px; }
.servicesSection { padding: 115px 5% 0 5%; margin-top: -55px; }
#section0 .servicesSection { padding-top: 115px; }
.pageData { margin-top: 58px; }
#fp-nav ul { display: none }
.servicesTab-btn span { padding: 5px 5px 5px 5px; }
.banner { margin-top: 58px; }
.detalPageTagline h1 { margin: 10px 0px 5px 0; }
html, body { overflow-x: hidden }
.downArrow.mobileScroll { display: block; }
.pageHeading.mediaUpdates { margin-top:80px}
.pageHeading h1{ margin-bottom:20px;}
.flexslider1 ul.flex-direction-nav > li{ top:0;}
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 400px) {
.platformsWrap ul li { width: 109px; }
.platformsWrap ul li span { font-size: 9px; }
.newdetailWrap h3 { line-height: 28px; }
.pageData { margin-top: 56px; }
.banner { margin-top: 56px; }
}

@media only screen and (max-width: 384px) {
.platformsWrap ul li { width: 150px; }
.platformsWrap ul li img { width: auto; }
.platformsWrap ul li span { font-size: 11px; display: block; margin-bottom: 10px; }
.platformsWrap h4 { margin-top: 20px; }
.flexslider1 ul.flex-direction-nav { top: 35%; }
.pageData { margin-top: 55px; }
.banner { margin-top: 55px; }
}

@media only screen and (max-width: 375px) {
.platformsWrap ul li { width: 48%; }
.stickyHeader .navIcon { margin: 11px 0 0 0; }
.servicesTab.mobileDevice { top: 54px; }
.pageData { margin-top: 54px; }
.banner { margin-top: 54px; }
}

@media only screen and (max-width: 360px) {
.flexslider1 ul.flex-direction-nav { top: 32.8%; }
.servicesTab.mobileDevice { top: 53px; }
.pageData { margin-top: 53px; }
.banner { margin-top: 53px; }
}

@media only screen and (max-width: 320px) {
.flexslider1 ul.flex-direction-nav { top: 28.5% }
.servicesTab.mobileDevice { top: 49px; }
.pageData { margin-top: 49px; }
.banner { margin-top: 49px; }
}