/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 versions
*/

/* Different Resolution styles */

@media only screen and (min-width:1000px) and (max-width:1200px) {
  #projectManagement {
    width: 1000px;
  }
  #projectManagement div img {
    margin-left: 50px;
  }
  #projectManagement p {
    margin-right: 50px;
  }
  #projectManagement .learnMore {
    margin-left: 310px;
  }

  .employeeLeft{
    margin-left: 40px !important;
  }
}

@media only screen and (max-width:1060px) {
  /* ----------------------------OUR STORY------------------------------ */
  #ourStory {
    overflow: hidden;
  }
  #storyContainer {
    max-width: 1000px;
    padding: 0 15px;
  }
  #nunoPic {
    float: none;
    display: block;
    margin: 0 auto;
    padding-top: 30px;
    display: none;
  }
  #nunoPic .caption1 {
    font-size: 24px;
  }
  #nunoPic .caption2 {
    font-size: 14px;
  }
  #profilePic {
    max-width: 150px;
    margin: 0 auto;
  }
  #picContainer {
    margin-right: 0px;
  }
  #storyContent {
    padding: 20px 0;
    padding-left: 0px;
    float: none;
    display: block;
    margin: 0 auto;
  }
  #storyContent h1 {
    text-align: center;
  }
  #storyContent p {
    font-size: 16px;
  }
  #storyContent li {
    font-size: 16px;
  }
  /* ------ pull quotes --------- */
  #quote1 {
    max-width: 900px;
    padding-left: 15px;
    float: none;
    display: block;
    margin: 0px 0px 20px 15px;
  }
  #quote2 {
    max-width: 900px;
    padding-right: 15px;
    float: none;
    display: block;
    margin: 0px 15px 20px 0px;
  }
  #storyContent blockquote p {
    font-size: 20px;
  }
  /* ------Our Team --------- */
  #opTeamContainer {
    padding: 50px 15px 50px;
  }
  #opTeamContainer h1 {
    font-size: 34px;
  }
  #opTeam {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0px;
  }
  .employeeContainer {
    max-width: 600px;
    height: 200px;
    display: block;
    margin: 0 auto 80px;
  }

  .employeeLeft{
    margin: 0 auto 80px !important;
  }
  .employeePicture {
    margin: 10px auto 0;
  }
  .employeeContent {
    height: 200px;
    top: 130px;
  }


  /* ----------------------------WORK WITH US------------------------------ */

  .iconContainer {
    width: 60px;
    padding: 10px 0px;
    border-bottom: 0px #FDB530 solid;
  }

  .iconContainer img {
    width: 60px;
  }

  .jobTitle {
    max-width: 200px;
    margin: 0 auto 30px;
    font-size: 24px;
    letter-spacing:normal;
    word-spacing: normal;
    border-top: 2px #FDB530 solid;
    padding-top: 5px;
  }

  .workWithUsContainer {
    margin: 20px auto 0px;
    padding: 0 15px;
  }

  .workWithUsLeft {
    max-width: 500px;
    float: none;
    display: block;
    margin: 0 auto 30px;
  }

  .wwuImg {
    max-width: 220px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }

  .workWithUsRight {
    max-width: 640px;
    float: none;
    display: block;
    margin: 0 auto;
  }

  .workWithUsRight h3,
  .workWithUsLeft2 h3 {
    font-size: 20px;
    text-align: center;
    margin: 10px 0px 25px;
  }

  .workWithUsRight p,
  .workWithUsLeft2 p {
    font-family: BrandonText-Regular;
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 25px;
  }


  /*------------------------- Testimonials ---------------------------*/
  #wwuTestimonialContainer {
    max-width: 700px;
  }

  #wwuTestimonialContainer p {
    font-size: 16px;
    display: block;
    margin: 15px 15px 15px;
    max-width: 100%;
    line-height: 1.4;
  }

  #wwuTestimonialQuoteImage {
    display: none;
  }

  #wwuTestimonialQuoteImage img {
    display: none;
  }

  #projectManagers #wwuTestimonialQuoteImage img,
  #partners #wwuTestimonialQuoteImage img {
    display: none;
  }

  #wwuClientName {
    font-size: 20px;
  }

  #wwuTestimonialNameContainer #wwuClientDesignation {
    font-size: 14px;
  }

  #wwuClientDesignation {
    font-size: 14px;
  }

  #projectManagers {
    padding: 50px 0 50px;
  }


  /* ----------------------Partners Specific-------------------------- */

  #partners {
    background-color: #EDEff3;
    padding: 50px 0 50px;
  }

  .workWithUsRight2 {
    max-width: 500px;
    float: none;
    display: block;
    margin: 100px auto 0px;
  }

  .workWithUsLeft2 {
    max-width: 640px;
    float: none;
    display: block;
    margin: 0 auto;
  }

  /* ----------------------Students Specific-------------------------- */

  #students {
    padding: 50px 0 50px;
  }


  /* ------------------------------------------------------ CONTACT US---------------------------------------------------------- */

  #contactContainer {
    padding: 60px 15px 40px;
  }

  #contactMiddleContainer {
    max-width: 910px;
    margin: 0px auto 0;
    padding-bottom: 20px;
    z-index: 1;
    position: relative;
    top: 0px;
    padding-top: 0px;
  }

  #contactMiddleContainer h1 {
    display: none;
  }

  #contactMiddleContainer h2 {
    font-size: 22px;
    margin: 10px 0px 10px;
    position: relative;
    top: 0px;
    padding: 40px 0 10px;
  }

  .sendMessageLeft{
    display: none;
  }

  .sendMessageRight{
    display: none;
  }

  #formRowContainer, #formRowContainer1, #formRowContainer2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow:column wrap;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            flex-flow:column wrap;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    margin: 0 auto;
  }

  #formRowContainer3{
    -ms-flex-flow:row wrap;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            flex-flow:row wrap;
  }

  #formRowContainer1 .formRow1 input, #formRowContainer2 .formRow2 input, #formRowContainer2 .formRow2 #formSDate{
    width: auto;
  }

  #firstName, #lastName, #phone, #formPhone, #formOrganization, #email, #message, #formMessage, #subject{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  #contactGridContainer {
    display: none;
  }

  /* Consultants Styles */

  #reloadButton, #searchInputName, #or{
    display: none;
  }

  #jobsContainer {
    padding: 80px 0px 25px 0px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .jobContainer {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    margin: 0 10px 60px;
  }

  .jobTitleContainer {
    padding: 12px 0px 12px 10px;
  }

  .jobTitleContainer p {
    font-size: 15px;
  }

  .jobInfoContainer {
    padding: 8px 0px 10px;
    margin: 10px 15px 0px;
  }

  /*ALL Test*/

  .jobOtherInfoContainer {
        /*display: block;
    height: auto;
    overflow: visible;*/
    margin: 0px 15px 0px;
          max-width: 100%;
          min-height: auto !important;
          max-height: initial !important;
  }

  .jobSkillsContainer {
        /*display: block;
    height: auto;
    overflow: visible;*/
    font-size: 13px;
    margin: 0px 15px 0px;
      max-width: 100%;
  }

  .jobDescriptionContainer {
    padding: 20px 10px 15px 20px;
    text-transform: none;
    border-top: 1px solid #E5E5E5;
    background-color: #F5F5F5;
  }

  .jobDescriptionTitle {
    text-align: center;
    margin-bottom: 10px;
  }

  .jobDescriptionContainer p {
    display: block;
    height: auto !important;
    overflow: visible;
  }

  .jobApplyContainer {
      background-color: #e4e4e4;
  }

  .jobTitleContainer .jobTime{
    /*margin-right: -15px;*/
  }

  .jobApplyContainer .inquire {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 70px;
            flex: 1 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 15px 0px;
  }

  .jobApplyContainer .download {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 70px;
            flex: 1 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
    padding: 15px 0px;
  }

  .jobApplyContainer .apply {
    width: auto;
    min-width: 300px;
  }

  .jobTitleContainer .jobTime{
    font-size: 12px;
    /*padding-left: 0px;
    padding-right: 0px;*/
  }

  #CJobContainerMobile{
    display: block;
  }

  .CJobContainer{
    display: none;
  }

  .select-style select{
    width: 193px;
  }

  #selectStyle{
    margin-left: 0px;
  }

  #search_input_consultants{
    width: 130px;
  }

  #searchButton{
    margin: 0px;
  }
}

@media only screen and (max-width:660px) {
  #caseSudiesDescription {
    padding: 50px 50px 20px;
  }
  #iconHighlightsContainer {
    max-width: 500px;
    margin-bottom: 10px;
  }
  .iconHighlight {
    margin-bottom: 14px;
  }
}

@media only screen and (max-width: 440px) {
  #selectStyle{
    display: block;
    margin-bottom: 5px;
  }

  #caseSudiesDescription {
    padding: 50px 20px 20px;
  }

  #caseSudiesDescription h2 {
    line-height: normal;
  }

  /* .iconHighlight {
    flex: 0 0 92px;
  }

  .iconHighlight .icon {
    width: 55px;
    height: 55px;
    padding: 10px;
  } */

  .cardsContainer {
    grid-gap: 20px;
  }

  .cardsContainerWrapper h3 {
    /* padding-top: 50px; */
    margin-bottom: 30px;
  }

  #probonoContainer {
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, 300px);
  }

}