.d-mobile {
    display: block;
}

.d-desktop {
    display: none;
}

@media screen and (min-width: 576px) { /* NOTE Bootstrap cover sm */

}

@media screen and (min-width: 768px) { /* NOTE Bootstrap cover md */
    body.admin-bar #all {
        min-height: calc( 100vh - 32px);
    }
    body.admin-bar #burger-menu,
    body.admin-bar .sticky-header {
        top: 32px;
    }

}

@media screen and (min-width: 992px) { /* NOTE Bootstrap cover lg */
    .floating-label-group input {
        padding: 1em .75em;
    }
    .floating-label-group label {
        top: .9em;
    }
}

@media screen and (min-width: 1200px) { /* NOTE Bootstrap cover xl */

    .d-mobile {
        display: none;
    }

    .d-desktop {
        display: block;
    }
    header #header-second-line .center {
        width: clamp(380px, 36vw, 680px);
    }

    footer .main-footer {
        padding: 5em 0 1em;
        flex-direction: row;
        justify-content: space-between;
    }
    footer .main-footer .menus {
        flex-grow: 1;
    }
    footer .container {
        flex-direction: row;
        gap: 7%;
        justify-content: space-between;
    }
    footer .main-footer .title {
        flex-direction: column;
    }
    footer .sub-footer {
        padding: 3em 0;
        flex-direction: row;
        justify-content: space-between;
    }
    footer .main-footer .d-desktop {
        display: flex;
        flex-direction: row;
        gap: 2em;
        justify-content: space-between;
    }
    footer .main-footer .d-desktop>div {
        max-width: 22%;
    }
    footer .logo svg {
        max-width: 204px;
    }


}
@media screen and (min-width: 1400px) { /* NOTE Bootstrap cover xxl */
    header .d-desktop ul.menu {
        gap: 2em;
    }

    header .d-desktop ul.menu li a {
        font-size: 1rem;
    }
    header .logo {
        max-width: 251px;
    }


}
@media screen and (min-width: 1584px) { /* NOTE Bootstrap cover xxxl */

}