@media (max-width: 860px) {
  footer {
    padding: 30px 40px;
    width: 100%;
    margin-left: 0;
    margin: 0 auto;
    margin-bottom: 80px;
  }

  .row1-foot {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .number-foot {
    grid-column: span 1;
  }

  .contact-form-wrapper {
    width: 100%;
    padding: 30px;
  }

  .row1-foot > div:nth-child(6) {
    grid-column: span 1;
  }

  .row2-foot {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns:1fr;
    gap: 20px;
  }
}

@media (max-width: 1024px) {
  footer {
    padding: 30px 40px;
  }
  
}

@media (max-width: 768px) {
  footer {
    padding: 25px 20px;
  }
  
  .row1-foot {
    gap: 15px;
    margin-bottom: 30px;
  }
  
  .row1-foot > .text-foot:first-child {
    grid-column: 1 / -1;
  }
  
  .number-foot p {
    font-size: 16px;
  }
  
  .row1-foot > div:nth-child(5) p:first-child {
    font-size: 18px;
  }
  
  .row2-foot {
    gap: 15px;
  }
  
  .row2-foot > div {
    padding: 20px;
  }
  
  .row2-foot > div span {
    font-size: 15px;
  }
  
  .row2-foot > div p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  footer {
    padding: 20px 15px;
  }
  
  .row1-foot > .text-foot:first-child {
    grid-column: 1 / -1;
  }
  
  .number-foot p {
    font-size: 15px;
  }
  
  .row1-foot > div:nth-child(5) p:first-child {
    font-size: 16px;
  }
  
  .row2-foot > div span {
    font-size: 14px;
  }
  
  .row2-foot > div p {
    font-size: 12px;
  }
}