/* Новый брейкпоинт для экрана от 1600px */
@media (min-width: 1400px) {
    .custom-xxl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .custom-xxl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .custom-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .custom-xxl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .custom-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .custom-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-xxl-3_5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}


@media (min-width: 768px) {
    .sidebar {
        transform: translateX(0) !important;
    }
}


@media (max-width: 768px) {
    .sidebar {
        position: absolute;
        min-height: 40px;
        overflow: scroll;
        z-index: 2000;
    }

    .hero h1 {
        /*margin: 0;*/
        font-size: 6rem;

    }

}


@media (max-width: 500px) {
        .hero h1 {
        /*margin: 0;*/
        font-size: 5rem;

    }
}


@media (max-width: 768px) {
    .add-entity-button {
        position: fixed;
        top: 2%;
        right: -29px;

    }
}