@media (max-width : 450px) {
  .hero-title {
    font-size   : 40px;
    line-height : 42px;
  }

  .habitat-contact-title {
    font-size   : 38px;
    line-height : 44px;
  }
}

@media (max-width : 768px) {
  .habitat-realization-container {
    display               : grid;
    gap                   : 1rem;
    grid-template-columns : 1fr 1fr;
  }

  .habitat-realization-slider {
    height : 300px;
  }

  .habitat-realization-before,
  .habitat-realization-after {
    order   : 2;
    display : flex;
    gap     : 2rem;
  }

  .habitat-realization-before {
    justify-content : flex-end;
  }

  .habitat-realization-slider {
    order       : 1;
    grid-column : -1 / 1;
  }
}

@media (max-width : 1200px) {
  .habitat-service-section_svg {
    left : -80px;
  }
}

@media (max-width : 1300px) {
  .hero-section .container-primary {
    flex-direction : column-reverse;
  }
}