/* For screens between 428px to 1024px  */
@media screen and (max-width: 1024px) {
  body {
    padding: 80px 60px 1px 60px;
  }

  .top-block {
    flex-direction: column;
  }
  .top-left-block {
    width: 100%;
  }
  .top-right-block {
    width: 100%;
    padding: 10px;
  }
  footer {
    flex-direction: column;
  }
}
/* For screens between 360px to 428px  */
@media screen and (max-width: 428px) {
  body {
    padding: 80px 30px 1px 30px;
  }
  footer p {
    font-size: 1rem;
  }
}
/* For screens less then 360px  */
@media screen and (max-width: 360px) {
  body {
    padding: 80px 20px 1px 20px;
  }
}