@media (768px <= width < 1024px) {
  #footer .container > .flex {
    flex-wrap: wrap;
    gap: 3rem;
  }
  #footer .title {
    width: 100%;
  }
  #footer .categories {
    width: calc(25% - 1.5rem);
  }
  #footer .subscription {
    width: calc(75% - 1.5rem);
  }
}
@media (1024px <= width < 1280px) {
  #footer .container > .flex {
    flex-wrap: wrap;
    gap: 3rem;
  }

  #footer .title {
    width: calc(40% - 2rem);
  }
  #footer .categories {
    width: calc(20% - 2rem);
  }
  #footer .subscription {
    width: calc(40% - 2rem);
  }
}
@media (1280px <= width) {
  #footer .container > .flex {
    flex-wrap: wrap;
    gap: 3rem;
  }
  #footer .title {
    width: calc(40% - 2rem);
  }
  #footer .categories {
    width: calc(20% - 2rem);
  }
  #footer .subscription {
    width: calc(40% - 2rem);
  }
  #footer .copyrights {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
   #footer .copyrights p {
    text-align: left;
    margin: 0;
   }
   #footer .copyrights .links {
    text-align: right;
   }
   #footer .copyrights .links a:last-child {
    margin: 0;
   }
}