/* Reseting Current Values */
.od-layout-wide {
  $maxWidth: 320px * 6;
  min-height: initial;
  &:before,
  &:after{
    content: "";
    display: table;
    clear: both;
  }
  .od-my-office-toolbar-dropdown{
    font-weight: normal;
  }
  #contentContainer,
  #content,
  #mccContainer{
    float: initial;
    width: 100%;
    max-width: $maxWidth;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
  #mccContainer{
    &,
    .mccZone,
    .zoneWidthFull{
      float: initial;
      margin: 0 auto;
    }
  }
  /* adding styles */
  #contentWrapper{
    padding-bottom: 1rem;
  }
  #contentContainer,
  &.my_office_toolbar_is_visible#container #contentContainer{
    max-width: 1920px;
    width: 100%;
  }
  .cm-placement-main,
  .cm-placement-header{
    & >  div{
      padding-left: 2rem;
      padding-right: 2rem;
      box-sizing: border-box;
    }
  }
  /* teaser-image-only first child custom */
  .cm-placement-header{
    .od-hero-full-width{
      padding: 0;
      margin-bottom: 1rem;
      box-sizing: border-box;
      img{
        width: 100%;
      }
    }
    &:first-child{
      .teaser-image-only{
        //padding: 0 0 1rem 0;
        .teaser-image{
          padding: 0;
        }
        img{
          width: 100%;
        }
      }
      .cm_slider{
        padding-left: 0;
        padding-right: 0;
      }
      .bx-wrapper{
        margin: 0 auto;
      }
    }
  }
  /* rr zones */
  #mccContainer .mccZone{
    box-sizing: border-box;
    float: initial;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}