@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;
  }
}

@media (max-width : 1400px) {

  .habitat-service_hero-section {
    height : 270px;
  }

  .habitat-service_form-container {
    position        : initial;
    height          : 100%;
    display         : flex;
    margin-top      : -40px;
    justify-content : center;
  }

  .habitat-service_form {
    max-width     : 100%;
    margin-bottom : 0;
    width         : calc(100% - 2 * var(--container-secondary-margin));
  }

  .habitat-service_form-fields {
    display        : flex;
    gap            : 8px;
    flex-direction : column;
    width          : 100%;
  }

  .habitat-service_main-container.container-secondary {
    display        : flex;
    flex-direction : column;
    gap            : 44px;
    padding        : 20px 0 0;
  }

  .habitat-service_form-title-image img, .habitat-service_hero-bottom-motif {
    display : none;
  }

  .habitat-service_form-title_accent.--with-img {
    display : block;
  }
}