.sub-footer {
  margin-top: 50px;
 }

footer {
  .make-row();

  margin-top: 100px;
  margin-bottom: 5px;
  opacity: 0.5;

  font-size: 12px;

  .background-line-pattern {
    opacity: 0.2;
  }

  a {
    color: #000000;
    text-decoration: none;
  }

  li.active {
    a {
      text-decoration: none;
    }
  }

  .about {
    
    @media (min-width: 0px) {
      .make-xs-column(6);

    }

    @media (min-width: @screen-phone) {
      .make-xs-column(4);
    }

    .make-sm-column(3);
    .make-md-column(2);

    margin-top: -10px;

    .copyright {
      margin-top: 5px;
      opacity: 0.7;
    }
    
    ul {
      margin-top: 16px;
    
      li {
        line-height: 20px;
      }
    }
  }

  .menu {
    .make-xs-column(2);
    
    .footer-slogan {
      font-weight: bold;
    }
    
    @media (min-width: 0px) {
        display: none;
        margin-left: 30px;
        width: 150px;

        .footer-slogan {
          display: none;
        }

        margin-top: 40px;
        margin-left: 55px;
      }

     @media (min-width: @screen-phone) {
        display: block;

        margin-left: initial;

        .footer-slogan {
          display: block;
        }

        margin-top: 0px;
        margin-left: 0px;
      }



    h5 {
      margin-top: 6px;
      margin-bottom: 18px;

      color: #000;
    }

    li {
      line-height: 20px;
    }
  }

  .content {
    .make-md-column(6);

    @media (min-width: 0px) {
      display: none;
    }

    @media (min-width: 1024px) {
      display: block;
    }

    .footer-ratings {
        margin-top: 39px;

      .rating_logos {
        margin-top: 10px;

          .filer_image {
            margin-right: 15px;
            margin-bottom: 10px;
          }
      }        
    }
  }

  .contacts {
  
    white-space: nowrap;

    @media (min-width: 0px) {
      .make-xs-column(6);

    }

    @media (min-width: @screen-phone) {
      display: block;
      .make-xs-column(4);
      .make-sm-column(3);
      .make-md-column(2);
    }

    margin-top: 39px;
    
    li {
      margin-bottom: 10px;
    }

    .btn {
      margin-left: -5px;
    }
  }
}