@media screen and (max-width: 1320px) {
    aside{
        display: none;
    }

    .sidePanel{
        display: block;
    }

    .logo.n h1{
        display: none;
    }

    header .logo{
        left: 68px;
    }

    .search, .search_btn_full{
        display: none;
    }

    .club_info{
        img{
            width: 40px;       
        }

        h2{
            font-size: 16px;
        }
    }

    .info {
        img{
            width: 40px;       
        }

        button img{
                width: 20px;
                border-radius: 0;
                margin: 0;
            }      
    }
}

@media screen and (max-width: 680px) {
    body,.news article,.events article, .settings article, .feedback article, .club_info article, .reference article{
        background-color: #edeef0;
    }

    body:has(.publication){
        background-color: white;
    }

    .publication article{
        box-shadow: none;
    }

    .feedback article input,.feedback article textarea {
        border: 2px solid #eaeaea;
    }

    .settings article{

        &:where(:nth-child(2), :nth-child(3)){
            gap: 40px;
        }

        border-radius: 0;
        border-bottom: 1px solid #ccc;
        button{
            background-color: white;
            border-color: white;
        }

        button:hover {
            background: white;
        }
    }

    .profileEditing article{
        background: none;
        border-radius: 0;

        button{
            background-color: white;
            border-color: white;
        }
    }

    .post-title {
        padding: 0 16px;
        margin-bottom: 12px;
        
        h3 {
            font-size: 18px;
            line-height: 1.2;
        }
    }

    .post-hashtags {
        margin-top: 12px;
        
        .hashtag {
            font-size: 12px;
            padding: 3px 6px;
        }
    }

    .news, .events{
        width: 100%;
        
        article{
            width: 100%;
            max-width: 680px;
        }
    }
}

@media screen and (max-width: 550px) {
    .nameProfile .infoProfile{
        margin-right: 0;
    }
}

@media screen and (max-width: 396px) {
.settings article:where(:nth-child(3), :nth-child(4)) div {
        border: none;
        background: none;
        padding: 0;
    }
}