html,
body {
    min-height: 100%;
    background-color: #080707 !important;
}

body {
    background-image: url("/assets/site/templates/default/build/assets/site-background.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-color: #000 !important;
}

/* ==========================================
   NIGHTFALL — CUSTOM BACKGROUND SCALING
   FULL HD НЕ ТРОГАЕМ
========================================== */

/* 2K — QHD */
@media screen and (min-width: 2200px) and (max-width: 2799px) {
    body {
        background-size: 75% auto !important;
        background-position: center top !important;
    }
}

/* Ultrawide */
@media screen and (min-width: 2800px) and (max-width: 3599px) {
    body {
        background-size: 85% auto !important;
        background-position: center top !important;
    }
}

/* 4K */
@media screen and (min-width: 3600px) and (max-width: 4999px) {
    body {
        background-size: 100% auto !important;
        background-position: center top !important;
    }
}

/* 5K / 8K и выше */
@media screen and (min-width: 5000px) {
    body {
        background-size: 120% auto !important;
        background-position: center top !important;
    }
}

@media (max-width: 767px) {
    body {
        background-size: 160% auto !important;
        background-position: 70% top !important;
        background-repeat: no-repeat !important;
        background-color: #000 !important;
    }
}

/* MOBILE NEWS POSITION */
@media only screen and (max-width: 550px) {
    .news_block {
        margin-top: -6% !important;
    }
}

/* NIGHTFALL — FIX MOBILE MENU OVERLAP */
@media (max-width: 1200px) {
    section#top_menu {
        position: relative !important;
        z-index: 999999 !important;
    }

    #main_menu.top_menu.menu-open {
        position: fixed !important;
        z-index: 1000000 !important;
        left: 0 !important;
    }
}

/* NIGHTFALL — исправление desktop mode на телефонах */
@media (min-width: 551px) and (max-width: 1000px) {

    #news .wrap {
        width: auto !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    #news .news_block {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 20px;
    }

    #news .n-block-info,
    #news .sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #news .rating_block {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #news .rating_table {
        width: 100% !important;
        table-layout: auto;
    }
	
	    #social-network .wrap {
        width: auto !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    #social-network .subscribers {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #social-network .sub_item {
        width: 100% !important;
        box-sizing: border-box !important;
    }

}