нужно чтобы при адаптации класс flex column становился flex-row в html

footer a {
  font-size: 11px;
  font-family: OpenSans;
  color: #000000;
  text-decoration: none;

}

h5 {
  font-weight: normal;
  font-family: OpenSans;
  font-size: 13px;
  color: #8C8C8C;
}

.grey-button {
  font-weight: bold;
  font-family: OpenSans;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 18px;
  padding-left: 18px;
  background-color: #F5F5F5;
  border-radius: 20px;
  font-size: 12px;
  border: 1.4px solid #000000;
  color: #000000;
}

.grey-button:active {
  background-color: #000000;
  color: white;
}

footer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-family: OpenSans;
  background-color: #F5F5F5;
}

footer2 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  font-family: OpenSans;
  background-color: #F5F5F5;
}

@font-face {
  font-family: 'OpenSans';
  src: url(OpenSans.ttf);
}

h6 {
  margin-top: 15px;
  color: #B0B0B0;
  font-weight: normal;
  font-family: OpenSans;
  font-size: 12px;
}

.icons {
  margin-top: 20px;
  margin-right: 10px;
}

.logoFooter {
  width: 45%;
  margin-left: 60px;
}

.footer2 {
  margin-top: -75px;
  justify-content: center;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.down-text {
  margin-top: -45px;
}

.downn-text {
  margin-top: -50px;
}

<div class="container">
  <footer class="row row-cols-1 row-cols-sm-2 row-cols-md-4 py-5 border-top">
    <div class="col mb-3">
      <a href="/" class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none">
          <svg>
            </svg>
           
        </a>
    </div>

    <div class="col mb-3">
      <h5>НАВИГАЦИЯ</h5>
      <ul class="nav flex-column">
        <li class="nav-item mb-1"><a href="#" class="p-0">Услуги</a></li>
        <li class="nav-item mb-1"><a href="#" class="p-0">Акция</a></li>
      </ul>
      <ul class="nav flex-column">
        <li class="nav-item mb-1"><a href="#" class="p-0">Контакты</a></li>
        <li class="nav-item mb-1"><a href="#" class="p-0">Виртуальный тур</a></li>
      </ul>
    </div>
</div>
</footer>