@media only screen and (max-width : 940px) {

  html, body {
    margin: 0;
    padding: 0;
  }

  .header .top-bar {
    width: 100%;
  }

  .header .top-bar h1#logo a.logo {
    background: none;
    padding: 40px 0 0 10px;
    line-height: 20px;
    font-size: 20px;
    width: 80%;
    padding: 30px 10% 0 10%;
  }

  .header .top-bar h1#logo a.menu-responsive {
    display: block;
  }

  .content .box {
    width: 80%;
    padding: 0 10%;
  }

  .sidebar {
    display: none;
    height: auto;
    position: relative!important;
  }

  .sidebar.fixed {
    position: relative;
    margin-bottom: 50px;
    top: 0;
  }

  .sidebar .getting-started-mobile {
    display: block;
  }

  .sidebar .section-box:first-child {
    display: none;
  }

  .sidebar .section-box ul.alwaysopen {
    display: none!important;
  }

  .sidebar .section-box ul.open {
    display: none!important;
  }

  .sidebar .section-box ul {
    display: none!important;
  }

  .non-sidebar {
    width: 100%;
    padding-bottom: 10px;
  }

  .non-sidebar.fixed {
    margin-left: 0;
  }

  .non-sidebar code {
    width: 100%;
    word-wrap: break-word;
  }

  .non-sidebar .model-detail-popup {
    width: 100%;
    word-wrap: break-word;
  }

  .non-sidebar ul .parameter .model-detail-popup {
    width: 100%;
    word-wrap: break-word;
    padding-right: 35px;
  }

}