
/*================= Stream page =================*/

#StreamPage {
  > div{
    > div {
      > .UIRowContainer:first-of-type {
        display: flex;

        .StreamMainContainer {
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: ~"calc(100% - 320px)";
          max-width: ~"calc(100% - 320px)";
          padding-right: 10px;
          box-sizing: border-box;
          .uiSocApplication {
            padding-left: 0;
            padding-right: 0;
          }
        }
        .StreamRightContainer {
          flex: 0 1 320px;
          max-width: 320px;
          padding-left: 10px;
          box-sizing: border-box;
          .v-application {
            margin-bottom: 20px;
          }

           /* Added for sticky container */
            .UIContainer, .NormalContainerBlock, .VIEW-CONTAINER, .UIIntermediateContainer, .UIRowContainer {
              display: inline;
            }

          #PerkstoreWalletContainer {

            > div{
              > div {
                > div {
                  > .UIRowContainer:first-of-type {
                    display: flex;

                    #PerkstoreWidgetContainer {
                      flex: 1 1 50%;
                      box-sizing: border-box;
                      padding-right: 5px;
                    }
                    #WalletWidgetContainer {
                      flex: 1 1 50%;
                      box-sizing: border-box;
                      padding-left: 5px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .UIMobileSwipeParentContainer {
  display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      width:100%;

      > div {
        width:100%;
      }
  }
}

/*media queries*/
@media (min-width: @minLargeDesktop) {
  #StreamPage {
    padding: 20px 14%;
  }
}
@media (min-width: @minTabletWidth) {
  #StreamPage {
    .UIRowContainer:first-of-type {
      > #StreamRightContainer, > .StreamRightContainer {
        #stickyBlockDesktop, .stickyBlockDesktop, &.stickyBlockDesktop {
          position: sticky;
          top: 70px;
          height: auto;
          display: block;
          z-index: @zindexStickyContainer;
        }
      }
    }
  }
}

@media (max-width: @maxTabletWidth) {
  #StreamPage {
    padding: 20px 0 !important;
  }
}

@media (max-width: 767px) {
  #StreamPage {
  > div {
   > div {
    > .UIRowContainer:first-of-type {
        .StreamMainContainer {
          flex: 0 1 100%;
          padding-right: 10px;
          box-sizing: border-box;
          max-width: 100%!important;
          width: 100%!important;
          padding: 10px 20px 20px !important;
        }
        .StreamRightContainer {
          box-sizing: border-box;
          max-width: 100%!important;
          width: 100%!important;
          padding: 0 20px 20px !important;
        }
      }
    }
  }
}
}