@media (max-width: 767px) {
  /* Забезпечує вертикальне розташування елементів у рядку */
  .footer .row {
    display: block;
  }

  /* Виправлення для колонок Bootstrap */
  .footer .col-sm-3 {
    float: none; /* Забираємо обтікання */
    width: 100%; /* Займає всю ширину на мобільних */
    margin-bottom: 20px; /* Відступ між блоками */
  }

  /* Заголовок меню */
  .footer-dropdown .dropdown-header {
    cursor: pointer;
    margin-bottom: 5px;
  }

  /* Список меню */
  .footer-dropdown .dropdown-menu {
    display: none; /* Ховаємо меню за замовчуванням */
    margin-top: 10px;
    padding-left: 0;
    list-style: none; /* Прибираємо маркери списків */
  }

  /* Відкриття меню */
  .footer-dropdown.expanded .dropdown-menu {
    display: block; /* Відображаємо меню */
  }
  footer .dropdown-menu {
    position: relative;
        float: none;
        background-color: #1f1f1f;
  }
  footer .dropdown-header-bottom:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #000;
    border-radius: 4px;
    }
    footer .dropdown-header-bottom {
        cursor: pointer;
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 0px;
        padding: 20px;
        border-radius: 5px;
        position: relative;
        transition: border-radius .1s;
        background-color: #1f1f1f;
        color: #ffffff;
    }
    footer .dropdown-menu>li>a {
    color: #cbd0d5;
    white-space: break-spaces;
  }
  footer .container {
        padding-bottom: 60px;
  }
}

footer {
    background-color: #000000;
        background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 768px) {
  .container-mob {
  display: none; /* Ховаємо меню за замовчуванням */
  }
}

@media (max-width: 767px) {
  .container-pc { 
  display: none; /* Ховаємо меню за замовчуванням */
  }
}



/*  .footer .two-c-pc {
    background: #1f1f1f;
  }

  footer .two-c-pc {
    margin-bottom: 5px;
    padding: 0px 0px 10px 20px;
    column-count: 1;
    display: none;
    border-radius: 0px 0px 5px 5px;
    }  
}
*/