.news-list .editorial-img {
    width: 100%;
}

.news-list .news-list-img, .news-list .news-list-img img {
    width: 100% !important;
    height: auto !important
}

/*.item-content img {*/
/*    width: 100% !important;*/
/*    height: auto !important;*/
/*}*/

/*.item-characteristic .field-name-field-hero-main-picture,*/
/*.item-characteristic .field-name-field-movies-picture,*/
/*.item-characteristic .field-name-field-game-picture,*/
/*.item-characteristic .field-name-field-comicshop-main-pic,*/
/*.field-type-image img {*/
/*    width: 100% !important;*/
/*    height: auto !important;*/
/*}*/


/*576px and up*/
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }

    .sidebar {
        padding-right: 20px;
    }

    .sidebar h2 {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin-right: -10px;
    }
}
/*768px and up*/
@media (min-width: 768px) {
    .news-list .news-list-img {
        width: 260px;
    }

    .news-list .editorial-img {
        width: 260px;
    }

    /*.item-content img {*/
    /*    width: auto !important;*/
    /*    height: auto !important;*/
    /*    max-width: none !important;*/
    /*}*/

    /*.item-characteristic .field-name-field-hero-main-picture,*/
    /*.item-characteristic .field-name-field-movies-picture,*/
    /*.item-characteristic .field-name-field-game-picture,*/
    /*.item-characteristic .field-name-field-comicshop-main-pic,*/
    /*.field-type-image img {*/
    /*    width: auto !important;*/
    /*    height: auto !important;*/
    /*    max-width: none !important;*/
    /*}*/
}

/*1400px and up*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1258px;
    }

    .sidebar {
        padding-right: 0;
    }

    .sidebar h2 {
        -moz-border-radius-topleft: 24px;
        -webkit-border-top-left-radius: 24px;
        -moz-border-radius-bottomleft: 24px;
        -webkit-border-bottom-left-radius: 24px;
        border-radius: 24px 0 0 24px;
        /*margin-right: -10px;*/
        padding: 1px 0 3px 14px;
        margin-right: 0;
    }
}

@media only screen and (min-width:300px) and (max-width:460px) {
    /*.container {*/
    /*    width: 100%;*/
    /*}*/

    #content {
        padding-left: 0px;
    }

    #content-wrapper {
        padding: 0px;
        margin: 0px;
    }

    .one-third.column.footer-area {
        width: 95% !important ;
    }

    #content img{
        margin: 0px !important;
    }

    body.body-font-sans-serif p, body.body-font-sans-serif li {
        font-size: 1.1em;
    }

    .item-characteristic .field-name-field-hero-main-picture,
    .item-characteristic .field-name-field-movies-picture,
    .item-characteristic .field-name-field-game-picture,
    .item-characteristic .field-name-field-comicshop-main-pic {
        width: 100% !important  ;
        height: auto !important;
    }

    .item-characteristic .field-name-field-hero-main-picture img,
    .item-characteristic .field-name-field-movies-picture img,
    .item-characteristic .field-name-field-game-picture img,
    .item-characteristic .field-name-field-comicshop-main-pic img {
        width: 92% !important  ;
        height: auto !important;
    }

    .columns,
    .column {
        /*margin: 0 10px;*/
    }

    .editorial .img {
        margin: 0px;
    }

    ol, ul {
        padding-left: 0px;
    }

    .item-characteristic .field-name-field-hero-main-picture,
    .item-characteristic .field-name-field-movies-picture,
    .item-characteristic .field-name-field-game-picture,
    .item-characteristic .field-name-field-comicshop-main-pic {
        width: 100% !important  ;
        height: auto !important;
    }

    .item-characteristic .field-name-field-hero-main-picture img,
    .item-characteristic .field-name-field-movies-picture img,
    .item-characteristic .field-name-field-game-picture img,
    .item-characteristic .field-name-field-comicshop-main-pic img {
        width: 92% !important  ;
        height: auto !important;
    }

    .news-detail-mobile iframe,
    .node-movies iframe {
        max-width: 100% !important;
    }

    .news-list-mobile .rtecenter img {
        width: 100% !important;
        height: auto !important;
    }

    .node-games .item-trailers iframe {
        width: 100%;
    }


    .node-reviews img {
        width: 100% !important;
        height: auto !important;
    }

    body.bg-dark-linen #colophon p, body.bg-dark-linen #colophon li, body.bg-dark-linen #colophon div {
        margin-left: 0px;
    }

    body.bg-dark-linen #colophon li,
    body.bg-dark-linen #colophon h2 {
        margin-left: 30px;
    }

    .indented .message {
        overflow: hidden;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        /*width: 94%;*/
    }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
        padding-left: 0;
    }

    .field-type-image {
        float: right;
        margin-left: 1%;
    }

    #site-title,
    #site-description {
        float: none;
        line-height: 1em;
        margin: 0;
    }

    .flexslider p {
        font-size: .8em;
        line-height: 1.2em;
    }

    .site-slogan {
        margin-top: 20px;
    }

    #site-title {
        padding-top: 7px;
    }

    #site-description {
        padding-bottom: 18px;
    }

    .field-type-image {
        float: none;
        margin-left: 0;
    }

    #logo {
        margin-left: 4%;
        max-width: 300px;
    }

    .flex-caption {
        position: relative;
    }

    .flex-direction-nav li .prev {
        bottom: 74px;
        right: 44px;
    }

    .flex-direction-nav li .next {
        background-position: -32px 0;
        bottom: 74px;
        right: 6px;
    }

    .date-in-parts {
        background: #576d7d;
        height: auto;
        margin-bottom: 8px;
        padding-left: 24%;
        text-align: center;
        width: 70%;
    }

    .date-in-parts span {
        float: left;
        margin: 0;
        padding-left: 7px;
        padding-top: 2px;
        text-align: center;
    }

    .width-33 {
        float: none;
        margin: 0 10px;
        width: 94%;
    }

    .width-49 {
        float: none;
        margin: 0 10px;
        width: 94%;
    }

    .sidebar-right aside h2 {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin-right: -10px;
    }

    .sidebar-left aside h2 {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin-left: 10px;
    }

    .form-text, textarea, input[type="text"],
    input[type="password"],
    input[type="email"] {
        width: 80%;
    }


}

.container .one-third.column {
    width: 33%;
}

.container .two-thirds.column {
    width: 620px;
}

footer .column,
footer .columns {
    display: inline;
    float: left;
    /*
    margin-left: 10px;
    margin-right: 10px;
    */
}

.bio-carousel {
    overflow: hidden;
}


@media (max-width: 768px) {
    .sliders-main-container {
        display: none;
    }
}

@media (max-width: 768px) {
    #logo-top {
        /*display: flex;*/
        justify-content: center;
    }
}

/* Ближайшие премьеры: 3 колонки на мобилке, не более 6 карточек (2 строки); на десктопе по-прежнему 7 */
@media (max-width: 768px) {
    .upcoming-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .upcoming-grid .list-item:nth-child(n+7) {
        display: none !important;
    }

    .upcoming-grid .list-item {
        width: auto;
        max-width: none;
    }

    .upcoming-grid .list-item .item-image {
        width: 100%;
        height: auto;
        aspect-ratio: 165 / 220;
        object-fit: cover;
    }
}

/* Главное фото материала (герой, фильм и т.д.) — на всю ширину колонки контента */
@media (max-width: 768px) {
    .item-characteristic .node-main-picture {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .item-characteristic .node-main-picture .content-image-link {
        display: block;
        width: 100%;
    }

    .item-characteristic .node-main-picture img {
        box-sizing: border-box;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        padding: 4px;
    }
}

/* Текст материала (.node-content): на мобилке картинки на всю ширину колонки */
@media (max-width: 768px) {
    .item-content .node-content img,
    .item-content > div img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .item-content .node-content iframe {
        max-width: 100%;
    }

    .item-content .node-content video {
        max-width: 100%;
        height: auto;
    }
}

/* Списки в теле материала: глобальный `ol, ul { padding-left:0 }` (узкие экраны) оставлял маркеры слева за пределами экрана */
@media (max-width: 768px) {
    article.node .item-content ul:not(.links),
    article.node .item-content ol,
    .news-detail ul:not(.links),
    .news-detail ol {
        padding-left: 1.4em;
        padding-inline-start: 1.4em;
        box-sizing: border-box;
    }
}

/* Списки карточек (герои, сиквелы): 3 колонки в строке, постеры тянутся по ширине ячейки */
@media (max-width: 768px) {
    .view-content > .list-grid,
    .sequels-section .list-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        column-gap: 6px;
    }

    .view-content > .list-grid .list-item,
    .sequels-section .list-grid .list-item {
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 2px;
    }

    .view-content > .list-grid .list-item .item-image,
    .sequels-section .list-grid .list-item .item-image {
        width: 100%;
        height: auto;
        aspect-ratio: 165 / 220;
        object-fit: cover;
    }

    .view-content > .list-grid .list-item .item-title.item-title-below,
    .sequels-section .list-grid .list-item .item-title.item-title-below {
        max-width: 100%;
        padding-top: 4px;
    }

    .view-content > .list-grid .item-title-below .item-title-main .item-link,
    .sequels-section .list-grid .item-title-below .item-title-main .item-link {
        font-size: 12px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .view-content > .list-grid .item-title-below .item-title-rus .item-link,
    .sequels-section .list-grid .item-title-below .item-title-rus .item-link {
        font-size: 11px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }
}

/* Навигация по тегам (полоса иконок) — только десктоп / планшет */
@media (max-width: 768px) {
    .block-tag-index {
        display: none !important;
    }

    /* Футер: в layout два вложенных .container — на мобилке внутренний #colophon сужался; фон должен быть на всю ширину */
    .container.container-wide.footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .container.container-wide.footer footer#colophon.container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(16px, env(safe-area-inset-left)) !important;
        padding-right: max(16px, env(safe-area-inset-right)) !important;
        box-sizing: border-box;
    }

    /* .row с отрицательными margin у Bootstrap иначе вылезает за край вложенного .container */
    .container.container-wide.footer footer#colophon .last-comments-container.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .last-comments-container .item-list > ul {
        padding-left: 1.25rem !important;
        margin-left: 0;
    }

    /* Похожие биографии (Swiper): в styles.css было width:800px + left:30px — на мобилке вылезало за экран */
    #similar-heroes-section {
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .similar-heroes-slider {
        width: 100% !important;
        max-width: 100%;
        left: 0 !important;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    .similar-heroes-slider .swiper-slide {
        box-sizing: border-box;
    }

    .similar-heroes-slider .item-title {
        margin-left: 0 !important;
        padding-left: 4px;
        padding-right: 4px;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    #similar-heroes-section .loading-skeleton-slider {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        max-width: 100%;
    }
}