@media (max-width: 768px) {

    .left,
    .right {
        display: none;
        /* later drawer bana lena */
    }

    .main {
        width: 100%;
    }

    .geolocation-parent {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 480px) {
    .geolocation-parent {
        grid-template-columns: 1fr;
    }
}