@media (max-width: 1200px) {
  .side__wrap.fix {
    width: 319px;
  }
  .container {
    width: 990px; }
  .menu__cell a {
    padding: 15px; }
  .header__warp,
  .headline__wrap {
    padding: 0 15px; }
  .content {
    padding: 0 25px 0 15px; }
  .title {
    font-size: 32px; }
  .side {
    width: 320px; }
  .side__item {
    padding: 20px 15px; }
  .side__inner {
    padding-left: 80px; }
  .side__inner:before {
    width: 70px;
    height: 70px;
    margin-top: -35px; } }

@media (max-width: 970px) {
  .container {
    width: auto;
    max-width: 758px; }
  .side,
  .menu,
  .social,
  .sections,
  .header__cell_no-mob {
    display: none; }
  .sections_mobile {
    display: block;
    text-align: right; }
  .sections__item,
  .sections__item + .sections__item {
    padding: 5px; }
  .sections__item:before {
    margin: 0; }
  .logo img {
    margin: 0 auto; }
  .main {
    margin-top: 135px;
    display: block; }
  .main__cell {
    display: block; }
  .author {
    width: 55%; }
  .mobile-link {
    display: block;
    width: 30px;
    height: 25px; }
  .menu_mobile {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 25px;
    border: solid #e2e2e2;
    border-width: 5px 0;
    position: relative;
    margin-top: 20px; }
  .menu_mobile:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #e2e2e2;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px; } }

@media (max-width: 767px) {
  .container {
    padding: 0 5px; }
  .content {
    padding: 0 10px; }
  .title {
    width: auto;
    font-size: 24px;
    padding: 0; }
  .navigation__item_no-mob,
  .user__date {
    display: none; }
  .user__info {
    table-layout: initial; }
  .user__status {
    text-align: right; }
  .user_best {
    padding-top: 55px; }
  .user__date_mark {
    display: block;
    position: absolute;
    top: 20px;
    right: 0; }
  .user__respond {
    padding: 5px 0; }
  .user__date_mobile {
    display: block;
    float: left; }
  .user__status-info {
    left: auto;
    right: 100%;
    margin-right: 10px; }
  .user__status-info:before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #eafafe; } }

@media (max-width: 480px) {
  .headline__wrap {
    padding: 0 10px; }
  .author {
    width: auto; }
  .button {
    font-size: 17px; } }