@media only screen and (min-width: 1008px) {
  #article-main {
    height: 280px;
    background: url(../img/gfx/block-article.png) no-repeat;
    width: 572px;
    margin-left: 25px;
    padding: 10px 20px;
    color: #333;
  }
  #article-main h1 {
    margin-bottom: 15px;
    overflow: hidden;
  }
  #article-main h1 a {
    color: #e41d2e;
    font-size: 24px;
    font-weight: normal; white-space: nowrap;
  }
  #article-main .f {
    float: left;
    width: 172px; padding-right: 103px;
    height: 160px;
    overflow: hidden;
    text-align: center;
  }
  #article-main .f img {
    max-width: 172px;
    height: 129px;
  }
  #article-main .s {
    float: right;
    width: 290px;
    font-size: 14px;
    line-height: 22px;
    height: 160px;
    overflow: hidden;
  }
  #article-main .s a {
    color: #e41d2e;
  }
  #article-main .d {
    margin-top: 30px;
    float: left;
  }
  #article-main .g {
    float: right;
    margin-top: 25px;
    background: url(../img/gfx/icon-comment-large.png) no-repeat;
    width: 32px;
    height: 24px;
    text-align: center;
    padding-top: 5px;
    visibility: hidden;
  }
  #article-main .g a {
    color: #737373;
    font-size: 11px;
    text-decoration: none;
    cursor: default;
  }

  .block-article {
    width: 612px;
    margin-left: 25px;
    color: #333;
    line-height: 20px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .block-article h2 {
    padding-bottom: 5px;
  }
  .block-article .q {
    float: left;
    width: 190px;
    padding-top: 5px;
    display: block;
    text-align: center;
  }
  .block-article .q img {
    max-width: 172px;
    height: 129px;
  }
  .block-article .w {
    float: right;
    width: 420px;
  }
  .block-article .w h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
  }
  .block-article .w h2 a {
    color: #e41d2e;
  }
  .block-article .w .ww {
    font-size: 10px;
    float: left;
    padding-top: 12px;
    width: 375px;
    white-space: nowrap;
    overflow: hidden;
  }
  .block-article .w .ee {
    float: left;
    margin-top: 12px;
    width: 45px;
    background: url(../img/gfx/icon-comment-small.png) 0 2px no-repeat;
    visibility: hidden;
  }
  .block-article .w .ee a {
    padding-left: 20px;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    cursor: default;
  }
  .block-article-more {
    width: 637px;
  }
  .block-article-more a {
    float: right;
    display: block;
    width: 97px;
    height: 32px;
  }
  .block-article-more .cs {
    background: url(../img/gfx/button-more-a_cs.png) no-repeat;
    font-size: 0;
  }

  #block-article-category hr {
    border: 0;
    background: #dce0eb;
    height: 1px;
    margin: 0 25px 15px 25px;
  }
  #block-article-category {
    padding-top: 15px;
    margin-top: 10px;
  }
  #block-article-category .block {
    color: #333;
    width: 460px;
    float: left;
    margin-bottom: 20px;
    height: 330px;
    border-bottom: 1px dashed #dce0eb;
    margin-left: 25px;
  }
  #block-article-category .block.no-border {
    border: 0;
  }
  #block-article-category .block h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #block-article-category .block h3 {
    margin-bottom: 10px;
    overflow: hidden;
  }
  #block-article-category .block h3 a {
    color: #e41d2e;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
  }
  #block-article-category .block .q {
    float: left;
    width: 190px;
    padding-top: 5px;
    text-align: center;
  }
  #block-article-category .block .q img {
    max-width: 172px;
    height: 129px;
  }
  #block-article-category .block .w {
    float: right;
    width: 270px;
    max-height: 110px;
    overflow: hidden;
  }
  #block-article-category .block .ww {
    float: right;
    width: 270px;
    margin-top: 6px;
  }
  #block-article-category .block .www {
    float: right;
    width: 270px;
  }
  #block-article-category .block p {
    line-height: 22px;
  }
  #block-article-category .block p a {
    color: #333;
  }
  #block-article-category .block .e {
    font-size: 11px;
    padding-top: 15px;
    float: left;
    width: 200px;
  }
  #block-article-category .block .r {
    background: url(../img/gfx/icon-comment-small.png) no-repeat;
    float: right;
    padding-bottom: 3px;
    padding-top: 2px;
    width: 50px;
    margin-top: 13px;
  }
  #block-article-category .block .r a {
    padding-left: 22px;
    color: #737373;
    text-decoration: none;
    font-weight: normal;
  }
  #block-article-category .block li {
    background: url(../img/gfx/arrow-micro-red.png) 0 50% no-repeat;
    font-size: 14px;
    padding: 7px 0 7px 15px;
  }
  #block-article-category .block li a {
    color: #333;
  }
  #block-article-category .block .more {
    padding-left: 15px;
    padding-top: 3px;
  }
  #block-article-category .block ul {
    margin-top: 15px;
  }

  #block-best.simple .blk {
    border: 0;
  }
  #block-best-article {
    margin-bottom: 15px;
  }
  #block-best-article .markup {
    height: 45px;
  }
  #block-best-article .markup.active1 {
    background: url(../img/gfx/best-article-1only.png) no-repeat; /* best-article-1 */
  }
  #block-best-article .markup.active2 {
    background: url(../img/gfx/best-article-2.png) no-repeat;
  }
  #block-best-article .markup a {
    color: #000000;
    display: block;
    float: left;
    padding: 12px 0;
    text-decoration: none;
  }
  #block-best-article .markup .q {
    width: 90px;
    padding-left: 16px;
  }
  #block-best-article .markup .w {
    width: 120px;
    padding-left: 16px;
    display: none;
  }
  #block-best-article .markup.active1 .q {
    font-weight: bold;
  }
  #block-best-article .markup.active2 .w {
    font-weight: bold;
  }
  #block-best-article .list li {
    background: url(../img/gfx/best-article-bg.png) repeat-y;
    padding: 10px 17px 0 17px;
  }
  #block-best-article .bottom {
    background: url(../img/gfx/best-article-bottom.png) no-repeat;
    height: 10px;
  }
  #block-best-article .more a {
    float: right;
  }
  #block-best-article li {
    padding-bottom: 15px;
  }
  #block-best-article li a {
    color: #333;
    font-weight: bold;
  }


  .banner-lt {
    text-align: center;
    margin: 20px 0;
  }
  .banner-lt.cs {
    /*background: url(../gfx/banner-top-text_cs.png) 25px 0 no-repeat;*/
  }
  .banner-lt600 {
    margin-left: 30px;
    width: 940px; overflow:hidden;
    height: 200px;
    padding-top: 10px;
    margin-top: 20px;
  }
  .banner-lt600.cs {
    /*background: url(../gfx/banner-top-text_cs.png) 0 0 no-repeat;*/
  }

  .articles-from-category {
    font-size: 17px;
    color: black;
    margin-left: 25px;
    padding-left: 5px;
    padding-bottom: 13px;
    border-bottom: 1px dashed #DCE0EB;
    margin-bottom: 10px;
    width: 610px;
  }
  .articles-from-category span {
    text-transform: uppercase;
  }

  .articles-paging {
    text-align: center;
  }
  .articles-paging a, .articles-paging span {
    width: 27px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;

    background-image: url(../img/gfx/button-paging.png);
  }
  .articles-paging a.gray {
    letter-spacing: -2px;
    background-image: url(../img/gfx/button-paging-gray.png);
  }
  .articles-paging a.none, .articles-paging span {
    color: black;
    background-image: none;
  }
}

@media only screen and (max-width: 1007px) {
  #article-main {
    width: 100%;
    color: #333;
  }
  #article-main h1 {
    margin-bottom: 15px;
    text-align: center;
  }
  #article-main h1 a {
    color: #e41d2e;
    font-size: 18px;
    font-weight: normal;
  }
  #article-main .f {
    overflow: hidden;
    text-align: center;
  }
  #article-main .f img {
    max-width: 100%;
  }
  #article-main .s {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
  }
  #article-main .s a {
    color: #e41d2e;
  }
  #article-main .d {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 70%;
    padding-bottom: 30px;
    line-height: 150%;
  }
  #article-main .g {
    display: none;
  }
  #article-main .g a {
    color: #737373;
    font-size: 11px;
    text-decoration: none;
    cursor: default;
  }

  .block-article {
    width: 100%;
    color: #333;
    line-height: 20px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .block-article h2 {
    padding-bottom: 5px;
  }
  .block-article .q {
    float: left;
    width: 35%;
    padding-top: 5px;
    display: block;
    text-align: center;
  }
  .block-article .q img {
    max-width: 100%;
  }
  .block-article .w {
    float: right;
    width: calc(65% - 5px);
  }
  .block-article .w h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
  }
  .block-article .w h2 a {
    color: #e41d2e;
  }
  .block-article .w .ww {
    line-height: 150%;
    font-size: 10px;
    float: left;
    padding-top: 12px;
    width: 375px;
    white-space: nowrap;
    overflow: hidden;
  }
  .block-article .w .ee {
    float: left;
    margin-top: 12px;
    width: 45px;
    background: url(../img/gfx/icon-comment-small.png) 0 2px no-repeat;
    visibility: hidden;
  }
  .block-article .w .ee a {
    padding-left: 20px;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    cursor: default;
  }
  .block-article .w p a
  {
    display: block;
  }
  .block-article-more {
    width: 637px;
  }
  .block-article-more a {
    float: right;
    display: block;
    width: 97px;
    height: 32px;
  }
  .block-article-more .cs {
    background: url(../img/gfx/button-more-a_cs.png) no-repeat;
  }

  #block-article-category hr {
    border: 0;
    background: #dce0eb;
    height: 1px;
    margin: 0 25px 15px 25px;
  }
  #block-article-category {
    padding-top: 15px;
    margin-top: 10px;
  }
  #block-article-category .block {
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px dashed #dce0eb;
  }
  #block-article-category .block.no-border {
    border: 0;
  }
  #block-article-category .block h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #block-article-category .block h3 {
    margin-bottom: 10px;
    overflow: hidden;
  }
  #block-article-category .block h3 a {
    color: #e41d2e;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
  }
  #block-article-category .block .q {
    width: 100%;
    padding-top: 5px;
    text-align: center;
  }
  #block-article-category .block .q img {
    max-width: 100%;
    height: auto;
  }
  #block-article-category .block .w {
    width: 100%;
    overflow: hidden;
  }
  #block-article-category .block .ww {
    width: 100%;
    margin-top: 6px;
  }
  #block-article-category .block .www {
    width: 100%;
  }
  #block-article-category .block p {
    line-height: 22px;
  }
  #block-article-category .block p a {
    color: #333;
  }
  #block-article-category .block .e {
    font-size: 11px;
    padding-top: 15px;
    float: left;
    width: 200px;
  }
  #block-article-category .block .r {
    background: url(../img/gfx/icon-comment-small.png) no-repeat;
    float: right;
    padding-bottom: 3px;
    padding-top: 2px;
    width: 50px;
    margin-top: 13px;
  }
  #block-article-category .block .r a {
    padding-left: 22px;
    color: #737373;
    text-decoration: none;
    font-weight: normal;
  }
  #block-article-category .block li {
    background: url(../img/gfx/arrow-micro-red.png) 0 50% no-repeat;
    font-size: 14px;
    padding: 7px 0 7px 15px;
  }
  #block-article-category .block li a {
    color: #333;
  }
  #block-article-category .block .more {
    padding-left: 15px;
    padding-top: 3px;
  }
  #block-article-category .block ul {
    margin-top: 15px;
  }

  #block-best.simple .blk {
    border: 0;
  }
  #block-best-article {
    background: #F7F8FA;
    border: #DCE0EB 1px solid;
    font-size: 90%;
    margin-bottom: 15px;
  }
  #block-best-article .markup {
    height: 45px;
  }
  #block-best-article .markup.active1 {
  }
  #block-best-article .markup.active2 {
  }
  #block-best-article .markup a {
    color: #000000;
    display: block;
    float: left;
    padding: 12px 0;
    text-decoration: none;
  }
  #block-best-article .markup .q {
    width: 90px;
    padding-left: 16px;
  }
  #block-best-article .markup .w {
    width: 120px;
    padding-left: 16px;
    display: none;
  }
  #block-best-article .markup.active1 .q {
    font-weight: bold;
  }
  #block-best-article .markup.active2 .w {
    font-weight: bold;
  }
  #block-best-article .list li {
    padding: 10px 10px;
  }
  #block-best-article .list li a {

  }
  #block-best-article .bottom {
    height: 10px;
  }
  #block-best-article .more a {
    float: right;
  }
  #block-best-article li {
    padding-bottom: 15px;
  }
  #block-best-article li a {
    color: #333;
    font-weight: bold;
  }


  .banner-lt {
    text-align: center;
    margin: 20px 0;
  }
  .banner-lt.cs {
    /*background: url(../gfx/banner-top-text_cs.png) 25px 0 no-repeat;*/
  }
  .banner-lt600 {
    margin-left: 30px;
    width: 940px; overflow:hidden;
    height: 200px;
    padding-top: 10px;
    margin-top: 20px;
  }
  .banner-lt600.cs {
    /*background: url(../gfx/banner-top-text_cs.png) 0 0 no-repeat;*/
  }

  .articles-from-category {
    font-size: 17px;
    color: black;
    padding-bottom: 13px;
    border-bottom: 1px dashed #DCE0EB;
    margin-bottom: 10px;
    width: 100%;
  }
  .articles-from-category span {
    text-transform: uppercase;
  }

  .articles-paging {
    text-align: center;
  }
  .articles-paging a, .articles-paging span {
    width: 27px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;

    background: #ff8800;
  }
  .articles-paging a.gray {
    letter-spacing: -2px;
    background: #888888;
  }
  .articles-paging a.none, .articles-paging span {
    color: black;
    background-image: none;
  }

  .article-category-container .article-category-wrapper
  {
    display: flex;
    flex-direction: column;
  }

  .article-category-container #homepage-left
  {
    order: -3;
  }

  .article-category-container #block-article-category
  {
    order: -2;
  }

  .article-category-container #homepage-right
  {
    order: -1;
  }
}

#banner-footerboard
{
  margin-top: 20px;
  margin-bottom: 20px;
}