@media screen and (min-width:731px) {
    .geolocate{
        display: none;
    }

    @keyframes clear_show {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(45deg); }
    }

    @keyframes clear_show2 {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(-45deg); }
    }

    @keyframes clear_hide {
        0% { transform: rotate(45deg); }
        100% { transform: rotate(0deg); }
    }

    @keyframes clear_hide2 {
        0% { transform: rotate(-45deg); }
        100% { transform: rotate(0deg); }
    }
}