@media (max-width : 550px) {

  .habitat-service_hero-section {
    height : 100%;
  }

  .habitat-service_hero-container.container-secondary {
    margin : 55px auto;
  }

  .habitat-service-overview {
    margin-bottom : 60px;
  }

  .habitat-service_hero-contact-btns {
    flex-direction : column;
  }

  .habitat-service_project-section {
    flex-direction : column;
  }

  .habitat-service_project-title {
    transform : rotate(0deg);
    position  : initial;
    padding   : 90px 0 40px 0;
  }

  .habitat-service_project-section .habitat-service_project-container {
    padding : 0 0 90px 0;
  }

  .habitat-service_advantages-list {
    grid-template-columns : 1fr;
  }
}

@media (max-width : 1024px) {
  .habitat-service_project-container {
    display         : flex;
    justify-content : center;
    padding         : 90px 0;
    gap             : 20px;
  }

  .habitat-service_project-list {
    display        : flex;
    flex-direction : column;
    padding        : 0 !important;
    margin         : 0;
  }

  .habitat-service_project-text-container {
    grid-template-columns : 1fr !important;
    justify-items         : center;
  }

  .habitat-service_project-text {
    max-width   : 320px;
    height      : 100px;
    display     : flex;
    align-items : center;
  }

  .habitat-service_project-separator {
    width      : 8px !important;
    min-height : 50px;
  }

  .habitat-service_project-container:after {
    background : linear-gradient(0deg, #DEDD14 0.1%, #88BF40 40.38%, #24A2D8 99.9%);
  }
}

@media (max-width : 1200px) {
  .habitat-service_project-title {
    left : -30px;
  }
}

@media (max-width : 1300px) {
  .habitat-service_main-container.container-secondary {
    display        : flex;
    flex-direction : column-reverse;
  }

  .habitat-service_form {
    width : 100%
  }

  .habitat-service_form-fields {
    width     : 100%;
    max-width : 780px;
  }
}