@CHARSET "UTF-8";

@media
    screen and (min-device-width: 320px) and (max-device-width: 667px),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
{
    html, body { font-size: 100%; }
    body { background: #fff; }
    .headerContainer { width: 100%; }
    .logoBlock { width: 171px; float: none; margin: 0 auto; padding: 10px 0; height: 24px; display: block;  }

    .headerMenu { display: none; position: absolute; width: 100%; z-index: 1000; padding: 0; }
    .headerMenu li { width: 100%; background: #479B00; border-bottom: 1px solid #fff; padding: 10px 0; }
    .headerMenu a { font-size: 110%; padding: 15px; }
    .headerMenu a.selected, .headerMenu a:hover { color: #fff; }

    .headerIcons .rssIcon { display: none; }
    .headerIcons .searchIcon { padding-right: 10px; }

    .mobileMenuIcon { display: block; width: 23px; height: 23px; position: absolute; left: 10px; top: 10px; z-index: 1001; }
    .mobileMenuItem { width: 100%; height: 17%; background: #fff; margin-bottom: 5px;  }
    .mobileMenuItem:last-child { margin-bottom: 0; }
    .mobileMenuIcon.selected .mobileMenuItem { background: #479B00; }

    .footerContainer { width: 100%; }
    .footerLogoContainer { margin: 10px auto; width: 100%; text-align: center; }
    .footerLogoContainer .copyrights { width: 100%; }
    .footerMenuContainer { float: none; }
    .footerContainer .logoBlock { display: none; }
    .copyText { display: none; }
    .footerMenu { float: left; width: 100%; }
    .footerMenu:nth-child(1) { display: none; }
    .footerMenu:nth-child(2) { width: 100%; }
    .footerMenu li { clear: none; width: 100%; margin: 0 auto; display: none; }
    .footerMenu li:nth-child(2) { display: block; text-align: center; }

    .main { margin-top: 0; width: 100%; }

    .leftColumn { width: 100% !important; }
    .rightColumn { width: 100% !important; clear: left; float: left; }

    .bottomJoinedColumn { width: 100%; }

    .articleBlock .date { width: 100% !important; }

    .topReadArticles { border: none; }
    .topReadArticles .topReadArticleContainer { padding-left: 0; padding-right: 0; }
    .homePage .topReadArticles .articleBlock, .topReadArticles .blockHeader { padding-left: 10px; padding-right: 10px; }
    .homePage .topReadArticles .articleBlock { border-bottom: 1px solid #f2f2f2; margin-bottom: 0; padding-bottom: 5px; padding-top: 5px; }
    .homePage .topReadArticles .articleBlock:nth-child(1) { padding-top: 0; }
    .topReadArticles .title { font-size: 100%; }

    .articlePage .topReadArticles .blockHeader { padding-left: 0; padding-top: 10px; margin-bottom: 0; }

    .homePage .topReadArticles .showMoreBlock { border: none; width: 100%; margin: 0; }

    .overlay { display: none !important; }

    .hpArticleTop, .articleTop { width: 100%; height: auto; margin-bottom: 0; position: static; background: none; float: none; }
    .articleTop img, .hpArticleTop img, .articleMiddle img, .hpArticleMiddle img, .articleBottom img, .hpArticleBottom img { width: 100%; height: auto; }
    .articleTopContainer, .hpArticleTopInfoContainer { position: static; padding: 10px; text-shadow: none; height: auto; }
    .articleTop .category, .hpArticleTop .category { color: #479B00; border-color: #479B00; padding: 1px 3px; }
    .hpArticleTop .title a, .articleTop .title a, .hpArticleMiddle .title a, .articleMiddle .title a { color: #000; font-size: 100%; }
    .articleTop .date, .hpArticleTop .date, .articleMiddle .date, .hpArticleMiddle .date,
    .articleBottom .date, .hpArticleBottom .date { color: #999; position: static; margin-top: 10px; }
    .articleMiddle .title { font-weight: normal; }

    .hpArticleMiddle, .articleMiddle { width: 100%; height: auto; margin: 0; position: static; background: none; float: none; }
    .hpArticleMiddleInfoContainer, .articleMiddleInfoContainer { position: static; padding: 10px; text-shadow: none; height: auto; }
    .articleMiddleInfoContainer { padding: 0; }
    .hpArticleMiddle .category, .articleMiddle .category { color: #479B00; border-color: #479B00; padding: 1px 3px; }

    .hpArticleBlockBottom { margin-bottom: 0; float: none; }
    .hpArticleBottom, .articleBottom { width: 100%; height: auto; margin-right: 0; position: relative; }

    .hpTopReadArticles { display: none; }

    .topJoinedColumn { width: 100%; display: none; }

    .commentsBlock, .fbLikeBlock, .twitterBlock { display: none; }

    .article .articleContainer { padding-left: 0; padding-right: 0; }
    .article .title { font-size: 130%; }
    .article .content { font-size: 100%; }
    .article .content img, .article .content iframe{ max-width: 100%; height: auto; }

    .newsPage .leftColumn { display: none; }

    .listArticles { padding-left: 0; padding-right: 0; }
    .listArticles .day { padding-left: 10px; padding-right: 10px; }
    .articleItem { border-bottom: 1px solid #f2f2f2; margin-bottom: 0; padding-bottom: 10px; }
    .articleItem .title { padding-left: 10px; padding-right: 10px; clear: left; }
    .articleItem .time { margin-bottom: 5px; padding-left: 10px; padding-right: 10px; }

    .tagPage .rightColumn { border-top: none; }
    .tagPage .leftColumn { background: #f2f2f2; padding-bottom: 10px; }
    .tagBlock { padding: 10px 0 0 10px; }

    /*.article .articleContainer, .topReadArticles .topReadArticleContainer { padding-left: 0; padding-right: 0; }*/

    .calendarPage .leftColumn { background: #f2f2f2; }

    .bannerBlock { float: left; margin: 10px 0 0 10px; }

    .findIcon { display: none; }
    .searchContainer { width: 100%; }
    .searchContainer .closeIcon { margin-right: 5px; }
    .searchContainer .input { margin-left: 10px; }
}

@media screen and (max-device-width: 667px) {
}

@media screen and (max-device-width: 375px) and (orientation: landscape) {
    .article .title { font-size: 170%; }
    .article .lead { font-size: 140%; }
}

@media
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .article .title { font-size: 170%; }
    .article .lead { font-size: 140%; }
}