@media (min-width: 525px) and (max-width:850px){
    .res-auth-box{
        width: 100% !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
    }
    .auth-form, .auth-form.auth-attention-slide {
        width: auto;
    }
    .auth-form-title > img {
        width: 15%;
    }
}

@media (max-width:520px){
    /*login*/
    .res-auth-box{
        width: 100% !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
    }
    .auth-form.auth-attention-slide {
        width: 100%;
        padding: 0;
    }

    /*dashboard*/
    .profile-picture {
        height: 202px;
        width: 50%;
    }
    .panel-heading.panel-profile{
        display: flex;
        flex-direction: row;
        justify-items: center;
        align-items: center;
    }
    .panel-heading.panel-profile > div.pull-left{
        width:80%;
    }
    .panel-heading.panel-profile > div.pull-right{
        display:flex;
        flex-direction: column;
        gap: 6px;
    }
    .panel-heading.panel-profile > div.pull-right > a{
        width:100%;
        padding: 5px 15px;
        text-align: left;
    }
}