@media screen and (max-width: 1024px) {
  .container,
  .container-sm,
  .wrapper-mini,
  .wrapper-sm,
  .wrapper-md,
  .wrapper-lg {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  .container-two,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  html,
  body {
    overflow-x: hidden;
  }

  .footer-section .about,
  .footer-section .links,
  .footer-section .contact-details {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .footer-section .links .flex-row {
    display: block;
  }

  .footer-section .links ul {
    text-align: center;
  }

  .footer-section .links ul.pt-20.pr-20 {
    padding-right: 0;
  }

  .footer-section h4 {
    display: block;
    text-align: center;
  }

  .footer-section h4::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .footer-section .about .flex-row.pt-15 {
    justify-content: center;
  }

  .footer-section .contact-details .icon-box {
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer-section .contact-details .content.pl-15 {
    padding-left: 12px;
  }

  .footer-section .contact-details .content p,
  .footer-section .copyright,
  .footer-section .copyright p {
    text-align: center;
  }
}