@media (max-width: 1680px) {
  body {
    /*min-height: 700px;*/
    padding-right: 54px;
  }
  html {
      background: url('img/nyl_app_docs_background_responsive-under-1680px.jpg') #0079c2;
      background-repeat: no-repeat;
      /*transition: background .8s linear;*/
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  html#css-control.idle-bg {
      background: url('img/nyl_app_docs_background_responsive-under-1680px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.dev-bg {
      background: url('img/nyl_app_docs_background_responsive-under-1680px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.loc-bg {
      background: url('img/nyl_app_docs_background_responsive-under-1680px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.net-bg {
      background: url('img/nyl_app_docs_background_responsive-under-1680px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  span.timeline_header-main {
      opacity:0.0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  div#button_bar_container {
  	  display: block;
      position: relative;
      top: 160px; /*Aligns top with header grpahic horizontal row*/
      width:100%;
      padding-right:80px;
  }
  #button_bar_filter{
    height:26px;
    display: block;
    margin-top:0px;
    margin-bottom:30px;
    font-size: 22px;
    /*line-height: 22px;*/
    -webkit-transition-duration: .2s; /* Safari */
    transition-duration: .2s;
    cursor:cell;
    -webkit-transition-duration: .2s; /* Safari */
    transition-duration: .2s;
    width:100%;
    position:relative;
    top:-11px;
    float:left;
          margin-left: 14px;
          position:relative;
          top:-22px;
  }
  .button_bar-idle {
      height: 19px;
      font-size: 16px;
      /* line-height: 22px; */
      padding: 15px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .button_bar-hover {
      height:19px;
      font-size: 16px;
      /*line-height: 22px;*/
      padding: 15px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  #shadowbox {
      position: fixed;
      margin: 0;
      margin-left:20px;
      margin-right:20px;
      padding: 0;
      top: 60px;
      left: 0;
      z-index: 999;
      text-align: left;
      /*visibility: hidden;
      display: none;*/
      width:80%;
  }
  #shadowbox_title_inner {
      height: 18px;
      font-size: 16px;
      line-height: 18px;
    }
}/*END max 1680px*/

@media (max-width: 768px) {
  body {
    min-height: 700px;
    padding-right: 51px;
  }
  html {
      background: url('img/nyl_app_docs_background_responsive-under-768px.jpg') #0079c2;
      background-repeat: no-repeat;
      /*transition: background .8s linear;*/
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  html#css-control.idle-bg {
      background: url('img/nyl_app_docs_background_responsive-under-768px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.dev-bg {
      background: url('img/nyl_app_docs_background_responsive-under-768px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.loc-bg {
      background: url('img/nyl_app_docs_background_responsive-under-768px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  html#css-control.net-bg {
      background: url('img/nyl_app_docs_background_responsive-under-768px.jpg') #0079c2;
      background-repeat: no-repeat;
  }
  .button_bar-idle {
      height: 18px;
      font-size: 14px;
      /* line-height: 22px; */
      padding: 12px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .button_bar-hover {
      height:18px;
      font-size: 14px;
      /*line-height: 22px;*/
      padding: 12px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  #shadowbox_title_inner {
      height: 18px;
      font-size: 12px;
      line-height: 18px;
    }

}/*END max 768px*/

@media (max-width: 480px) {
  body {
    /*min-height: 700px;*/
    padding-right: 48px;
  }
  .button_bar-idle {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      height: 14px;
      font-size: 12px;
      /* line-height: 22px; */
      padding: 10px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration:none;
  }
  .button_bar-hover {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      height:14px;
      font-size: 12px;
      /*line-height: 22px;*/
      padding: 10px;
      padding-right:0px;
      cursor: cell;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      margin-left: 14px;
      margin-right: -28px;
      width: 100%;

      padding-right:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration:none;
  }
  #shadowbox_title_inner {
    	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      height: 10px;
      font-size: 10px;
      line-height: 10px;
      position:relative;
      top:0px;

    }
    #button_bar_filter{
      height:26px;
      position:relative;
      top:-7px;
    }
    #filter-app, #filter-cms, #filter-win, #filter-rsc, #filter-app-off, #filter-cms-off, #filter-win-off, #filter-rsc-off {
      font-size: 50px;
      width:80px;
    }
  }/*END max 480px*/

  @media (max-width: 380px) {
    body {
      /*min-height: 700px;*/
      padding-right: 48px;
    }
    .button_bar-idle {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        height: 13px;
        font-size: 10px;
        /* line-height: 22px; */
        padding: 10px;

        cursor: cell;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        margin-left: 14px;
        margin-right: -28px;
        width: 100%;

        padding-right:10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;


    }
    .button_bar-hover {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        height:13px;
        font-size: 10px;
        /*line-height: 22px;*/
        padding: 10px;
        padding-right:0px;
        cursor: cell;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        margin-left: 14px;
        margin-right: -28px;
        width: 100%;

        padding-right:10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }
    #shadowbox_title_inner {
      	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        height: 9px;
        font-size: 10px;
        line-height: 10px;
        position:relative;
        top:0px;

      }
      .fa, i.fa {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          padding-right:4px;
      }
      #button_bar_filter{
        height:26px;
        position:relative;
        top:-7px;
      }
      #filter-app, #filter-cms, #filter-win, #filter-rsc, #filter-app-off, #filter-cms-off, #filter-win-off, #filter-rsc-off {
        font-size: 40px;
        width:60px;
      }
      ::-webkit-scrollbar {
            width: 24px;
      } /* the new scrollbar will have a flat appearance with the set background color */
      ::-webkit-scrollbar-thumb {
          -webkit-border-radius: 24px;
          border-radius: 24px;
      }
    }/*END max 380px*/