@CHARSET "UTF-8";

.wrapper {
    width: auto;
    max-width: 1025px;
    padding: 0 20px;
}
aside.discount-box {
    padding-left: 253px;
    padding-right: 199px;
}
aside.discount-box .offer {
    width: 33%;
    padding-left: 10px;
    padding-right: 0;
}

.content-area {
    width: auto;
    position: relative;
}
.site-main {
    width: auto;
    float: none;
    margin-right: 320px;
}
.sidebar {
    position: absolute;
    top: 0;
    right: 20px;
}
body header.header-site .toolbar {
    right: 83px;
}
body header.header-site .search-form {
    right: 14px;
}

body header.header-site .search-form button {
    margin-right: 10px;
}

.commentlist {
    margin-right: 20px;
}
.featured_comment {
    margin-left: -15px;
    margin-right: -15px;
}
.comment a.go-from-featured-comment {
    padding: 5px 25px;
    font-size: 14px;
    bottom: -58px;
}

.foreign-posts {
    width: 100%;
    height: 320px;
    border: none;
}
.foreign-posts ul {
    position: absolute;
    width: 100%;
    margin-left: -20px;
    padding: 0 20px;
}
.foreign-posts ul:before {
    position: absolute;
    content: '';
    height: 1px;
    top: -92px;
    left: 20px;
    right: 20px;
    background-color: #000;
}

.podcast-archive .more-podcast {
    width: 100%;
}

.foreign-posts-list .foreign-post {  width: 33%;  }
.foreign-posts-list .foreign-post.number-0,
.foreign-posts-list .foreign-post.number-1 {  width: 30%;  }
.foreign-posts-list .foreign-post.number-0 .preview,
.foreign-posts-list .foreign-post.number-1 .preview {  width: 100%;  }
.foreign-posts-list .foreign-post.number-2 .description,
.foreign-posts-list .foreign-post.number-3 .description { font-size: 14px; line-height: 16px;}


@media only screen and (max-width: 996px) {
    body footer.footer-site .row .col-2 {
        display: none;
    }
    body footer.footer-site .row .col-1 {
        width: 34%;
        display: inline-block;
        vertical-align: top;
    }

    .app-banner {
        height: 170px;
    }
    .app-banner span {
        display: none;
    }
    .app-banner a.primary {
        position: relative;
        top: 10px;
        right: 0;
    }

}

.banner-zone.head > iframe#iframe-banner-top {
	height: 200px;
}
.banner-zone.head > iframe#banner-jbl {
	height: 256px;
}