<!-- MAIN FOOTER -->
  <footer class="main-footer-1 pt-5 pb-1">
    <div class="fui-container">
      <div class="row">

        <!-- COL -->
        <div class="col-md-4 col-12 mb-4">

          <!-- INFO -->
          <p class="mt-2 weight-100 text-gray">Lorem ipsum dolor sit amet consectetur adipisicing
            elit. At maxime
            praesentium doloremque non eius officia cupiditate fuga adipisci dignissimos et.</p>

          <!-- SOCIAL LINKS -->
          <div class="social-links">
            <a href="" class="pr-1"><i class="fa fa-facebook"></i></a>
            <a href="" class="pr-1"><i class="fa fa-twitter"></i></a>
            <a href="" class="pr-1"><i class="fa fa-pinterest"></i></a>
            <a href="" class="pr-1"><i class="fa fa-instagram"></i></a>
          </div>

        </div>

        <!-- COL -->
        <div class="col-md-4 col-12 mb-4">

          <h3>Contact Us</h3>

          <!-- LINKS -->
          <ul class="list-unstyled">
            <li class="py-1 d-flex">
              <i class="fa fa-map-marker h3 text-muted"></i>
              <div>
                <span>Address</span><br>
                <span class="text-muted">1563 Steve Hunt Road, California</span>
              </div>
            </li>

            <li class="py-1 d-flex">
              <i class="fa fa-mobile h3 text-muted"></i>
              <div>
                <span>Phone</span><br>
                <span class="text-muted">(000) 365-4703</span>
              </div>
            </li>

            <li class="py-1 d-flex">
              <i class="fa fa-envelope-o h4 text-muted"></i>
              <div>
                <span>Email</span><br>
                <span class="text-muted">Support@yourname.com</span>
              </div>
            </li>

          </ul>


        </div>

        <!-- COL -->
        <div class="col-md-2 col-12 mb-4 uppercase">

          <h3>WAY TO SHOP</h3>

          <!-- LINKS -->
          <ul class="list-unstyled">
            <li><a href="">All Products</a></li>
            <li><a href="">Featured Products</a></li>
            <li><a href="">Featured Shops</a></li>
            <li><a href="">Top 50</a></li>
            <li><a href="">New Stuff</a></li>
          </ul>

        </div>

        <!-- COL -->
        <div class="col-md-2 col-12 mb-4 uppercase">

          <h3>Extras</h3>

          <!-- LINKS -->
          <ul class="list-unstyled">
            <li><a href="">Brands</a></li>
            <li><a href="">Gift Vouchers</a></li>
            <li><a href="">Affiliates</a></li>
            <li><a href="">Specials</a></li>
          </ul>

        </div>

      </div>
    </div>
  </footer>

.main-footer-1 {
  padding-top: 0 !important;
  }

  .main-footer-1 .fui-container {
  padding-top: 50px !important;
  border-top: 2px solid #eee;
  }

  .main-footer-1 .social-links {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  }

  .main-footer-1 .social-links a {
  color: gray;
  }

  .main-footer-1 .social-links a i {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid gray;
  }

  .main-footer-1 .social-links a i:hover {
  border-color: #555;
  background: #555;
  color: white;
  }

  .main-footer-1 ul a {
  display: block;
  padding: 5px 0;
  font-size: 14px;
  color: #949494;
  }

  .main-footer-1 ul a:hover {
  color: #008cff;
  }

  .main-footer-1 span {
  font-size: 14px;
  }

  .main-footer-1 h3 {
  font-weight: 300;
  font-size: 20px;
  }

  .main-footer-1 i {
  width: 40px;
  }