@media only screen and (max-width: 1023px) {
  .site-container {
    max-width: 100%;
  }

  body .content {
    width: 100%;
  }

  body .sidebar .widget {
    width: 300px;
    float: none;
    clear: both;
    margin: 0 auto;
  }

  body .sidebar {
    float: none;
  }
}

@media only screen and (max-width: 1200px) {
  .site-container {
    max-width: 100%;
  }

  .content {
    width: calc(100% - 340px);
  }

  .sidebar {
    width: 300px;
  }
}

.content {
  width: calc(100% - 340px);
}

.sidebar {
  width: 300px;
}