@media (max-width: 768px) {
    .action-bar {
        width: 100%;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .grid-container {
        padding: 0 !important;
    }
    .breadcrumbs-column1,
    .breadcrumbs-submenu {
        display: none;
    }
    
    .header-track {
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .builder-profile-menu {
        justify-content: flex-end;
        margin: 18px;
        width: 100%;
    }
    
    .toggle-top-menu,
    .toggle-menu {
        color: var(--accent-color) !important;
    }
    
    .grid-container .card-footer.panel-footer > div {
        text-align: center;
        justify-content: center;
    }
    
    .grid-container .card-footer.panel-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .form-container {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .actions-agenda .btn:not(.btn-primary) {
        display: none !important;
    }
    
    .agenda_filtros {
        margin-left: -250px;
        position: absolute;
        z-index: 2;
        background: white;
        box-shadow: var(--box-shadow);
        overflow: inherit;
        transition: var(--transition);
    }
    
    .agenda_fields_filters {
        overflow: auto;     
    }
    
    .agenda_container .fc-header-toolbar {
        position: relative;
    }
    
    .agenda_container .fc-toolbar-chunk:first-child {
        zoom: .8;
        justify-content: flex-start;
        width: 100%;
    }
    
    .agenda_container .fc-toolbar-chunk:last-child {
        zoom: .7;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    
    .agenda-cortina {
        position: absolute;
        right: -30px;
        background: var(--panel-background);
        display: flex;
        width: 30px;
        height: 30px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        color: var(--accent-color);
        border: 1px solid var(--panel-border-color);
        top: 55px;
    }
    
    .agenda-cortina > i {
        background: var(--live-background-color);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .agenda_filtros.open {
        margin-left: 0;
    }
    
    .agenda_filtros.open .agenda-cortina i {
        transform: rotate(180deg);
    }
}