logo grande su explorer

[alex-13]

Ciao a tutti. Nel mio sito responsive ho il problema che su tutti i browser principali il logo si adatta alla dimensione dello schermo invece su explorer resta sempre a dimensioni massime ed occupa mezzo schermo. come posso risolvere?
La parte di codice html:

<div class="col-12 col-md-3">
        <a class="link-logo" href="https://www.miosito.it/">
          <img class="logo img-responsive" src="/img/miosito-logo-1523113728.jpg" alt="miosito">
        </a>
      </div>

e la parte di css che regola il layout:

@media (min-width: 768px) {
        .col-md-3 {
            -webkit-box-flex:0;
            -ms-flex:0 0 25%;
            flex:0 0 25%;
            max-width:25%;
        }
    }






    .img-responsive {
        max-width: 100%;
        height: auto;
        display: block;
    }

praticamente l'immagine è sempre al 100% del div mentre il div che la contiene si adatta alle dimensioni. Su explorer il div si adatta alle dimensioni ma l'immagine non va al 100% del div ma a dimensioni massime