@media screen and (max-width: 1700px) {
    :root {
        --width-main: 100vw;
    }  

}

@media screen and (max-width: 1250px) {
    #wrap main#posts #wrapper_control_size nav#structure_post {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    #wrap header {
        grid-template-columns: max-content 1fr min-content;
        grid-template-rows: auto;
        grid-template-areas:
        "mobile_menu . logo"
        ;
    }

    #wrap header .logo_text  {
        display: none;
    }

    #wrap header .menu,
    #wrap header .item.login_popup_button {
        display: none;
    }

    #wrap header > .login {
        padding: 0;
    }

    #wrap header #mobile_menu {
        grid-area: mobile_menu;
        display: block;
    }

    #wrap footer .footer_content {
        margin: 10px;
    }

    header .popup-header-menu-container {
        display: none!important;
    }
}

@media screen and (max-width: 800px) {
    :root {
        --width-blog: 100vw;
        --padding-mobile: 12px;
    }  

    #wrap {
        grid-template-columns: 100vw;
        grid-template-rows: min-content auto min-content;
        grid-template-areas:
            "header"
            "main"
            "footer";
    }

    #wrap.main {
        grid-template-columns: repeat(1, auto);
        grid-template-rows: min-content auto min-content;
        grid-template-areas:
        "header"
        "main"
        "footer"
        ;
    }
}

@media screen and (max-width: 610px) {
    
}