| @@ -275,5 +275,25 @@ | ||
| 275 | 275 | @media (max-width:768px) { |
| 276 | 276 | |
| 277 | 277 | .pro-feature-settings .pro-features ul li { width:1000%; } |
| 278 | 278 | |
| 279 | +} | |
| 280 | + | |
| 281 | + .ph-custom-fields-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; } | |
| 282 | +.ph-custom-fields-grid > div { display:flex; gap:20px; background:#FFF; padding:25px; border:1px solid #AAA } | |
| 283 | +.ph-custom-fields-grid > div .ph-grid-image { flex:0 0 50px; } | |
| 284 | +.ph-custom-fields-grid > div .ph-grid-image-bg { background:#fbfcd4; border:1px solid #ffcd00; padding:10px; border-radius:7px; } | |
| 285 | +.ph-custom-fields-grid > div .ph-grid-image img { max-width:40px; height:40px; display:block } | |
| 286 | +.ph-custom-fields-grid > div .feature-card-content { flex:1; min-width:0; } | |
| 287 | +.ph-custom-fields-grid > div h3 { margin-top:0; margin-bottom:0.6em } | |
| 288 | + | |
| 289 | +@media (max-width:1750px) { | |
| 290 | + | |
| 291 | + .ph-custom-fields-grid { grid-template-columns:repeat(3, 1fr); } | |
| 292 | + | |
| 293 | +} | |
| 294 | + | |
| 295 | +@media (max-width:1370px) { | |
| 296 | + | |
| 297 | + .ph-custom-fields-grid { grid-template-columns:repeat(2, 1fr); } | |
| 298 | + | |
| 279 | 299 | } |
