@charset "UTF-8";
/* Sass Document */
@media screen and (max-width: 1300px) {
  .positionNameBox.attributionArea .positionNameWrap .leftPositionSec {
    width: 50%; }
    .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox {
      width: 100%;
      padding: 0 30px 0 50px; }
  .positionNameBox.attributionArea .positionNameWrap .rightPositionSec {
    width: 50%; }

  .ourTeamSection.careerComparison .ourTeamBox .ourTeamLeft {
    width: 60%;
    padding: 0 30px 0 0px; }
  .ourTeamSection.careerComparison .ourTeamBox .ourTeamRight {
    width: 40%; }
    .ourTeamSection.careerComparison .ourTeamBox .ourTeamRight img {
      width: 100%; }

  .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox {
    width: 100%;
    padding: 0 30px 0 50px; }

  .advancedBoxs.probSolvedBoxes button.slick-arrow {
    top: -65px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    .advancedBoxs.probSolvedBoxes button.slick-arrow.slick-prev {
      left: 18px; }
    .advancedBoxs.probSolvedBoxes button.slick-arrow.slick-next {
      right: 18px; }
    .advancedBoxs.probSolvedBoxes button.slick-arrow.slick-disabled {
      display: none !important; } }
@media screen and (max-width: 1240px) {
  .blogListingMain {
    width: 60%; }
    .blogListingMain .blogListRow .blogInfo {
      padding: 15px 15px; }

  .blogAside {
    width: 40%;
    padding: 0px 0px 0px 15px; }

  .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox {
    padding: 0 30px 0 15px; } }
@media screen and (max-width: 1200px) {
  .container {
    width: 100%; }

  .heading h2 {
    font-size: 40px; }

  .advancedBoxs .boxs:hover .advanceCnnt {
    top: 0px; }

  .welcomeHamsArea .leftWelcomeSec {
    width: 50%; }
  .welcomeHamsArea .rightWelcomeSec {
    width: 50%; }

  .whatMakesUsArea .leftwhatMakesUsSec {
    width: 45%; }
  .whatMakesUsArea .rightwhatMakesUsSec {
    width: 55%;
    padding-left: 15px; }
    .whatMakesUsArea .rightwhatMakesUsSec .valueList li {
      width: calc(33.33% - 7px);
      margin-right: 10px; }
      .whatMakesUsArea .rightwhatMakesUsSec .valueList li strong {
        font-size: 16px; }
      .whatMakesUsArea .rightwhatMakesUsSec .valueList li figure {
        width: 90px;
        height: 90px; }

  .ourPrototypeSection .ourPrototypeBox .protoypingLeft {
    width: 50%; }
  .ourPrototypeSection .ourPrototypeBox .protoypingRight {
    width: 50%; }

  .contactSection .contactMapSection .leftMap {
    padding: 0 15px 0 0; }
  .contactSection .contactMapSection .rightMap {
    padding: 0 0 0 15px; }
  .contactSection .contactMapSection .mapBox .mapDetails {
    position: static;
    padding: 10px 15px; }
    .contactSection .contactMapSection .mapBox .mapDetails strong {
      font-size: 24px; }

  .IHCSection .IHC-block {
    padding-right: 30px; }
    .IHCSection .IHC-block .strong {
      width: 77px; }
    .IHCSection .IHC-block figure {
      width: 210px; }
    .IHCSection .IHC-block .ihcContent {
      width: calc(100% - 287px);
      padding: 25px 0 0 20px; }

  .blogListingMain.newsListingMain .blogListRow .blogListHalfRow:nth-child(odd) {
    margin-right: 5px; }
  .blogListingMain.newsListingMain .blogListRow .blogListHalfRow:nth-child(even) {
    margin-left: 5px; }
  .blogListingMain.newsListingMain .blogListRow .blogListHalfRow .figure {
    width: 100%;
    margin-bottom: 0; }
    .blogListingMain.newsListingMain .blogListRow .blogListHalfRow .figure img {
      width: 100%;
      display: block; }
  .blogListingMain.newsListingMain .blogListRow .blogListHalfRow .blogInfo {
    width: 100%;
    padding: 15px 10px; } }
@media screen and (max-width: 1100px) {
  .ourPrototypeSection .ourPrototypeBox .protoypingLeft {
    width: 50%;
    margin: 0 40px 15px 0; }
  .ourPrototypeSection .ourPrototypeBox .protoypingRight {
    width: 100%;
    float: none;
    padding: 0px; }

  .contactSection .contactMapSection .mapBox {
    text-align: center; }
    .contactSection .contactMapSection .mapBox .mapDetails {
      position: static;
      padding: 10px 15px; }
      .contactSection .contactMapSection .mapBox .mapDetails strong {
        margin-right: 5px;
        display: inline-block;
        float: none;
        vertical-align: middle; }
      .contactSection .contactMapSection .mapBox .mapDetails span {
        margin: 0 5px;
        display: inline-block;
        float: none;
        vertical-align: middle; } }
@media screen and (max-width: 1024px) {
  .paddTB {
    padding: 40px 0; }

  .marB {
    margin-bottom: 40px; }

  .tPad75 {
    padding-top: 40px; }

  .customHeader .bottomPart .logoSec {
    width: 180px; }
  .customHeader .bottomPart .navArea .mainMenu {
    margin-right: 0px; }
    .customHeader .bottomPart .navArea .mainMenu.show ul li {
      position: relative; }
      .customHeader .bottomPart .navArea .mainMenu.show ul li .subToggle {
        pointer-events: auto; }
      .customHeader .bottomPart .navArea .mainMenu.show ul li:hover ul {
        display: none; }

  .homeBanner {
    height: calc(100vh - 57px); }
    .homeBanner .bannerCnnt {
      width: 100%;
      bottom: 30px;
      padding: 15px 0; }

  .bannerheadeing h2 {
    font-size: 40px;
    margin-bottom: 25px; }

  .heading h2 {
    font-size: 30px;
    margin-bottom: 25px; }

  .advancedBoxs .boxs .advanceCnnt {
    padding: 10px; }

  .welcomeHamsArea .leftWelcomeSec {
    width: 55%;
    padding-right: 15px; }
    .welcomeHamsArea .leftWelcomeSec .btnArea {
      margin: 0 auto;
      display: block;
      width: 180px; }
  .welcomeHamsArea .rightWelcomeSec {
    width: 45%; }
    .welcomeHamsArea .rightWelcomeSec .imageArea:before {
      content: normal; }
    .welcomeHamsArea .rightWelcomeSec figure {
      width: 100%;
      overflow: hidden; }
      .welcomeHamsArea .rightWelcomeSec figure img {
        width: 100%; }
      .welcomeHamsArea .rightWelcomeSec figure:first-child {
        float: none; }
      .welcomeHamsArea .rightWelcomeSec figure:last-child {
        float: none;
        margin-top: 2px; }

  .ourExpertiseSec.paddTB {
    padding-bottom: 0px; }
  .ourExpertiseSec .expertiseBoxSec .box {
    width: calc(25% - 5px);
    margin-right: 5px;
    padding: 0 15px 30px; }

  .partnersSec .partnersLogoSlider .partnerLogo {
    padding: 0 10px; }

  .customFooter .newsLetterSec {
    padding: 25px 0; }
    .customFooter .newsLetterSec .newsCnnt {
      padding-right: 15px; }
      .customFooter .newsLetterSec .newsCnnt h2 {
        font-size: 25px;
        padding-right: 15px;
        margin-right: 15px; }
  .customFooter .bottomfooter {
    margin-bottom: 30px; }
  .customFooter .footerContactSec .leftfooter {
    width: 30%;
    padding-right: 10px;
    margin-right: 0px; }
    .customFooter .footerContactSec .leftfooter .footerBox ul li a {
      font-size: 13px; }
  .customFooter .footerContactSec .middleFooter {
    width: 15%; }
    .customFooter .footerContactSec .middleFooter .footerBox.socialArea ul:after {
      content: "";
      display: table;
      clear: both; }
    .customFooter .footerContactSec .middleFooter .footerBox.socialArea ul li {
      width: 32px;
      margin-right: 3px; }
  .customFooter .footerContactSec .rightFooter {
    width: 55%;
    padding-left: 10px; }
    .customFooter .footerContactSec .rightFooter .boxList {
      padding-right: 5px; }
      .customFooter .footerContactSec .rightFooter .boxList:last-child {
        padding-right: 0px;
        padding-left: 5px; }
    .customFooter .footerContactSec .rightFooter .footerBox ul li a, .customFooter .footerContactSec .rightFooter .footerBox ul li span {
      font-size: 13px; }
  .customFooter .footerContactSec .copyRightSec {
    padding: 0 15px; }

  .bannerheadeing h2.smallHeader {
    font-size: 40px; }

  .whatMakesUsArea .leftwhatMakesUsSec {
    width: 45%;
    margin-right: 30px;
    margin-bottom: 15px; }
  .whatMakesUsArea .rightwhatMakesUsSec {
    width: calc(100% - (45% + 30px));
    padding-left: 0px; }
    .whatMakesUsArea .rightwhatMakesUsSec .valueList li {
      width: calc(33.33% - 7px);
      margin-right: 10px; }

  .singleTestimonial .aboutTestiIco {
    margin: 0 15px 0 0px; }
  .singleTestimonial .aboutTestiBox {
    width: calc(100% - 107px); }

  .ourTeamSection {
    padding-bottom: 40px; }
    .ourTeamSection .ourTeamBox {
      display: block; }
      .ourTeamSection .ourTeamBox:after {
        content: "";
        display: table;
        clear: both; }
      .ourTeamSection .ourTeamBox .ourTeamLeft {
        width: 50%;
        float: left;
        padding: 0 30px 0 0px;
        text-align: left; }
      .ourTeamSection .ourTeamBox .ourTeamRight {
        width: 50%;
        float: right; }

  .blogListingMain {
    width: 60%; }
    .blogListingMain .blogListRow .figure {
      width: 100%;
      margin: 0px; }
      .blogListingMain .blogListRow .figure img {
        width: 100%; }
    .blogListingMain .blogListRow .blogInfo {
      width: 100%;
      padding: 15px 10px; }

  .blogAside {
    width: 40%;
    padding: 0px 0px 0px 15px; }

  .blogDetails figure {
    margin: 0 0 15px; }
  .blogDetails .blogDetailsContent span {
    display: block;
    text-align: center;
    float: none;
    margin-bottom: 15px; }
  .blogDetails .blogDetailsContent figure {
    margin: 0 auto 15px;
    display: block;
    float: none;
    text-align: center; }
    .blogDetails .blogDetailsContent figure.leftA {
      margin: 0;
      display: block;
      float: none;
      text-align: center; }

  /*.blogListingMain
   * &.newsListingMain
   *   .blogListRow
   *     .blogListHalfRow
   *       &:nth-child(odd)
   *         margin-right: 5px
   *       &:nth-child(even)
   *         margin-left: 5px
   *       .figure
   *         width: 100%
   *         margin-bottom: 0
   *       .blogInfo
   *         width: 100%
   *         padding: 15px 10px */
  .positionNameBox.attributionArea .positionNameWrap .leftPositionSec {
    padding: 40px 0;
    float: none;
    width: 100%; }
    .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox {
      float: none; }
  .positionNameBox.attributionArea .positionNameWrap .rightPositionSec {
    background-image: none !important;
    float: right;
    width: 450px;
    position: static;
    margin: 0 0 15px 30px; }
    .positionNameBox.attributionArea .positionNameWrap .rightPositionSec .imageArea {
      display: block; }
  .positionNameBox.trackingBenefitsBox .rightPositionSec.leftBenefitsSec {
    width: 556px;
    float: none;
    margin: 0 auto 30px; }
  .positionNameBox.trackingBenefitsBox .leftPositionSec.rightBenefitsSec {
    width: 100%;
    float: none;
    padding: 0px; }

  .clientsSection .clientsWrap h2 {
    font-size: 30px; }

  .datatracking strong {
    font-size: 26px; }

  .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox {
    padding: 0 30px 0 15px; }

  .IHCSection .IHC-block {
    width: calc(100% - 330px);
    padding-right: 30px; }
    .IHCSection .IHC-block strong {
      float: none;
      font-size: 30px; }
    .IHCSection .IHC-block figure {
      float: none;
      margin: 0 auto 15px; }
    .IHCSection .IHC-block .ihcContent {
      width: 100%;
      float: none;
      padding: 0px; }
  .IHCSection .aboutIHC {
    width: 330px; }

  .positionNameBox.trackingBenefitsBox .rightPositionSec.leftBenefitsSec .imageArea .absTitle {
    font-size: 16px;
    padding: 18px 15px; }

  .applyNowForm .formWrap .formRow label {
    width: 190px; }
  .applyNowForm .formWrap .formRow .inputBox {
    width: calc(100% - 190px); }

  .positionNameBox .positionNameWrap .rightPositionSec {
    width: 556px;
    margin: 0 auto 20px;
    float: none; }
    .positionNameBox .positionNameWrap .rightPositionSec.deskView {
      display: none; }
    .positionNameBox .positionNameWrap .rightPositionSec.mobView {
      display: block; }
  .positionNameBox .positionNameWrap .leftPositionSec {
    width: 100%;
    float: none;
    padding: 0px; }
    .positionNameBox .positionNameWrap .leftPositionSec .skillSliderBox {
      padding: 0px; }

  .positionNameBox.careerReasonBox .positionNameWrap .rightPositionSec {
    width: 550px; }
  .positionNameBox.careerPositionBox .positionNameWrap .leftPositionSec {
    width: 555px;
    margin: 0 auto 30px; }
    .positionNameBox.careerPositionBox .positionNameWrap .leftPositionSec img {
      width: 100%; }
  .positionNameBox.careerPositionBox .positionNameWrap .rightPositionSec {
    width: 100%;
    padding: 0px;
    margin: 0px; }

  .careerHow2ApplySec .applyStepList ul li {
    width: 115px;
    height: 115px;
    border-width: 3px;
    padding: 8px;
    margin-right: 8px; }
    .careerHow2ApplySec .applyStepList ul li figure {
      height: 60px;
      max-height: 60px;
      margin: 0 0 5px; }
    .careerHow2ApplySec .applyStepList ul li span {
      font-size: 14px; }

  .IHCSection.caseStudyMainSection .aboutIHC {
    width: 300px; }
  .IHCSection.caseStudyMainSection .IHC-block {
    width: calc(100% - 300px);
    padding-left: 15px; }
    .IHCSection.caseStudyMainSection .IHC-block .applyNowForm #sucess {
      margin: 5px 0 0 0; }
    .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap {
      top: 0px; }
      .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap .formRow label {
        width: 100%;
        padding-right: 0px;
        line-height: inherit;
        margin-bottom: 8px; }
      .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap .formRow .inputBox {
        width: 100%; }
      .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap .formRow.btnRow input[type=submit] {
        margin: 0px; }

  .contactSection .contactMapSection .leftMap {
    padding: 0 10px 0 0; }
  .contactSection .contactMapSection .rightMap {
    padding: 0 0 0 10px; }
  .contactSection .contactMapSection .mapBox .mapDetails {
    padding: 10px 10px; }
    .contactSection .contactMapSection .mapBox .mapDetails strong {
      font-size: 16px; } }
@media screen and (max-width: 900px) {
  .whatMakesUsArea .leftwhatMakesUsSec {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px; }
    .whatMakesUsArea .leftwhatMakesUsSec .imageArea img {
      width: 100%; }
  .whatMakesUsArea .rightwhatMakesUsSec {
    width: 100%;
    padding-left: 0px; }
    .whatMakesUsArea .rightwhatMakesUsSec .valueList li {
      width: calc(33.33% - 10px);
      margin-right: 15px; }

  .blogListingMain.newsListingMain .blogListRow {
    margin-bottom: 0px; }
    .blogListingMain.newsListingMain .blogListRow .blogListHalfRow {
      width: 100%;
      display: block; }
      .blogListingMain.newsListingMain .blogListRow .blogListHalfRow:nth-child(odd) {
        margin-right: 0px; }
      .blogListingMain.newsListingMain .blogListRow .blogListHalfRow:nth-child(even) {
        margin-left: 0px; }

  .positionNameBox.attributionArea .mobView {
    display: block; }
  .positionNameBox.attributionArea .deskView {
    display: none; }

  .clientsSection .clientsWrap h2 {
    width: 140px;
    margin-right: 50px; }
  .clientsSection .clientsWrap .logoBox .figSlideBox {
    margin: 0 10px; }

  .contactSection .contactMapSection .leftMap {
    width: 100%;
    float: none;
    margin: 0 0 15px;
    padding: 0px; }
    .contactSection .contactMapSection .leftMap img {
      height: 100%; }
    .contactSection .contactMapSection .leftMap iframe {
      height: 250px; }
  .contactSection .contactMapSection .rightMap {
    width: 100%;
    float: none;
    margin: 0px;
    padding: 0px; }
    .contactSection .contactMapSection .rightMap img {
      height: 100%; }
    .contactSection .contactMapSection .rightMap iframe {
      height: 350px; }
  .contactSection .contactMapSection .mapBox {
    text-align: center;
    overflow: hidden; }
    .contactSection .contactMapSection .mapBox .mapDetails {
      padding: 10px 15px; }
      .contactSection .contactMapSection .mapBox .mapDetails strong {
        margin-right: 0px;
        margin-bottom: 10px;
        display: block; }
      .contactSection .contactMapSection .mapBox .mapDetails span {
        margin: 0 5px;
        display: inline-block;
        float: none;
        vertical-align: middle; } }
@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="url"] {
    font-size: 13px; }

  .deskView {
    display: none; }

  .mobView {
    display: block; }

  .homeBanner .bannerCnnt {
    bottom: 15px; }

  .bannerheadeing h2 {
    font-size: 30px;
    margin-bottom: 15px; }

  .advancedBoxs .boxs {
    width: 80%;
    float: none;
    margin-right: 0px;
    margin: 0 auto 15px;
    display: block; }
    .advancedBoxs .boxs figure img {
      width: 100%; }
    .advancedBoxs .boxs .advanceCnnt {
      padding: 50px 20px; }
    .advancedBoxs .boxs:last-child {
      margin: 0 auto; }
  .advancedBoxs.probSolvedBoxes .boxs:last-child {
    margin: 0 17px; }

  .welcomeHamsArea .leftWelcomeSec {
    width: 100%;
    float: none;
    padding-right: 0px;
    margin-bottom: 30px; }
    .welcomeHamsArea .leftWelcomeSec p {
      margin-bottom: 10px; }
    .welcomeHamsArea .leftWelcomeSec .btnArea {
      margin: 0 auto;
      display: block;
      width: 180px; }
  .welcomeHamsArea .rightWelcomeSec {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px; }
    .welcomeHamsArea .rightWelcomeSec .imageArea:before {
      content: normal; }
    .welcomeHamsArea .rightWelcomeSec figure:last-child {
      margin-top: inherit; }
  .welcomeHamsArea.newWelcomeCls .mobView {
    display: none; }
  .welcomeHamsArea.newWelcomeCls .deskView {
    display: block; }

  .customHeader .bottomPart .logoSec {
    width: 140px; }
  .customHeader .bottomPart .navArea .menuBar {
    margin-left: 5px; }
  .customHeader .bottomPart .navArea .mainMenu.show {
    margin-right: 25px; }
    .customHeader .bottomPart .navArea .mainMenu.show ul li {
      margin-right: 10px;
      margin-left: 10px; }

  .videosection .playBtn img {
    width: 80px; }

  .ourExpertiseSec .expertiseBoxSec .box {
    width: calc(50% - 4px);
    margin-right: 0;
    padding: 0 15px 30px;
    margin: 0 2px 15px; }
    .ourExpertiseSec .expertiseBoxSec .box:last-child, .ourExpertiseSec .expertiseBoxSec .box:nth-last-child(2) {
      margin-bottom: 0px; }
    .ourExpertiseSec .expertiseBoxSec .box p {
      margin-bottom: 10px; }

  .customFooter .newsLetterSec .newsCnnt {
    width: 60%;
    padding-right: 15px; }
    .customFooter .newsLetterSec .newsCnnt h2 {
      font-size: 20px;
      padding-right: 10px;
      margin-right: 0px;
      border-right: 0px; }
  .customFooter .newsLetterSec .newsForm {
    width: 40%; }
    .customFooter .newsLetterSec .newsForm .alert-msg {
      font-size: 14px; }
  .customFooter .footerContactSec .leftfooter {
    width: 70%; }
    .customFooter .footerContactSec .leftfooter .footerBox ul li {
      width: 33.33%; }
  .customFooter .footerContactSec .middleFooter {
    width: 30%; }
    .customFooter .footerContactSec .middleFooter .footerBox.socialArea ul li {
      margin-right: 5px; }
  .customFooter .footerContactSec .clearFix.ft2 {
    display: block; }
  .customFooter .footerContactSec .rightFooter {
    width: 100%;
    float: none;
    margin: 30px 0 0; }

  .ourTeamSection {
    padding-bottom: 40px; }
    .ourTeamSection .ourTeamBox .ourTeamLeft {
      width: 100%;
      float: none; }
    .ourTeamSection .ourTeamBox .ourTeamRight {
      width: 100%;
      float: none;
      padding: 0 0 20px;
      text-align: center; }
      .ourTeamSection .ourTeamBox .ourTeamRight img {
        display: inline-block; }

  .blogAside .asideContent .asideContentBlock {
    margin-bottom: 25px; }
    .blogAside .asideContent .asideContentBlock h3 {
      font-size: 20px; }

  .blogDetails h3 {
    font-size: 20px; }
  .blogDetails .blogDetailsContent p {
    margin-bottom: 10px; }

  .positionNameBox.attributionArea .positionNameWrap .leftPositionSec {
    width: 100%;
    float: none;
    padding: 0 0 40px; }
    .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox {
      float: none; }
      .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox h4 {
        font-size: 18px; }
  .positionNameBox.attributionArea .positionNameWrap .rightPositionSec {
    width: 100%;
    position: static;
    float: none;
    margin: 0 0 15px; }

  .ourTeamSection.careerComparison .ourTeamBox .ourTeamLeft {
    width: 100%;
    padding: 0px;
    margin: 0 0 20px; }
  .ourTeamSection.careerComparison .ourTeamBox .ourTeamRight {
    width: 550px;
    padding: 0px; }

  .clientsSection .clientsWrap {
    display: block; }
    .clientsSection .clientsWrap h2 {
      width: 150px;
      display: block;
      margin-right: 0px;
      margin-bottom: 20px; }
    .clientsSection .clientsWrap .logoBox {
      width: inherit;
      margin-left: -15px;
      margin-right: -15px; }
      .clientsSection .clientsWrap .logoBox .figSlideBox {
        margin: 0 15px; }

  .datatracking strong {
    font-size: 20px; }

  .caseStudySection .caseStudyWrap .caseStudyLeft {
    width: 100%;
    padding: 30px 0; }
    .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox {
      padding: 0 15px; }
      .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox .caseStudyList ul li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        padding: 0 10px; }
  .caseStudySection .caseStudyWrap .caseStudyRight {
    width: 100%;
    padding: 30px 50px; }
    .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow.slick-prev {
      left: -50px; }
    .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow.slick-next {
      right: -50px; }

  .IHCSection .IHC-block {
    width: 100%;
    float: none;
    padding-right: 0px;
    margin: 0 0 15px; }
    .IHCSection .IHC-block strong {
      float: none;
      font-size: 30px; }
    .IHCSection .IHC-block figure {
      float: none;
      margin: 0 auto 15px; }
      .IHCSection .IHC-block figure img {
        width: 100%; }
    .IHCSection .IHC-block .ihcContent {
      width: 100%;
      float: none;
      padding: 0px; }
  .IHCSection .aboutIHC {
    width: 100%; }

  .positionNameBox.trackingBenefitsBox .rightPositionSec.leftBenefitsSec .imageArea .absTitle {
    font-size: 14px;
    padding: 10px 15px;
    bottom: 10px; }

  .ourPrototypeSection .ourPrototypeBox .protoypingLeft {
    width: 100%;
    float: none;
    margin: 0 0px 15px; }
  .ourPrototypeSection .ourPrototypeBox .protoypingRight {
    width: 100%;
    float: none;
    padding: 0px; }
    .ourPrototypeSection .ourPrototypeBox .protoypingRight h3 {
      font-size: 18px; }

  .advancedBoxs.probSolvedBoxes button.slick-arrow {
    height: 30px;
    top: -38px; }
    .advancedBoxs.probSolvedBoxes button.slick-arrow:after {
      height: 30px; }

  .applyNowForm .formWrap {
    width: 90%;
    padding: 30px 15px; }
    .applyNowForm .formWrap #sucess,
    .applyNowForm .formWrap #sucess2 {
      font-size: 14px;
      width: 90%;
      padding: 40px 20px; }
    .applyNowForm .formWrap .formRow label {
      display: block;
      width: 100%;
      line-height: inherit;
      padding: 0 0 5px; }
    .applyNowForm .formWrap .formRow .inputBox {
      width: 100%; }

  .positionNameBox.careerReasonBox .positionNameWrap .rightPositionSec .imageArea .imgContent {
    top: 70px; }

  .positionNameBox.careerPositionBox .rightPositionSec .skillSliderBox ul li label {
    font-size: 17px; }
  .positionNameBox.careerPositionBox .careerHow2ApplySec .applyStepList ul li {
    width: 115px;
    height: 115px;
    margin-bottom: 15px;
    border-width: 3px;
    padding: 8px;
    margin-right: 8px; }
    .positionNameBox.careerPositionBox .careerHow2ApplySec .applyStepList ul li:nth-child(even) {
      margin-bottom: 0px; }
    .positionNameBox.careerPositionBox .careerHow2ApplySec .applyStepList ul li figure {
      height: 60px;
      max-height: 60px;
      margin: 0 0 5px; }
    .positionNameBox.careerPositionBox .careerHow2ApplySec .applyStepList ul li span {
      font-size: 14px; }

  .IHCSection.caseStudyMainSection .aboutIHC {
    width: 290px; }
    .IHCSection.caseStudyMainSection .aboutIHC .accordBox h2 {
      font-size: 16px; }
  .IHCSection.caseStudyMainSection .IHC-block {
    width: calc(100% - 290px);
    padding-left: 15px; }
    .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap {
      top: 0px; }
      .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap .formRow.btnRow input[type=submit] {
        margin: 0px; }

  .mailUsSection .mailUsFormSection .formRow .halfFormRow {
    padding-right: 10px; }
    .mailUsSection .mailUsFormSection .formRow .halfFormRow:nth-child(even) {
      padding-left: 10px; }

  .imprintSection .left-content {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
    .imprintSection .left-content.right {
      margin-bottom: 0px; } }
@media screen and (max-width: 768px) {
  .blogListingMain {
    width: 100%;
    margin-bottom: 30px; }
    .blogListingMain .blogListRow {
      width: 50%;
      display: inline-block;
      margin-left: -2px;
      vertical-align: top; }
    .blogListingMain.newsListingMain .blogListRow {
      display: block;
      width: 100%;
      margin-left: inherit; }
      .blogListingMain.newsListingMain .blogListRow .blogListHalfRow {
        margin-left: -4px;
        display: inline-block;
        vertical-align: top;
        width: 50%; }

  .blogAside {
    width: 100%; }

  .caseStudySection .caseStudyWrap .caseStudyRight {
    padding: 30px 40px; }
    .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow {
      width: 30px;
      height: 40px; }
      .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow:after {
        line-height: 40px; }
      .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow.slick-prev {
        left: -40px; }
      .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider button.slick-arrow.slick-next {
        right: -40px; }

  .videosection .inner {
    padding-bottom: 56.4%; } }
@media screen and (max-width: 767px) and (min-width: 586px) {
  .careerHow2ApplySec .applyStepList ul li.sign.sign2 {
    display: block;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); } }
@media screen and (max-width: 585px) {
  .paddTB {
    padding: 30px 0; }

  .marB {
    margin-bottom: 30px; }

  .heading h2 {
    font-size: 24px;
    margin-bottom: 15px; }

  .clear:after, .customFooter .newsLetterSec .middle:after {
    content: "";
    display: table;
    clear: both; }

  .accordBox h2 {
    font-size: 15px !important; }

  .bannerheadeing h2 {
    font-size: 24px;
    margin-bottom: 25px; }
    .bannerheadeing h2.smallHeader {
      font-size: 30px; }

  .advancedBoxs .boxs {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 5px; }

  .welcomeHamsArea .leftWelcomeSec {
    width: 100%;
    float: none;
    padding-right: 0px; }
    .welcomeHamsArea .leftWelcomeSec .btnArea {
      margin: 0 auto;
      display: block;
      width: 180px; }
  .welcomeHamsArea .rightWelcomeSec {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-bottom: 0px; }
    .welcomeHamsArea .rightWelcomeSec .imageArea {
      margin-left: 0px; }

  .partnersSec .partnersLogoSlider .partnerLogo {
    width: 30%; }

  .reviewSec .resviewList .resviewCnt .quote {
    display: none; }

  .customFooter .newsLetterSec .middle {
    display: block; }
  .customFooter .newsLetterSec .newsCnnt {
    width: 100%;
    float: none;
    padding-right: 0px;
    text-align: center; }
    .customFooter .newsLetterSec .newsCnnt h2 {
      float: none;
      font-size: 20px;
      padding-right: 15px;
      margin-bottom: 10px;
      margin-right: 0px;
      border-right: 0px; }
    .customFooter .newsLetterSec .newsCnnt p {
      float: none; }
      .customFooter .newsLetterSec .newsCnnt p br {
        display: none; }
  .customFooter .newsLetterSec .newsForm {
    width: 100%;
    float: none; }
  .customFooter .footerContactSec {
    padding: 30px 0; }
    .customFooter .footerContactSec .footerBox h2 {
      margin-bottom: 10px; }
    .customFooter .footerContactSec .leftfooter {
      width: 70%; }
      .customFooter .footerContactSec .leftfooter .footerBox ul li {
        width: 50%; }

  .whatMakesUsArea .leftwhatMakesUsSec .imageArea .absTitle {
    font-size: 14px;
    padding: 10px 15px; }
  .whatMakesUsArea .rightwhatMakesUsSec .valueList li {
    width: 100%;
    display: block;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px; }
    .whatMakesUsArea .rightwhatMakesUsSec .valueList li:first-child {
      margin-bottom: 20px; }

  .singleTestimonial .aboutTestiBox {
    background-image: none;
    padding: 0px 0 0 15px; }

  .blogListingMain {
    width: 100%;
    float: none;
    margin: 0 0 30px; }
    .blogListingMain .blogListRow {
      width: 100%;
      display: block;
      margin-left: 0px; }

  .blogAside {
    width: 100%;
    padding: 0px; }
    .blogAside .asideContent .asideContentBlock {
      margin-bottom: 15px; }
      .blogAside .asideContent .asideContentBlock h3 {
        margin-bottom: 15px;
        font-size: 18px; }

  .blogDetails h3 {
    font-size: 18px; }

  .navigation.post-navigation .nav-links .nav-previous a,
  .navigation.post-navigation .nav-links .nav-next a {
    width: 130px;
    font-size: 13px; }

  .blogListingMain.newsListingMain .blogListRow {
    margin-bottom: 0px; }
    .blogListingMain.newsListingMain .blogListRow .blogListHalfRow {
      margin-left: 0px;
      display: block;
      width: 100%;
      margin-bottom: 15px; }

  .blogAside {
    width: 100%; }

  .positionNameBox.attributionArea .positionNameWrap .leftPositionSec {
    padding: 0 0 30px; }
    .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox {
      padding: 0 15px; }
      .positionNameBox.attributionArea .positionNameWrap .leftPositionSec .leftPositionBox p {
        margin-bottom: 10px; }
  .positionNameBox.trackingBenefitsBox .rightPositionSec.leftBenefitsSec {
    width: 100%;
    float: none;
    margin: 0 0 25px;
    padding: 0px; }
  .positionNameBox.trackingBenefitsBox .leftPositionSec.rightBenefitsSec {
    width: 100%;
    float: none;
    padding: 0px; }

  .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider .caseStudyBox .caseStudyTop {
    margin-bottom: 10px; }
    .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider .caseStudyBox .caseStudyTop .caseProfile strong {
      display: none; }
    .caseStudySection .caseStudyWrap .caseStudyRight .caseStudySlider .caseStudyBox .caseStudyTop .caseProfile figure {
      margin-left: 0px; }

  .ourTeamSection.careerComparison .ourTeamBox .ourTeamRight {
    width: 450px; }

  .positionNameBox .positionNameWrap .leftPositionSec h4 {
    font-size: 16px; }
  .positionNameBox .positionNameWrap .rightPositionSec {
    width: 100%; }

  .whatWeOfferSec .whatWeOfferList ul li {
    padding: 0px;
    display: block;
    width: 100%;
    margin-left: 0px; }

  .positionNameBox.careerPositionBox .positionNameWrap .leftPositionSec {
    width: 100%; }
  .positionNameBox.careerPositionBox .positionNameWrap .rightPositionSec .skillSliderBox ul li label {
    width: 100%;
    display: block;
    margin: 0 0 5px; }
  .positionNameBox.careerPositionBox .positionNameWrap .rightPositionSec .skillSliderBox ul li p {
    width: 100%;
    display: block; }
  .positionNameBox.careerReasonBox .positionNameWrap .rightPositionSec {
    width: 450px;
    margin: 0 auto 25px; }
    .positionNameBox.careerReasonBox .positionNameWrap .rightPositionSec .imageArea .imgContent {
      top: 0px; }

  .careerHow2ApplySec .applyStepList ul li {
    display: block;
    margin: 0 auto 15px; }
    .careerHow2ApplySec .applyStepList ul li:nth-child(even) {
      height: 65px;
      margin: 0 0 15px; }
      .careerHow2ApplySec .applyStepList ul li:nth-child(even) em {
        margin: 15px 0 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    .careerHow2ApplySec .applyStepList ul li:last-child {
      margin-right: auto;
      margin-bottom: 0px; }

  .IHCSection.caseStudyMainSection .aboutIHC {
    width: 100%;
    float: none;
    margin: 0px;
    margin-bottom: 30px; }
    .IHCSection.caseStudyMainSection .aboutIHC .accordBox .accContainer {
      height: inherit;
      overflow: inherit; }
      .IHCSection.caseStudyMainSection .aboutIHC .accordBox .accContainer .accListing {
        height: inherit;
        overflow: inherit; }
        .IHCSection.caseStudyMainSection .aboutIHC .accordBox .accContainer .accListing .radBox label {
          font-size: 13px; }
        .IHCSection.caseStudyMainSection .aboutIHC .accordBox .accContainer .accListing .radBox input[type=checkbox] {
          margin: 3px 10px 0 0; }
  .IHCSection.caseStudyMainSection .IHC-block {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-bottom: 0px; }
    .IHCSection.caseStudyMainSection .IHC-block .applyNowForm .formWrap .formRow.btnRow input[type=submit] {
      margin: 0px; }

  .mailUsSection .mailUsFormSection .formRow .halfFormRow {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    padding-right: 0px; }
    .mailUsSection .mailUsFormSection .formRow .halfFormRow:nth-child(even) {
      padding-left: 0px; }
    .mailUsSection .mailUsFormSection .formRow .halfFormRow:last-child {
      margin-bottom: 0px; } }
@media screen and (max-width: 530px) {
  .customHeader .bottomPart {
    position: relative;
    overflow: inherit; }
    .customHeader .bottomPart .navArea {
      float: none;
      position: absolute;
      right: 15px;
      left: 15px;
      top: -3px; }
      .customHeader .bottomPart .navArea .menuBar {
        margin-left: 0px; }
      .customHeader .bottomPart .navArea .mainMenu {
        width: 100%;
        top: 35px;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        height: auto;
        z-index: 4;
        -webkit-transform: translateX(calc(100% + 15px));
        -moz-transform: translateX(calc(100% + 15px));
        -ms-transform: translateX(calc(100% + 15px));
        transform: translateX(calc(100% + 15px)); }
        .customHeader .bottomPart .navArea .mainMenu ul {
          background: rgba(139, 30, 36, 0.99);
          height: auto;
          max-height: 100%;
          padding: 0px;
          overflow-y: scroll; }
          .customHeader .bottomPart .navArea .mainMenu ul li {
            margin: 0px;
            padding: 10px 10px 10px;
            text-align: center;
            display: block;
            border-bottom: 1px solid rgba(242, 242, 242, 0.3);
            opacity: 1;
            visibility: visible;
            position: relative; }
            .customHeader .bottomPart .navArea .mainMenu ul li .subToggle {
              display: inline-block;
              vertical-align: middle;
              color: #ffffff;
              cursor: pointer;
              font-size: 16px;
              padding: 0 0 0 8px; }
              .customHeader .bottomPart .navArea .mainMenu ul li .subToggle:before {
                font-family: FontAwesome;
                content: ""; }
              .customHeader .bottomPart .navArea .mainMenu ul li .subToggle.active:before {
                content: "";
                position: relative;
                top: -1px; }
            .customHeader .bottomPart .navArea .mainMenu ul li:first-child {
              border-top: 1px solid rgba(242, 242, 242, 0.3); }
            .customHeader .bottomPart .navArea .mainMenu ul li a {
              color: #ffffff;
              font-size: 14px; }
              .customHeader .bottomPart .navArea .mainMenu ul li a:hover {
                color: #ffbbbb; }
            .customHeader .bottomPart .navArea .mainMenu ul li ul {
              background: rgba(165, 41, 47, 0.99);
              padding: 0px;
              -webkit-transition: 0.3s;
              -moz-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
              .customHeader .bottomPart .navArea .mainMenu ul li ul li {
                padding: 6px 5px;
                margin-left: 0px;
                border-bottom: 1px solid rgba(255, 81, 81, 0.3); }
                .customHeader .bottomPart .navArea .mainMenu ul li ul li a {
                  font-size: 13px; }
            .customHeader .bottomPart .navArea .mainMenu ul li:hover ul {
              display: none; }
        .customHeader .bottomPart .navArea .mainMenu.show {
          text-align: center;
          padding: 0px;
          width: 100%;
          margin-right: 0px;
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          transform: translateX(0%);
          opacity: 1;
          visibility: visible; }
          .customHeader .bottomPart .navArea .mainMenu.show ul li {
            margin-left: 0px;
            margin-right: 0px; }
            .customHeader .bottomPart .navArea .mainMenu.show ul li ul {
              width: 100%;
              position: static; } }
@media screen and (max-width: 479px) {
  .customHeader .topPart .topPartWrap {
    float: none;
    text-align: center;
    display: block; }
  .customHeader .topPart .nav {
    float: none;
    display: inline-block;
    vertical-align: middle; }
  .customHeader .topPart .flagArea {
    float: none;
    display: inline-block;
    vertical-align: middle; }
  .customHeader .bottomPart {
    position: relative;
    overflow: inherit; }
    .customHeader .bottomPart .logoSec {
      z-index: 3;
      position: relative; }

  .videosection .playBtn img {
    width: 50px; }

  .ourExpertiseSec .expertiseBoxSec .box {
    width: 100%;
    margin-right: 0;
    padding: 0 15px 30px;
    margin: 0 2px 15px; }
    .ourExpertiseSec .expertiseBoxSec .box:nth-last-child(2) {
      margin-bottom: 15px; }

  .customFooter .bottomfooter {
    margin-bottom: 10px; }
  .customFooter .footerContactSec .leftfooter {
    width: 100%;
    float: none;
    margin-bottom: 20px; }
    .customFooter .footerContactSec .leftfooter .footerBox {
      float: none; }
      .customFooter .footerContactSec .leftfooter .footerBox ul li {
        margin-bottom: 5px; }
        .customFooter .footerContactSec .leftfooter .footerBox ul li:last-child {
          margin-bottom: 0px; }
  .customFooter .footerContactSec .middleFooter {
    width: 100%;
    float: none; }
  .customFooter .footerContactSec .rightFooter {
    margin-top: 20px;
    padding-left: 0px; }
    .customFooter .footerContactSec .rightFooter .boxList {
      padding-right: 0px;
      width: 100%;
      float: none;
      margin-bottom: 15px; }
      .customFooter .footerContactSec .rightFooter .boxList:last-child {
        padding-left: 0px; }

  .whatMakesUsArea .leftwhatMakesUsSec .imageArea .absTitle {
    font-size: 14px;
    padding: 10px 15px; }

  .singleTestimonial .aboutTestiIco {
    margin: 0 auto 15px;
    float: none; }
  .singleTestimonial .aboutTestiBox {
    width: 100%;
    float: none; }

  .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox .caseStudyList ul li {
    width: 100%;
    padding: 0px;
    margin: 0 0 15px; }
    .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox .caseStudyList ul li:last-child {
      margin-bottom: 0px; }
    .caseStudySection .caseStudyWrap .caseStudyLeft .caseStudyLeftBox .caseStudyList ul li h4 {
      font-size: 14px; }

  .datatracking strong {
    font-size: 18px; }

  .ourTeamSection.careerComparison .ourTeamBox .ourTeamRight {
    width: 100%; }

  .positionNameBox.careerReasonBox .positionNameWrap .rightPositionSec {
    width: 290px;
    margin: 0 auto 25px; }
  .positionNameBox.careerReasonBox .rightPositionSec .imageArea .imgContent {
    padding: 85px 30px 40px;
    background-position: center 40px; }
    .positionNameBox.careerReasonBox .rightPositionSec .imageArea .imgContent p {
      font-size: 16px;
      padding: 10px 0; }

  .mailUsSection #message-alert1,
  .mailUsSection #message-alert2 {
    margin: 8px 0 0 0px;
    font-size: 14px; }
  .mailUsSection ul {
    margin-bottom: 20px; }
    .mailUsSection ul li {
      padding: 3px 10px;
      font-size: 14px; }
  .mailUsSection .mailUsFormSection .formRow label {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    line-height: inherit; }
  .mailUsSection .mailUsFormSection .formRow .inputBox {
    width: 100%;
    float: none; }
  .mailUsSection .mailUsFormSection .formRow.btnRow input[type=submit] {
    margin: 0px; } }

/*# sourceMappingURL=responsive.css.map */