@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

  .sprites { background-image: url("../images/sprites@2x.png") no-repeat 0 0; background-size: 297px 94px; }

}


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

  .table_wrap { overflow-y: scroll; }

  .wrap { padding: 0 30px; max-width: 100%; }

  .add_comment {  }
    .add_comment .panel .item:first-child { width: 100%; margin-right: 0; }
    .add_comment .panel .item { width: calc(50% - 10px); margin-right: 8px; }

  .article { }
    .article .item { padding: 5px 10px; }
    .article .item .name { display: none; }

    .article .item .score,
    .article .item .type,
    .article .item .views { margin: 5px; }
    .article .item .ya-share2 { margin: 5px; }

  .related {  }
    .related li { width: 33.33%; }

}



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

  .wrap { padding: 0 20px; max-width: 100%; }
    .wrap .content,
    .wrap .sidebar { float: left; width: 100%; }
    .wrap .sidebar { display: none; }

  nav {  }
    nav .logo {  }
    nav .navicon { display: block; float: right; }
    nav ul { display: none; }

    nav ul.on { width: 100%; display: block; margin-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
    nav ul.on li { width: 100%; }

  .search {  }
    .search .form { width: 100%; }
    .search .right { width: 100%; margin-top: 10px; }

  .listing_codes {  }
    .listing_codes a { width: 20%; }

  .related { display: none; }
    .related li { width: 50%; }
    .report {text-align:center}
}



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

  .add_comment {  }
    .add_comment .panel .item { width: 100%; margin-right: 0px; }

}