#btn-menu {
    text-align: right;
    display: none;
}

#btn-menu button {
    width: auto;
    background-color: transparent;
    color: black;
    min-width: auto;
}

#btn-menu button:focus {
    box-shadow: none;
}

#list-menu {
    transition: all ease-in 0.2s;
}

.z-10 {
    z-index: 1000;
}

.table-collections {
    display: block;
}

.guide {
    z-index: 100;
    position: fixed;
}

#breadcrumb ul {
    flex-wrap: wrap;
}

#home .discover-more ul li,
#communities-collections .collapse-content ul li {
    display: flex;
}

@media screen and (max-width: 920px) {
    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #search .search-form-text,
    #search .search-form-input,
    #search .search-form-buttons {
        flex: 0 0 auto;
    }

    #search .search-form-text {
        margin-bottom: 15px;
    }

    #search .search-form-input {
        max-width: 60%;
    }

    #search .search-form-buttons {
        max-width: 30%;
    }

    #search .search-form-buttons .buttons {
        display: flex;
        justify-content: end;
        gap: 15px;
    }

    .form-search .form-date {
        gap: 10px;
    }

    .form-search .form-date > div {
        flex: 0 0 auto;
        margin: 0!important;
    }
}

@media screen and (max-width: 550px) {
    h1 {
        font-size: 24px;
        line-height: 30px;
    }

    #menu {
        padding: 5px 0;
    }

    #menu #list-menu {
        height: 0;
        visibility: hidden;
    }

    #menu #list-menu ul {
        display: block;
        margin-top: 15px;
    }

    #menu #list-menu ul .separator {
        display: none;
    }

    #menu #list-menu.show-menu {
        visibility: visible;
        height: 150px;
    }

    #menu #list-menu.logged-in.show-menu {
        visibility: visible;
        height: 420px;
    }

    #menu #list-menu.show-menu ul {
        min-height: 100px;
    }

    #menu .profile {
        background-color: transparent!important;
        width: 100%!important;
        border-radius: 0!important;
        border: none!important;
        height: auto!important;
        padding: 0;
    }

    #menu .profile .avatar {
        display: none;
    }

    #menu .dropdown-menu {
        display: block;
        position: inherit!important;
        width: 100%;
        box-shadow: none;
        padding: 0;
        border: none;
        font-size: 16px;
        transform: inherit!important;
    }

    #menu .profile .dropdown-menu a {
        padding: 0.25rem 0;
    }

    #btn-menu {
        display: block;
    }

    #search .search-form-input {
        max-width: 50%;
    }

    #search .search-form-buttons {
        max-width: 40%;
    }

    #search .search-form-buttons .buttons {
        display: flex;
        justify-content: end;
    }

    #search .search-form-buttons .btn {
        min-width: 53px;
        padding: 5px 15px;
    }

    footer {
        padding: 30px 0 23px;
    }

    footer .menu-footer {
        display: block;
    }

    footer .menu-footer .menu-footer-title {
        margin-bottom: 15px;
    }

    footer .menu-footer .menu-footer-list {
        margin-bottom: 30px;
    }

    footer .logo {
        margin-bottom: 15px;
    }

    footer .footer-copyright {
        margin-top: 0;
    }

    .user-general-ui .form-wrapper {
        max-width: 100%;
    }

    .form-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-search .tab-bar-general {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-search .tab-bar-general .search-input {
        margin-bottom: 15px;
    }

    .form-search .tab-bar-general .btn.btn-orange {
        min-width: 75%;
    }

    #dashboard-search-filter.show {
        height: auto;
    }

    .form-search .form-date > div.form-date-text {
        width: 100%;
    }

    .form-search .form-date > div.form-date-text-to {
        width: auto;
    }

    .form-search .search-filter .form-radio-inline {
        margin-top: 15px;
    }

    .form-submission {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .custom-modal .modal-body, .custom-modal .modal-footer, .custom-modal .modal-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .admin-collection-buttons {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .tab-bar-general {
        padding-left: 15px;
        padding-right: 15px;
    }

    .collapsable .collapse-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tab-bar.tab-bar-general > .row > .col {
        margin-bottom: 10px;
        width: 145px;
    }

    .tab-bar.tab-bar-general > .row > .col a {
        padding: 10px 19px;
    }

    .guide {
        z-index: 100;
        position: inherit;
        width: 100%;
        right: 0;
        height: 144px;
    }

    .guide .close {
        display: none;
    }

    .page-view-wrapper.ml-auto {
        margin-left: 0!important;
    }

    #communities-collections.article-detail .article-detail-table .detail-table-row {
        display: block;
    }

    .submit-box .col-12 {
        margin-bottom: 15px;
    }

    .page-faq .feedback-form {
        padding: 72px 30px;
    }

    .has-underline:after {
        top: 35px;
    }

    header {
        position: relative;
    }

    header > div {
        top: 0;
        left: 0;
        z-index: 999;
        position: fixed;
        width: 100%;
        background: white;
    }
}