@media (max-width: 768px){

    .header{
        height:80px;
        padding:0 16px;
    }

    .header-content{
        height:80px;
    }

    .logo img{
        width:110px;
    }

    .login{
        padding-top:60px;
        padding-left:16px;
        padding-right:16px;
    }

    .login-card{
        max-width:100%;

        padding:28px 22px;

        border-radius:16px;
    }

    .login-card h1{
        font-size:26px;

        margin-bottom:24px;
    }

    .input-group{
        margin-bottom:14px;
    }

    .input-group input{
        height:44px;

        font-size:14px;

        border-radius:10px;
    }

    .login-btn{
        height:46px;

        font-size:15px;

        border-radius:10px;
    }

    .copyright{
        margin-top:16px;

        font-size:12px;
    }

}

@media (max-width:768px){

    .dashboard-header{
        padding:0 16px;
    }

    .dashboard-logo img{
        width:110px;
    }

    .logout-btn{
        height:38px;

        padding:0 16px;

        font-size:13px;
    }

}

/* MOBILE */

@media (max-width:768px){

    .dashboard{
        padding:0 12px;
    }

    .profile-block{
        flex-direction:column;
        align-items:flex-start;
    }

    .profile-info h1{
        font-size:20px;
    }

    .progress-steps{
        grid-template-columns:repeat(2,1fr);
    }

    .cos-header{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .tabs{
        flex-wrap:wrap;
    }

    .cos-grid{
    grid-template-columns:1fr;
}

.visa-actions{
    width:100%;
}

.visa-btn{
    width:100%;
}

.invitation-card{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
}

.invitation-actions{
    width:100%;

    display:flex;
    gap:10px;
}

.invitation-actions a{
    flex:1;

    text-align:center;
}

.progress-header h2{
    font-size:22px;
}

.progress-bar{
    height:8px;
}

.stage-btn{
    width:100%;

    height:52px;

    font-size:14px;
}

.notifications-wrapper{
    padding:0;
}

.notification-item{
    padding:18px;
}

.notification-top{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}

.faq-block{
    padding:22px 18px;
}

.faq-question{
    font-size:15px;
    line-height:1.4;
}

}


@media(max-width:768px){

    .dashboard-header{

        height:auto;

    }

    .dashboard-header-content{

        position:relative;

        display:flex;

        align-items:center;

        justify-content:space-between;

        padding:14px 0;

    }

    .burger-btn{

        display:flex;

        align-items:center;

        justify-content:center;

    }

    .header-actions{

        position:absolute;

        top:70px;

        left:0;

        width:100%;

        background:#0a3f91;

        border-radius:16px;

        padding:14px;

        display:none;

        flex-direction:column;

        gap:14px;

        z-index:1000;

    }

    .header-actions.active{

        display:flex;

    }

    .header-nav{

        width:100%;

        display:flex;

        flex-direction:column;

        gap:10px;

    }

    .header-nav a{

        width:100%;

        justify-content:center;

    }

    .header-right{

        width:100%;

        display:flex;

        gap:10px;

    }

    .header-right button{

        flex:1;

    }

}



@media(max-width:768px){

    .profile-info-row{
        flex-direction:column;
        gap:8px;
    }

    .profile-info-item{
        padding:0;
        border-right:none;
    }

}


@media(max-width:768px){

    .notification-item{

        padding:18px;

        border-radius:18px;

    }

    .notification-top{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    .notification-top h4{

        font-size:18px;

    }

    .notification-item p{

        font-size:14px;

        line-height:1.6;

    }

}

@media(max-width:768px){

    .avatar-upload-block{

        padding:22px 18px;

    }

    .avatar-upload-block h3{

        font-size:20px;

    }

    #uploadAvatarBtn{

        width:100%;

    }

}



@media(max-width:768px){

    .admin-page .table-header,
    .admin-page .table-row{
        min-width:0 !important;
        width:100% !important;

        grid-template-columns:
        54px
        1fr
        90px !important;

        padding:0 10px !important;
    }

    .admin-page .table-header span:nth-child(2),
    .admin-page .table-header span:nth-child(4),
    .admin-page .table-header span:nth-child(5),
    .admin-page .table-header span:nth-child(6),
    .admin-page .table-header span:nth-child(7),
    .admin-page .table-header span:nth-child(8),
    .admin-page .table-row span:nth-child(2),
    .admin-page .table-row span:nth-child(4),
    .admin-page .table-row span:nth-child(5),
    .admin-page .table-row span:nth-child(6),
    .admin-page .table-row span:nth-child(7),
    .admin-page .table-row span:nth-child(8){
        display:none !important;
    }

    .admin-page .open-btn{
        width:90px !important;
        height:36px !important;
        padding:0 !important;
        font-size:11px !important;
    }

}


@media(max-width:768px){

    .admin-page .filters-block{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        gap:10px !important;
    }

    .admin-page .filters-block input,
    .admin-page .filters-block select,
    .admin-page .filters-block button{
        width:100% !important;
        min-width:0 !important;
        height:42px !important;
    }

}


@media(max-width:768px){

    .admin-page .admin-top-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        width:100% !important;
        gap:10px !important;
    }

    .admin-page .admin-top-actions .add-client-btn,
    .admin-page .admin-top-actions .logout-btn{
        width:100% !important;
        height:46px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }

    .admin-page .labels-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        gap:10px !important;
    }

    .admin-page .labels-actions select,
    .admin-page .labels-actions input,
    .admin-page .labels-actions button{
        width:100% !important;
        min-width:0 !important;
        height:42px !important;
    }

    .admin-page .labels-block{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;
    }

}


@media(max-width:768px){

    .admin-page .admin-top{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;
    }

    .admin-page .admin-top h1{
        font-size:56px !important;
        line-height:0.95 !important;
        max-width:100% !important;
    }

    .admin-page .admin-top-actions{
        width:50% !important;

        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;

        gap:12px !important;
    }

    .admin-page .add-client-btn,
    .admin-page .logout-btn{
        height:44px !important;

        padding:0 16px !important;

        font-size:12px !important;

        flex:none !important;
    }

}