@media screen and (max-width:1336px) {
    :root{
        --container-width:1100px
    }
    #index-wrapper-3 [data-theme="multimedia"] .box-stage.carousel-view .details .title{font-size:16px;}
    #post-wrapper .sidebar-mode[data-theme="card-and-list"] .item-content:not(:first-child){flex-direction: column;}
    #post-wrapper .sidebar-mode[data-theme="card-and-list"] .item-content:not(:first-child) .thumbnail{width:100%; min-width:100%; margin-bottom:8px;}
    #post-wrapper .sidebar-mode[data-theme="card-and-list"] .item-content:not(:first-child) .details{margin-right:0; margin-bottom:16px;}
    #post-wrapper .sidebar-mode[data-theme="card-and-list"] .item-content:last-child .details{margin-bottom: 0}

    [data-theme="special-case"] .details .title{font-size: 30px}
    [data-theme="newspaper-view"] .swiper-slide{padding:0 calc(var(--gap) * 1.6);}
}
@media screen and (max-width:1200px) {
    :root{
        --container-width:960px
    }
    /**/
    [data-theme="feature-one-slide"] .box-stage{padding:16px}
    /*
    #index-wrapper-1 .row,
    #archive-wrapper-1 .row{flex-wrap: wrap}
    #index-wrapper-1 .col-9,
    #index-wrapper-1 .col-3,
    #archive-wrapper-1 .col-9,
    #archive-wrapper-1 .col-3{width:100%}
    #index-wrapper-1 .col-3{display:flex; flex-wrap: wrap}
    */
    #index-wrapper-1 .col-3 [data-theme="simple-list"]{width:calc(50% - 16px)}
    #index-wrapper-1 .col-3 [data-theme="simple-list"]:nth-child(1){margin-left:16px;}
    #index-wrapper-1 .col-3 [data-theme="simple-list"]:nth-child(2){margin-right:16px;}
    #index-wrapper-1 .col-3 [data-theme="note-list"]{width:100%}
    #index-wrapper-1 .col-3 [data-theme="note-list"]>.box-stage{display: flex; flex-wrap: wrap}
    #index-wrapper-1 .col-3 [data-theme="note-list"]>.box-stage>.item-content{width:calc(50% - 16px)}
    #index-wrapper-1 .col-3 [data-theme="note-list"]>.box-stage>.item-content:nth-child(2n-1){margin-left:16px;}
    #index-wrapper-1 .col-3 [data-theme="note-list"]>.box-stage>.item-content:nth-child(2n){margin-right:16px;}

    #archive-wrapper-1 .col-3 [data-theme="simple-list"]>.box-stage>ol,
    #archive-wrapper-1 .col-3 [data-theme="simple-list"]>.box-stage>ul{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:-32px;}
    #archive-wrapper-1 .col-3 [data-theme="simple-list"]>.box-stage li{width:calc(33.33% - 32px); margin-left:16px; margin-right:16px; margin-bottom:32px;}

    #archive-wrapper-1 .col-3 [data-theme="normal-list"] .box-stage{width:auto; justify-content: center; margin-bottom:-32px; padding-top:8px;}
    #archive-wrapper-1 .col-3 [data-theme="normal-list"] .item-content{width:calc(50% - 32px); margin-left:16px; margin-right:16px; margin-bottom:32px;}

    #index-wrapper-2 [data-theme="special-case"] .relations ul li:nth-child(5){margin-top: auto; margin-bottom: 0}
    #index-wrapper-2 [data-theme="special-case"] .relations ul li:nth-child(6){display:none !important}

    #case-wrapper-2 .col-9{width:calc((100% / 12) * 8)}
    #case-wrapper-2 .col-3{width:calc((100% / 12) * 4)}

    #post-wrapper .row{flex-wrap: wrap}
    #post-wrapper .col-9,
    #post-wrapper .col-3{width:100%}
    #post-wrapper .col-3{display:flex; flex-wrap: wrap}
    #post-wrapper .col-3>.box{width:100%}
    /*#post-wrapper .col-3>.box:first-child{margin-left:16px;}
    #post-wrapper .col-3>.box:last-child{margin-right:16px;}*/

    #post-wrapper .col-3 [data-theme="card-and-list"] .box-stage{}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content{width: calc(25% - (var(--gap) * 2)); margin:var(--gap) var(--gap) 0 var(--gap); border-bottom:none; padding:0; min-height:284px; flex-direction: column}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .thumbnail{aspect-ratio:16 / 9; width:100%; line-height:0; position:relative; margin-bottom:0 !important; max-width:auto; max-height:auto; overflow:visible}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details{margin:calc(var(--gap) * 16 / 9) var(--gap) var(--gap) !important; display:flex; flex-direction: column; height:100%}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .title{margin-bottom: 0}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service{position:absolute; top:var(--gap); right:var(--gap); font:var(--service-font-c); height:20px; margin-left:0; padding-left: 0}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service:after{display:none; visibility:none}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service a{color:#fff; background:var(--a-hover-color); padding:0 calc((var(--gap) / 2)); border-radius:calc((var(--gap) / 4))}

    #search [data-theme="search"] .advanced-search-options{flex-wrap: wrap}
    #search [data-theme="search"] .advanced-search-options .type-filters{width:100%; margin-bottom:calc(var(--gap) / 4)}
    #search [data-theme="search"] .advanced-search-options .type-filters ul{justify-content: center}
    #search [data-theme="search"] .advanced-search-options .type-filters ul li:last-child{margin-left: 0}
    #search [data-theme="search"] .advanced-search-options .date-filter{margin-right: 0; padding-right: 0}
    #search [data-theme="search"] .advanced-search-date .date-filters ul{justify-content: start}

    .sites-back-layer{position:fixed; top:0; left:0; right:0; bottom:0; display:none; background:rgba(0,0,0,0.6); backdrop-filter:blur(5px); z-index:998}
    #top-header .toggle-sites{display:flex}
    #top-header .sites{display:none}
    #top-header .sites{position:fixed; top:0; right:0; height:100%; background:#e9e9eb; width:0; overflow:hidden; display:block; z-index:999; transition:width ease-out 0.15s}
    #top-header .sites>ul{width:300px; flex-direction: column; height:100%; overflow:auto; float:left}
    #top-header .sites>ul>li{height:40px; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.2)}
    #top-header .sites>ul>li a{text-align: center}
    #top-header .sites > ul > li.active:before{border-radius:0; height:100%}
    body.show-sites{overflow:hidden}
    body.show-sites #top-header .sites{width:300px;}

    [data-theme="special-case"] .details .title{font-size: 25px}
    [data-theme="special-case"] .relations ul li .relation-title{font-weight:normal; font-size:12px;}

    #archive-wrapper-2 .col-9{width:100%;}

    [data-theme="search"] .advanced-archive-options,
    [data-theme="archive"] .advanced-archive *{white-space:nowrap}
    [data-theme="archive"] .advanced-archive-options{flex-wrap: wrap; }
    [data-theme="archive"] .advanced-archive-options .type-filters{width:100%; display:flex; justify-content: center;}
    [data-theme="archive"] .advanced-archive-options .date-filter{margin-right:0; margin-left: auto}
    [data-theme="archive"] .advanced-archive-options .service-filter{margin-right:auto; margin-left: 0}

    [data-theme="newspaper-view"] .swiper-slide{padding:0 calc(var(--gap) * 1.6);}
    [data-theme="newspaper-view"].white-background .box-stage{width:calc(var(--container-width) + (var(--gap) * 2)) !important}
    /*.sticky-sidebar .box[data-theme="simple-list"]{width:50% !important; margin-right: 0 !important; display:inline; float:right}*/


    #main-stage .archive-results .archive-result-item{width:33.33%}
    #main.archive-mode [data-theme="newspaper-stage"].box > .box-stage{padding:16px 0 !important; margin:0 -8px;}
}
@media screen and (max-width:1060px) {
    :root{
        --container-width:750px
    }

    #index-wrapper-1 .row{flex-wrap: wrap}
    #index-wrapper-1 #numbers-stage{width:calc((100% / 12) * 4)}
    #index-wrapper-1 #main-stage{width:calc((100% / 12) * 8)}
    #index-wrapper-1 #sidebar-stage{width:100%; display:none}
    /*
     #index-wrapper-1 .col-9,
     #index-wrapper-1 .col-3{width:100%}
     #index-wrapper-1 .col-3{display:flex; flex-wrap: wrap}
     */


    [data-theme="feature-one-slide"] .details .lead{display:none}
    #menu .toggle-main-menu{display:flex}
    #menu .main-menu-warpper{display:none}
    .menu-back-layer{position:fixed; top:0; left:0; right:0; bottom:0; display:none; background:rgba(0,0,0,0.6); backdrop-filter:blur(5px); z-index:998}
    #menu .main-menu-warpper{position:fixed; top:0; left:0; height:100%; background:#405bb3; width:0; overflow:hidden; display:block; z-index:999; transition:width ease-out 0.15s}
    #menu .main-menu-warpper>ul{width:300px; flex-direction: column; height:100%; overflow:auto; float:right}
    #menu .main-menu-warpper>ul>li{height:40px; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.2); margin-left: 0; padding-left: 0}
    #menu .main-menu-warpper>ul>li a{text-align: center}
    #menu .main-menu-warpper > ul > li.active:before{border-radius:0; height:100%}
    #menu .main-menu > li .menu-name{line-height:38px;}
    #menu .main-menu > li .menu-name.keyword-mode{line-height:38px;}
    body.show-menu{overflow:hidden}
    body.show-menu #menu{z-index: 999}
    body.show-menu #menu .main-menu-warpper{width:300px;}


    #index-wrapper-2 [data-theme="special-case"] .thumbnail{width:calc(60% - var(--gap)); margin-left:var(--gap)}
    #index-wrapper-2 [data-theme="special-case"] .details{position:absolute; width:calc(60% - (var(--gap) * 2));text-shadow: 1px 1px 1px #000; margin:0; padding:8px var(--gap); height:calc(100% - (var(--gap) * 2))}
    #index-wrapper-2 [data-theme="special-case"] .details .suptitle,
    #index-wrapper-2 [data-theme="special-case"] .details .subtitle{display:none}
    #index-wrapper-2 [data-theme="special-case"] .details .title{margin-top:auto; font-size:20px}
    #index-wrapper-2 [data-theme="special-case"] .details .title a {color:#fff !important}
    #index-wrapper-2 [data-theme="special-case"] .details .title a:after {left:0}
    #index-wrapper-2 [data-theme="special-case"] .details .lead{font-size:14px;}
    #index-wrapper-2 [data-theme="special-case"] .details .date{color: #f4f4f4}
    #index-wrapper-2 [data-theme="special-case"] .details .live-mode{text-indent:calc(17px + calc(var(--gap) /2))}
    #index-wrapper-2 [data-theme="special-case"] .details .live-mode:before{position: absolute}
    #index-wrapper-2 [data-theme="special-case"] .details .content-types{display:none}
    #index-wrapper-2 [data-theme="special-case"] .relations{width:40%}
    #index-wrapper-2 [data-theme="special-case"] .swiper-pagination{bottom:0; top:calc(var(--gap) * 2.5)}


    #case-wrapper-2 .row{flex-wrap: wrap}
    #case-wrapper-2 .col-9{width:100%}
    #case-wrapper-2 .col-3{display:none}

    [data-theme="card"] [data-cols-count="4"] .box-header{margin-bottom:calc(var(--gap) / 2)}
    [data-theme="card"] [data-cols-count="4"] .item-content{width:calc(50% - (var(--gap) * 2)); min-height:325px;}

    #index-wrapper-4 .row{flex-wrap:wrap}
    #index-wrapper-4 .col-3{width:50%}
    #index-wrapper-4 .col-3 [data-theme="card-and-list"] .item-content:first-child{min-height:325px;}

    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content{width:100%; flex-direction: row !important; min-height: auto !important; padding: var(--gap); margin-bottom: var(--gap); margin-top: 0; flex-wrap:nowrap}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .thumbnail{width:auto !important; height:100px !important; min-width:auto !important; margin-left:var(--gap); max-width:initial !important}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details{margin:0 !important; width:auto !important}

    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; top:auto; right:auto; height:auto; z-index:9; margin-left:8px; padding-left:8px;}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171; visibility: visible; display:inline-block}
    #post-wrapper .col-3 [data-theme="card-and-list"] .item-content .details .service a{color:var(--a-hover-color); background:none; padding:0; line-height:12px}

    #post-wrapper .col-9 [data-theme="article"] .article .details{flex-wrap: wrap}
    #post-wrapper .col-9 [data-theme="article"] .article .details .author{margin-left: 0}
    #post-wrapper .col-9 [data-theme="article"] .article .details .service{margin-left: auto; margin-right:0}
    #post-wrapper .col-9 [data-theme="article"] .article .details .author ~ .service{margin-left: auto; margin-right:auto}
    #post-wrapper .col-9 [data-theme="article"] .article .details .date{margin-left: 0}
    #post-wrapper .col-9 [data-theme="article"] .article .details .break-row{width:100%; margin-top:calc(var(--gap) / 2)}
    #post-wrapper .col-9 [data-theme="article"] .article .details .code{margin-left: auto;}
    #post-wrapper .col-9 [data-theme="article"] .article .details .share{}

    #post-wrapper .col-12 [data-theme="article"] .article .details{flex-wrap: wrap}
    #post-wrapper .col-12 [data-theme="article"] .article .details .author{margin-left: 0}
    #post-wrapper .col-12 [data-theme="article"] .article .details .service{margin-left: auto; margin-right:0}
    #post-wrapper .col-12 [data-theme="article"] .article .details .author ~ .service{margin-left: auto; margin-right:auto}
    #post-wrapper .col-12 [data-theme="article"] .article .details .date{margin-left: 0}
    #post-wrapper .col-12 [data-theme="article"] .article .details .break-row{width:100%; margin-top:calc(var(--gap) / 2)}
    #post-wrapper .col-12 [data-theme="article"] .article .details .code{margin-left: auto;}
    #post-wrapper .col-12 [data-theme="article"] .article .details .share{}

    [data-theme="article"].photo-mode .article .gallery .favorite-gallery .photo-item{width: calc(50% - 16px)}
    [data-theme="article"].photo-mode .article .gallery .normal-gallery .photo-item{width: calc(33.33% - 16px)}

    #search-wrapper [data-theme="line"] .details .lead{display:none}
    #search-wrapper [data-theme="line"] .thumbnail{height:100px}

    #footer .footer-middle [data-theme="footer-information"] .footer-information .contact-top{margin-bottom:36px}

    .space-left-1{margin-left: 0}
    .space-right-1{margin-right: 0}

    #index-wrapper-1 #sidebar-stage{display:block}

    #main-article #overlay .col-2{display:none}
    #main-article #overlay .col-10{width:100%}

    .search-mode #main-stage{margin-left: 0 !important; margin-right:0 !important; width:100%}
    .search-mode [data-theme="newspaper-stage"].box > .box-stage{padding-right:0 !important; padding-left:0 !important}

    #main.advertisements.ads-type #advertisement-right-sidebar{width:calc((100% / 12) * 4)}
    #main.advertisements.ads-type #advertisement-content-bar{width:calc((100% / 12) * 8)}
}
@media screen and (max-width:960px) {
    body{padding-bottom:50px;}
    #index-wrapper-1 #numbers-stage,
    #index-wrapper-1 #sidebar-stage{position:fixed !important; bottom:50px; left:0; right:0; width:100%; height:0; z-index:999; overflow:visible !important}
    #index-wrapper-1 [data-theme="newspaper-page-items"]{margin-bottom: 0; margin-top:0}
    #index-wrapper-1 #main-stage{width:100%}
    #fixed-bottom-navbar{display:block}

    #index-wrapper-1 #numbers-stage .box,
    #index-wrapper-1 #sidebar-stage .box{position:absolute; margin-bottom:0; margin-top:16px; width:calc(100% - 16px); transform: translateY(0); transition:transform ease-out 0.3s;}
    body.show-pages,
    body.show-download,
    body.show-calendar,
    body.show-contents{overflow:hidden}

    body.show-pages #index-wrapper-1 #numbers-stage,
    body.show-download #index-wrapper-1 #numbers-stage,
    body.show-calendar #index-wrapper-1 #numbers-stage,
    body.show-contents #index-wrapper-1 #sidebar-stage{overflow:auto}

    body.show-pages #fixed-bottom-navbar,
    body.show-download #fixed-bottom-navbar,
    body.show-calendar #fixed-bottom-navbar,
    body.show-contents #fixed-bottom-navbar{z-index:1000}
    body.show-pages #fixed-bottom-navbar ul li button[data-action="show-pages"]:after{top:100%; display:none}
    body.show-download #fixed-bottom-navbar ul li button[data-action="show-download"]:after{top:100%; display:none}
    body.show-calendar #fixed-bottom-navbar ul li button[data-action="show-calendar"]:after{top:100%; display:none}
    body.show-contents #fixed-bottom-navbar ul li button[data-action="show-contents"]:after{top:100%; display:none}

    #index-wrapper-1 #numbers-stage .box.showing,
    #index-wrapper-1 #sidebar-stage .box.showing{transform:translateY(calc(-100% + -16px)); max-height:calc(100vh - 150px); overflow:auto}
    #index-wrapper-1 #numbers-stage .box.showing[data-theme="newspaper-page-downloads"]{transform:translateY(calc(-100% + -32px));}

    #index-wrapper-1 #numbers-stage .box.showing .box-header,
    #index-wrapper-1 #sidebar-stage .box.showing .box-header{box-shadow:0 0 3px rgba(0,0,0,0.3); position: sticky; top:0}

    .fixed-back-layer{position:fixed; top:0; left:0; right:0; bottom:0; display:none; background:rgba(0,0,0,0.6); backdrop-filter:blur(5px); z-index:998}
    body.show-pages .fixed-back-layer,
    body.show-download .fixed-back-layer,
    body.show-calendar .fixed-back-layer,
    body.show-contents .fixed-back-layer{display:block}

    #main-stage.space-left-2,#main-stage.space-right-2{margin-right:0; margin-left:0; width:100%}

    #main.advertisements.ads-type #advertisement-right-sidebar{width:calc((100% / 12) * 5)}
    #main.advertisements.ads-type #advertisement-content-bar{width:calc((100% / 12) * 7)}

}
@media screen and (max-width:860px) {
    :root{
        --container-width:620px
    }
    [data-theme="card"] .box-header{margin-bottom:calc(var(--gap) / 2)}
    [data-theme="card"] .item-content{flex-direction: row; min-height:auto !important; width:100% !important; padding:var(--gap); margin-bottom:var(--gap); margin-top: 0}
    [data-theme="card"] .item-content .thumbnail{height:100px; width:auto; margin-left: var(--gap)}
    [data-theme="card"] .item-content.video-mode .thumbnail:before,
    [data-theme="card"] .item-content.video-mode .thumbnail:after{top:50%; left:50%; bottom:auto; right:auto; transform:translateX(-50%) translateY(-50%)}
    [data-theme="card"] .item-content.video-mode .thumbnail:after{margin-left:5px}
    [data-theme="card"] .item-content .details{height:auto; margin:0}
    [data-theme="card"] .item-content .details .service{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; top:auto; right:auto; height:auto; z-index:9; margin-left:8px; padding-left:8px;}
    [data-theme="card"] .item-content .details .service:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
    [data-theme="card"] .item-content .details .service a{color:var(--a-hover-color); background:none; padding:0; line-height:12px}
    [data-theme="feature-one-slide"] .details .suptitle,
    [data-theme="feature-one-slide"] .details .lead{display:none}

    [data-theme="line"] .thumbnail{height:100px;}
    [data-theme="line"] .details .lead{display:none}

    #index-wrapper-1 .col-3 [data-theme="simple-list"]{width:100%; margin-right: 0 !important; margin-left: 0 !important}
    #index-wrapper-1 .col-3 [data-theme="note-list"]>.box-stage>.item-content{width:100% !important; margin-right: 0 !important; margin-left: 0 !important}

    #archive-wrapper-1 .col-3 [data-theme="simple-list"]>.box-stage li{width:calc(50% - 32px); margin-left:16px; margin-right:16px; margin-bottom:32px;}
    #archive-wrapper-1 .col-3 [data-theme="normal-list"] .box-stage{width:auto}
    #archive-wrapper-1 .col-3 [data-theme="normal-list"] .item-content{width:calc(100% - 32px); margin-left:16px; margin-right:16px; margin-bottom:16px;}

    #advertisement .advertisement-headline svg{height:100px;}
    #advertisement .advertisement-headline .page-title{font-size:18px;}
    #main .row:has(#advertisement-right-sidebar){flex-wrap: wrap}
    #main #advertisement-right-sidebar{width:100%;}
    #main #advertisement-right-sidebar .advertisement-types ul{flex-wrap:wrap; flex-direction:row; margin:-4px -4px 16px;}
    #main #advertisement-right-sidebar .advertisement-types ul li{flex-grow:1; margin:4px; width:25%}
    #main #advertisement-right-sidebar .advertisement-types ul li .advertisement-name a{}
    #main #advertisement-content-bar{width:calc((100% / 12) * 8)}
    #main #advertisement-content-bar .advertisement-content .contact-us{display:flex; flex-wrap: wrap}
    #main #advertisement-content-bar .advertisement-content .contact-us .phone{flex-grow:1; min-width:50%;}
    #main #advertisement-content-bar .advertisement-content .contact-us .phone.bold-phone{width:100%}
    #main #advertisement-left-sidebar{width:calc((100% / 12) * 4)}



    #footer .footer-middle .row{flex-wrap: wrap}
    #footer .footer-middle [data-theme="footer-information"]{flex-direction: column}
    #footer .footer-middle [data-theme="footer-information"] .footer-networks{margin-right:0; margin-left:0; margin-top:16px;}
    #footer .footer-middle [data-theme="footer-information"] .footer-networks ul{flex-direction: row; margin:0; width:100%;}
    #footer .footer-middle [data-theme="footer-information"] .footer-networks ul li{width:100%;}
    #footer .footer-middle [data-theme="footer-information"] .footer-networks ul li a{margin:0 auto}
    #footer .footer-middle [data-theme="footer-information"] .footer-information .contact-top{margin-bottom:16px}
    #footer .footer-middle [data-theme="footer-information"] .footer-information .contact-top .address{text-align: center;}
    #footer .footer-middle .col-start{width:calc(100% - 32px); max-width:calc(100% - 32px); margin-bottom:32px; margin-left:0}
    #footer .footer-middle .col-end{width:calc(100% - 32px);margin-right: 0}
    #footer .footer-middle .footer-logo{width: fit-content; margin:0 auto}
}
@media screen and (max-width:720px) {
    :root{
        --container-width:calc(100vw - 64px)
    }
    [data-theme="feature-one-slide"] .box-stage{padding: 0}
    [data-theme="feature-one-slide"] .thumbnail{width:100%}
    [data-theme="feature-one-slide"] .details{position:absolute; width:100%; height:100%; padding:16px; text-shadow: 1px 1px 1px #000}
    [data-theme="feature-one-slide"] .details .title{margin-top:auto; font:var(--title-font-a)}
    [data-theme="feature-one-slide"] .details .title a{color:#fff !important}
    [data-theme="feature-one-slide"] .details .attachments{margin-top:calc(var(--gap) / 2)}
    [data-theme="feature-one-slide"] .details .date{color:#f4f4f4}
    [data-theme="feature-one-slide"] .swiper-pagination{left:var(--gap); bottom:auto; top:var(--gap)}

    #archive-wrapper-1 .col-3 [data-theme="simple-list"]>.box-stage li{width:calc(100% - 32px); margin-left:16px; margin-right:16px; margin-bottom:16px;}

    #case-wrapper-1 .item-content{flex-wrap: wrap}
    #case-wrapper-1 .thumbnail{width:100%; order:1; margin-right:0; margin-bottom:16px;}
    #case-wrapper-1 .details{width:100%}
    #case-wrapper-1 [data-theme="case"] .details .content-types{flex-wrap: wrap; justify-content: center; margin-bottom:-8px;}
    #case-wrapper-1 [data-theme="case"] .details .content-types li{white-space:nowrap; margin:8px;}

    #index-wrapper-2 [data-theme="special-case"] .item-content{flex-direction: column}
    #index-wrapper-2 [data-theme="special-case"] .thumbnail{width:100%; margin-left:0}
    #index-wrapper-2 [data-theme="special-case"] .details{position:absolute; width:calc(100% - calc(var(--gap) * 2)); height:auto; margin:0; padding:8px var(--gap); aspect-ratio: 16 / 9}
    #index-wrapper-2 [data-theme="special-case"] .relations{width:100%; margin-top: var(--gap)}
    #index-wrapper-2 [data-theme="special-case"] .relations ul li{margin-top:calc(var(--gap) / 2) !important; margin-bottom:calc(var(--gap) / 2) !important}
    #index-wrapper-2 [data-theme="special-case"] .relations ul li:first-child{margin-top: 0 !important}
    #index-wrapper-2 [data-theme="special-case"] .relations ul li:last-child{margin-bottom: 0 !important; display:block !important}

    #index-wrapper-3 [data-theme="multimedia"] .box-stage.flex-view .details .title{font:var(--title-font-a)}

    [data-theme="article"].photo-mode .article .gallery .favorite-gallery .photo-item{width: calc(100% - 16px)}
    [data-theme="article"].photo-mode .article .gallery .normal-gallery .photo-item{width: calc(50% - 16px)}

    [data-theme="article"] .article .content p{overflow:hidden}

    #main-stage .archive-results .archive-result-item{width:50%}
    [data-theme="newspaper-stage"] .box-header .title[data-title]{font-size:0; color:transparent}
    [data-theme="newspaper-stage"] .box-header .title[data-title]:before{content:attr(data-title); font-size:16px; color:#3B3B3B; line-height:24px;}

    #main.advertisements.ads-type #advertisement-right-sidebar{width:100%;}
    #main.advertisements.ads-type #advertisement-content-bar{width:100%;}


}
@media screen and (max-width:560px) {
    #main #advertisement-content-bar{width:100%;}
    #main #advertisement-left-sidebar{width:100%;}

    #advertisement .advertisement-headline .page-title{font-size:14px}
}
@media screen and (max-width:520px) {
    #main-stage .search-results .search-item .details .newspaper-info{flex-direction: column}
    #main-stage .search-results .search-item .details .newspaper-info .date{margin-right: 0}
    #main-stage .search-results .search-item .details .lead{display:none}
    #footer .footer-top [data-theme="footer-list"]{flex-wrap: wrap;}
    #footer .footer-top [data-theme="footer-list"] .list-view{flex-grow: 1; margin-bottom: 16px;}
    #footer .footer-top [data-theme="footer-list"] .list-view *{text-align: center}
}
@media screen and (max-width:500px) {
    #index-wrapper-4 .col-3{width: 100%}
    #top-header .date-and-networks{height:100%}
    #top-header .date-and-networks .date{display:none}

    #post-wrapper .col-9 [data-theme="article"] .article .details .author{width:100%; margin-bottom:calc(var(--gap) / 2); display:flex; flex-direction:column; align-items:center}
    #post-wrapper .col-9 [data-theme="article"] .article .details .author figcaption{margin-right:0}
    #post-wrapper .col-9 [data-theme="article"] .article .details .service{margin-right:0 !important}

    #post-wrapper .col-12 [data-theme="article"] .article .details .author{width:100%; margin-bottom:calc(var(--gap) / 2); display:flex; flex-direction:column; align-items:center}
    #post-wrapper .col-12 [data-theme="article"] .article .details .author figcaption{margin-right:0}
    #post-wrapper .col-12 [data-theme="article"] .article .details .service{margin-right:0 !important}

    #index-wrapper-2 [data-theme="special-case"] .details .title{font-size:16px}

    [data-theme="feature-one-slide"] .details .title{margin-top:auto; font:var(--title-font-b)}
    #index-wrapper-3 [data-theme="multimedia"] .box-stage.flex-view .details .suptitle{display:none}
    #index-wrapper-3 [data-theme="multimedia"] .box-stage.flex-view .details .title{font:var(--title-font-b)}

    #overlay .overlay-stage .copy-link-overlay input{width:150px;}

    #advertisement .advertisement-headline{flex-direction:column}
    #main #advertisement-right-sidebar .advertisement-types ul li{width:40%;}


}
@media screen and (max-width:460px) {
    #main-stage .archive-results .archive-result-item{width:100%}

}
@media screen and (max-width:400px) {
    #overlay .overlay-stage .copy-link-overlay input{width:100px;}
    #overlay .overlay-stage .copy-link-overlay .copy-to-clipboard{font-size:8px;}

    #main #advertisement-right-sidebar .advertisement-types ul li{width:100%;}

}