@media (max-width: 768px) {
    html { font-size: 50%;}

    .project-amenities, .property-locations, .about-locations { border-radius: 5rem 5rem 0 0;}
    .property-locations { padding: 5rem 0;}

    .pt-100 { padding-top: 5rem;}

    .section__heading, .about-realestate .container { grid-template-columns: 1fr;}

    .solutions__visual::before,
    .property-locations__label,
    .solutions__visual::after { display: none;}

    .solutions__visual { order: -1;}

}