/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
.popular_item img {height: 220px;}
.related_item img { height:260px}
}


/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
.popular_item img {height: 180px;}
.popular_item h4 a {font-size: 12px;}
nav.top_nav ul{display:none}
.full_content { display:block}
.full_left{max-width:100%;padding-right:0}
.poster { margin:0 25% 30px}
.fscreens { display:flex;flex-wrap:wrap;justify-content:center; margin: 0 -10px 0;}
.fscreens a { flex:0 0 33.3333333%;max-width:33.3333333%;padding:10px}
.subscr-btn, .unsubscr-btn {padding: 15px;}
.rating .like { padding:20px 15px}
.related_item img { height:200px}
    .for_pc li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
.content_search #dle-content, .content_block #dle-content {grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
.h_content i.fa-bars {display: inline-block;}
.aside_l{margin-right:0;position:absolute;top:-60px;left:0;background:var(--white);z-index:10;box-shadow:var(--box-shadow); display: none;}
.aside_title{font-weight:600;padding:17px 15px;margin-bottom:10px;font-size:16px}
.aside_content{height:calc(96vh - 100px);overflow-x:auto}
.content_search #dle-content, .content_block #dle-content {grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);}
.popular_item:nth-last-child(-n+2) {display: none;}
.popular_item {flex: 0 0 20%;max-width: 20%;}
.popular_item img {height: 250px;}
    .for_pc li {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .aside_l .sect_title,
    .aside_l .random_inf, .aside_l .news_inf {
        display: none;
    }
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
.popular_item img {height: 200px;}
.footer_bottom {display: block;text-align: center;}
.footer_info {margin-bottom: 20px;}
.related_item img { height:225px}
    .for_pc li {
        flex: 0 0 25%;
        max-width: 25%;
    }
.content_search #dle-content, .content_block #dle-content {grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
.searchpage table, .searchpage table tbody, .searchpage table tbody tr, .searchpage table tbody tr td {display: block;}
.searchtable table tbody tr td.search, .searchtable table tbody tr td.search div table tbody {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
.searchtable table tbody tr td.search {min-width: 100%;}
.searchtable table tbody tr td.search table tbody tr:nth-child(2) td.search {gap:1rem;}
.searchtable .textin {width: 100%;}
.searchtable table tbody tr td.search div table tbody {gap: 1rem; overflow-x: hidden;}
.searchtable table tbody tr td.search div table tbody tr {display: flex; flex-direction: column; flex-wrap: nowrap;justify-content: center; align-items: stretch; gap: 1rem;}
.popular_item img {height: 190px;}
    .for_pc li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
.popular_item:nth-last-child(-n+3) {display: none;}
.popular_item {flex: 0 0 25%;max-width: 25%;}
.popular_item img {height: 200px;}
.related_item { flex:0 0 50%;max-width:50%}
.related_item img { height:400px}
.content_search #dle-content, .content_block #dle-content {grid-template-columns: minmax(134px, 1fr) minmax(134px, 1fr);}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
.popular_inf {display: none;}
.poster{margin:0}
.for_pc li {flex:0 0 50%;max-width:50%}
.related_item img {height:270px}
    
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
.header_row {display: block; text-align: center;}
.logo { margin-right: 0; display: block;}
.logo small { text-align:center}
.h_content { width:100%;padding:0 0 15px}
.search_form button {font-size: 0;}
.search_form button [class*="fa"] {margin-right: 0;font-size: 16px;}
.fscreens a { flex:0 0 100%;max-width:100%;padding:0}
.fscreens { margin: 0;display:block}
.descr_short_info li,
.descr_short_info li span { display:block}
.related_item img{height:195px}
    .for_pc li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
    .related_item img{height:170px}
    .content_search #dle-content, .content_block #dle-content {grid-template-columns: minmax(150px, 1fr);}
}