@media screen and (min-width: 1200px) {
  .navbar .container {
    width: 1170px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
  .navbar .container {
    width: 940px;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .navbar .container {
    width: 724px;
  }
}
@media screen and (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .fs-main {
    width: 860px;
  }
  .fs-main .fs-main-content {
    width: 600px;
  }
  .fs-sidebar {
    width: 310px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
  .fs-main {
    width: 660px;
  }
  .fs-main .fs-main-content {
    width: 540px;
  }
  .fs-sidebar {
    width: 280px;
  }
  .fs-sidebar .post-meta .author input.author-nickname {
    width: 180px;
  }
  .fs-sidebar .post-meta .author input.author-datetime {
    width: 180px;
  }
  .item-container {
    padding: 10px 0;
    width: 25%;
  }
  .item-container .item-canvas {
    margin: 0 10px;
  }
  .item-container.item-photo {
    padding: 10px 0;
    width: 25%;
  }
  .item-container.item-photo .item-canvas {
    margin: 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .hide-980px {
    display: none;
  }
  .user-container .container-items {
    padding: 10px 10px 0;
  }
  .item-container {
    padding: 10px 0;
    width: 33%;
  }
  .item-container .item-canvas {
    margin: 0 10px;
  }
  .item-container.item-photo {
    padding: 10px 0;
    width: 25%;
  }
  .item-container.item-photo .item-canvas {
    margin: 0 10px;
  }
}
@media screen and (max-width: 979px) {
  html.fs {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .fs-main {
    height: auto;
    overflow: auto;
    width: 100%;
  }
  .fs-sidebar {
    height: auto;
    overflow: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  #angSite_frontpage .frontpage-frame .main {
    width: 100%;
  }
  #angSite_frontpage .frontpage-frame .side {
    width: 0%;
    display: none;
  }
  .hide-768px {
    display: none;
  }
  .navbar .nav > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar .nav > li > a > img {
    margin-right: 3px;
  }
  .navbar .brand {
    margin-right: 10px;
  }
  .user-container .container-items {
    padding: 10px 10px 0;
  }
  .item-container {
    padding: 5px 0;
    width: 33%;
  }
  .item-container .item-canvas {
    margin: 0 5px;
  }
  .item-container.item-photo {
    padding: 5px 0;
    width: 33%;
  }
  .item-container.item-photo .item-canvas {
    margin: 0 5px;
  }
}
.visible-480px {
  display: none;
}
@media screen and (max-width: 480px) {
  .hide-480px {
    display: none;
  }
  .visible-480px {
    display: inherit;
  }
  .navbar .nav > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar .nav > li > a > img {
    margin-right: 3px;
  }
  .navbar .brand {
    margin-right: 10px;
  }
  .user-container .container-items {
    padding: 5px 5px 0;
  }
  .item-container {
    padding: 5px 0;
    width: 50%;
  }
  .item-container .item-canvas {
    margin: 0 5px;
  }
  .item-container.item-photo {
    padding: 5px 0;
    width: 50%;
  }
  .item-container.item-photo .item-canvas {
    margin: 0 5px;
  }
}
.visible-320px {
  display: none;
}
@media screen and (max-width: 320px) {
  .hide-320px {
    display: none;
  }
  .visible-320px {
    display: inherit;
  }
  .user-container .container-items {
    margin: 0 15px;
  }
  .item-container {
    padding: 15px 0;
    width: 100%;
  }
  .item-container.item-photo {
    padding: 15px 0;
    width: 100%;
  }
}