Less Media Queries

@mobile-max: ~"only screen and (max-width: 550px)";
@tablet: ~"only screen and (min-width: 768px) and (max-width: 991px)";
@tablet-max: ~"only screen and (max-width: 767px)";
@tablet-min: ~"only screen and (min-width: 768px)";
@desktop: ~"only screen and (min-width: 992px) and (max-width: 1199px)";
@desktop-min: ~"only screen and (min-width: 992px)";
@desktop-max: ~"only screen and (max-width: 991px)";
@desktop-11-min: ~"only screen and (min-width: 1100px)";
@desktop-11-max: ~"only screen and (max-width: 1100px)";
@desktop-xl-min: ~"only screen and (min-width: 1200px)";
@desktop-xl-max: ~"only screen and (max-width: 1200px)";
@desktop-xxl-min: ~"only screen and (min-width: 1400px)";
@desktop-xxl-max: ~"only screen and (max-width: 1400px)";


.left_side {
  padding-bottom: 30px;
  @media @desktop-max {
    // This will activate delcarations within.left_side at max-width: 991px
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  ul {
    @media @desktop-max {
      display: table;
    }
    li {
      margin-bottom: 30px;
        @media @desktop-max {
          margin-bottom: 20px;
        }
      }
    }
  }