@media (max-width: 768px) {
    .contact-info-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .contact-info-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 576px) {
    .contact-info-wrapper .contact-item .contact-icon {
        position: absolute;
        left: 1.5rem;
    }
}