@media (max-width:1024px) {

.hero-grid,
.about-grid {

 grid-template-columns:1fr;

}

.cards {

 grid-template-columns:1fr;
}

.service-grid {

 grid-template-columns:
 repeat(2,1fr);

}

.gallery {

 grid-template-columns:
 repeat(2,1fr);

}

}