html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
iframe,
video,
svg {
  max-width: 100%;
}

.social-float {
  display: none !important;
}

@media (max-width: 760px) {
  .container,
  .nav {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .about-layout,
  .about-story,
  .intro,
  .contact-form-layout,
  .contact-layout,
  .contact,
  .hero,
  .property-grid,
  .review-grid,
  .service-grid,
  .demo-footer-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .about-layout,
  .about-story {
    gap: 30px !important;
  }

  .about-ad,
  .about-story-image,
  .intro-image,
  .about-hero,
  .service-hero,
  .properties-hero,
  .contact-hero,
  .demo-footer-grid iframe {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .about-copy h1,
  .about-banner h1,
  .about-hero h1,
  .contact-hero h1,
  .service-hero h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }

  .about-copy p,
  .about-story p,
  .hero p {
    overflow-wrap: anywhere;
  }

  .demo-footer-grid {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .social-fixed {
    right: 10px !important;
  }
}