@media (max-width: 1280px) {
   
    body .sidebar::after{display:none;}
    .sidebar-gutters{
        width: calc(100% - 70px);
    }
    .sidebar .sidebar__container{
        padding-right: 0;
    }
    .sidebar-is-close{
        --sidebar-width: 70px;
    }
    .sidebar ~ .header{
        border-radius: 0;
    }
    .sidebar{z-index:52;}
}
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
   
}

@media (max-width: 767.98px) {
    .page-section{
        flex-direction: column;
        overflow: auto;
    }
    .page-canva{
        height: 100% !important;
        max-height: none !important;
    }
    .page-canva .page-section{
        --bs-gutter-y: 24px !important;
    }
    .sidebar-map{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .form-group.form-group--row{
        flex-direction: column;
    }
    .group-flex-1 > *{
        flex: none !important;
        width: 100% !important;
    }
    .bg-item{display:none;}
}

@media (max-width: 575.98px) {
    :root{
        --border-sidebar: 15px;
    }
    :root{
        --sidebar-width: 70px;
    }
    .sidebar-link--text {
        opacity: 0;
    }
    .btn-toggle-side{
        display: none !important;
    }
    .header-item{gap:15px;}
    .header .user-drp-info{
        display: none;
    }
    .switch-users--header{
        display: none;
    }
    .switch-users--footer{
        display: none;
    }
}

@media (max-width: 450px) {
    .header{gap:15px;}
    :root{
        --sidebar-width: 50px !important;
        --border-sidebar: 15px !important;
    }
    .sidebar-is-close {
        --sidebar-width: 50px;
    }
    .sidebar{
        width: var(--sidebar-width) !important;
    }
    .sidebar__header, .sidebar__body{
        padding: 5px;
    }
    .sidebar-gutters{
        width: calc(100% - var(--sidebar-width));
    }
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}