Improve: Optimize Global Columns for Responsive Layout with Clean CSS

[RabbiIslamRony]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Security fix
• Improvement
• New Feature
• Refactoring (no functional changes, no api changes)
• Build related changes
• Text changes
• Other... Please describe:

Description

How to reproduce the issue or how to test the changes

Check All responsive grid layout

1. Making all .directorist-col-* classes fully responsive across devices using a mobile-first approach.
2. Eliminating duplicate CSS by grouping shared styles and reducing repetition in media queries.
3. Minimizing dependency on multiple breakpoints, while maintaining a clean, consistent layout across all screen sizes.
4. Keeping all existing class names intact for full backward compatibility

Any linked issues

Fixes #

Checklist

• My code follows the WordPress coding standards

[iamibrahimriaz]

Looks Good