@media screen and (min-width:690px) and (max-width: 768px)  {
 
  .path-admin #content.main-content.col section.section nav.tabs ul.nav.primary.nav-tabs li.nav-item {
    width:100%;
    background: #1a355e;
    padding: 10px 0px;
    margin:5px 0px;
    text-align: center;
  }
  
  .path-admin #content.main-content.col section.section nav.tabs ul.nav.primary.nav-tabs li.nav-item a{
    color:#fff;
    font-weight:bold;
    text-align: center;
  }

  .path-admin #content.main-content.col section.section nav.tabs ul.nav.primary.nav-tabs li.nav-item a:hover {
    border:0px;
  }

  .path-admin #content.main-content.col section.section nav.tabs ul.nav.primary.nav-tabs li.active.nav-item a.nav-link.active {
    background: #1a355e;
    border: 0px;
    font-size: 1.5em;
  }

  .projectTitleWrapper {
    text-align: center;

  }

  .projectNumberWrapper {
    height:80px;
  }

  .projectLocationWrapper {
    height: 50px;
    margin-bottom: 10px;
  }

  .project-wrapper.container-fluid {
    padding-right:0px;
    padding-left:0px;
  }

   main#content.main-content.col {
    padding-left:5px;
    padding-right:5px;
  }

  .project-main.project-timeline.row div.project-sidebar.col-md-2 {
    margin-top:110px;
  }

  #formSubmissionContainer {
    width: 100%;
    float: left;
  }

  #totalScoreContainer {
    width: 100%;
  }

  .project-main.project-gate4.row .field--name-financial-return, .project-main.project-gate4.row .field--name-resource, .project-main.project-gate4.row .field--name-fit-core-competencies, .project-main.project-gate4.row .field--name-market-growth, .project-main.project-gate4.row .field--name-fit-with-business-strategy, .project-main.project-gate4.row .field--name-fit-with-business-stategy, .project-main.project-gate4.row .field--name-platform-for-future-growth, .project-main.project-gate4.row .field--name-market-size, .project-main.project-gate4.row .field--name-competition, .project-main.project-gate4.row .field--name-uniqueness, .project-main.project-gate4.row .field--name-launch-plan, .project-main.project-gate4.row .field--name-science-and-technology, .project-main.project-gate4.row .field--name-time, .project-main.project-gate4.row .field--name-operations, .project-main.project-gate4.row .field--name-financial-returns, .project-main.project-gate4.row .field--name-risk, .project-main.project-gate4.row .field--name-voice-of-customer {
    width: 100%;
  }

  #formSubmissionContainer #edit-actions.form-actions.js-form-wrapper.form-group button#edit-submit.button.button--primary.js-form-submit.form-submit.btn.btn-primary {
    width:100%;
  }

  .node--type-support #block-turosisag-content .node--type-support.node--view-mode-full .field__item p img {
    width:100%;
    height:auto;
  }

  .node--type-support .node--type-support .field.field--name-field-support-media.field--type-entity-reference.field--label-above div.field__label {
    font-weight:bold;
    font-size:1.5em;
    margin-top:50px;
  }

  .node--type-support.node--type-support .field__item video {
    width:100%;
    height:auto;
  }

  header#header.header nav#navbar-main a.navbar-brand {
    font-size:0em;
  }

  .performance-review-header h2.title {
    font-size: 1.5rem;
    margin: 10px;
  }

  .employee-details span {
    padding: 10px;
    font-size: 0.8em;
  }

  .employee-manager span {
    padding: 10px;
    font-size: 0.8em;
  }

  .employee-location span {
    padding: 10px;
    font-size: 0.8em;
  }

  .employee-details .edit-performance-review span {
    padding: 10px;
    font-size: 0.8em;
  }

  .performance-review-menu li.list-group-item a {
    height: 50px;
    padding: 5px 5px 5px 5px;
    font-size: 0.8em;
  }

}

@media screen and (max-width: 689px)  {

  .employee-details span {
    margin: 0px 20px 20px 0px;
    float: left;
  }

  .employee-details {
    width: 100%;
    height: 100px;
  }

  .performance-review-wrapper {
    display:inline !important;
  }

  .performance-review-menu li.list-group-item a {
    width: 100%;
    height: 70px;
    padding: 5px 5px 5px 5px !important;
    font-size: 0.8em;
  }

  .performance-review-menu li.list-group-item {
    width: 100% !important;
}





}