/************ media *************/
@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1024px) {
    #home > .not_logged h1 {
        font-size: 30px;
        line-height: 1.3;
    }
    
    #footer > .in > .logo {
        margin-right: 0;
    }
    #footer > .in > .question {
        display: flex;
        justify-content: flex-end;
        flex: 1 1 auto;
        margin: 0 20px;
    }
    #footer > .in > #foot_menu {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    #home > .is_logged .services > .item {
        width: 100%;
        flex-basis: 100%;
    }
    #home > .is_logged .services > .item > .in {
        margin: 24px 0 0 0;
    }
}

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

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

@media only screen and (max-width: 600px) {
    #header > .in > .login_block > .not_logged_info > a.register {
        display: none;
    }
    #account > .in {
        padding: 0 10px;
    }
    #account > .in > .block > .item {
        flex-direction: column;
        align-items: flex-start;
    }
    #account > .in > .block > .item > .label {
        flex-basis: 0;
        width: auto;
    }
    #account > .in > .change > form {
        border: 0;
        padding: 10px;
    }
    #account > .in > .change > form > ul.lang_menu > li > a {
        padding: 2px 10px;
    }
    #account > .in > .change > form > .networks_form > li > label {
        flex-basis: auto;
    }
    #account > .in > .change > form > .networks_form > li {
        flex-direction: column;
        align-items: flex-start;
    }
    
    #account > .in > .change > form > .activity_select {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    #account > .in > .block > .avatar {
        flex-direction: column;
        /*align-items: flex-start;*/
    }
    #account > .in > .block > .avatar > .foto {
        margin-right: 0;
        margin-bottom: 14px;
    }
    #account > .in > .block > .avatar > .info {
        text-align: center;
    }
}

@media only screen and (max-width: 400px) {
    #header > .in > .login_block > .account_info {
        left: 8px;
        width: auto;
        min-width: 304px;
    }
}

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