.page {
  max-width: inherit;
  .l-container-padding(@page-padding-ver, @page-padding-hoz);

  &.has-bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  &__header.has-bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  &__header-inner {
    .l-container-padding(@page-header-padding-ver, @page-header-padding-hoz);
  }

  &__title {
    margin-bottom: @page-title-margin;
    .page-title;
    color: @heading-color;
  }

  &__subtitle {
    margin-bottom: @page-subtitle-margin;
    .page-subtitle;
  }

  &__body {
    margin-bottom: @page-body-margin;
    .page-body;
  }

  &__instruction {
    margin-bottom: @page-instruction-margin;
    .page-instruction;
  }

  &__body a,
  &__instruction a {
    .link-text;
  }
  .side-bar-icons {
    position: fixed;
    bottom: 3.9rem;
    width: 2rem;
    @media screen and (max-width: 850px){
      bottom: 0;
      width: 100%;
      // background-color: @blue-primary;
      // padding: 0.5rem 1rem;
      display: flex;display:-ms-flexbox;            
      justify-content: space-between;
      z-index: 6;
    }
    .side-bar-icons-container{
      @media screen and (max-width: 850px){
       
      }
    }
    a {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      margin-bottom: 2px;
      overflow: hidden;
      text-decoration: none;     
      
      
    }
    .Share{
      @media screen and (max-width: 850px){
      background: url("assets/icons/share_icon.png") no-repeat center 100% !important;
      background-position: center;
    background-size: cover !important;
    height: 50px;
    display: block;
    width: 50px;
      }
    }
    .Download{
      @media screen and (max-width: 850px){
        background: url("assets/icons/download_icon.png") no-repeat center 100% !important;
        background-position: center;
    background-size: cover !important;
    height: 50px;
    display: block;
    width: 50px;
      }
    }
    .Info{
      @media screen and (max-width: 850px){
        background: url("assets/icons/pointer_icon.png") no-repeat center 100% !important;
        background-position: center;
    background-size: cover !important;
    height: 50px;
    display: block;
    width: 50px;
      }
    }
  }
  ul {
   
    & > li {
      position: relative;
      &:before {
        // content: "";
        // position: absolute;
        // left: -30px;
        // top: 7px;
        // width: 16px;
        // height: 16px;
        // background-color: currentColor;
        // border-radius: 50%;
      }
    }
  }
}
