@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1220px;
    }
}
@media (max-width: 1200px) {
    .top-header {
        justify-content: unset;
    }
    .dark-mode {
        margin-left: auto;
    }
}
@media (max-width: 991px) {
    .dark-mode {
        margin-left: unset;
    }
    .form-search-normal {
        margin-left: auto;
    }
    .form-search {
        width: auto;
    }
}
@media (max-width: 767px) {
    .top-header {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .off-mobile {
        display: none;
    }
}

@media (min-width: 575px) {
    .off-desktop {
        display: none;
    }
}