@media only screen and (max-width: 767px) {
    footer .row {
      display: flex;
      flex-wrap: wrap;
    }
  
    footer .widget {
      width: 100% !important;
      margin-bottom: 30px;
      float: none !important;
      display: block;
    }
  
    .clearfix.visible-xs-block {
      display: block;
      width: 100%;
      height: 0;
      clear: both;
    }
  
    footer .container {
      overflow: visible !important;
    }
  
    #bottom-bar .row {
      flex-direction: column;
      text-align: center;
    }
  
    #bottom-bar .col-xs-12 {
      width: 100%;
      float: none;
    }
  }