/*Write your custom style or CSS code here*/

body{
    font-weight: 300 !important;
}

@media (max-width: 400px) {
    .tt-header:not(.tt-double-header) .navbar > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .tt-header:not(.tt-double-header) .navbar-brand {
        display: block;
        width: auto;
        margin-right: auto;
        text-align: left;
        white-space: nowrap;
        flex: 0 1 auto;
    }

    .tt-header:not(.tt-double-header) .tt-toolbar-wrap {
        width: auto;
        margin-left: auto;
        justify-content: flex-end;
        flex: 0 0 auto;
    }

    .tt-header:not(.tt-double-header) .tt-secondary-list {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 0;
    }

    .tt-header:not(.tt-double-header) .tt-secondary-list .nav-item {
        display: flex;
        align-items: center;
    }

    .tt-header:not(.tt-double-header) .tt-secondary-list .btn-sm,
    .tt-header:not(.tt-double-header) .tt-secondary-list .nav-link,
    .tt-header:not(.tt-double-header) .tt-secondary-list button.btn {
        white-space: nowrap;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

@media (max-width: 374.98px) {
    .tt-header:not(.tt-double-header) .navbar-brand {
        display: none;
    }
}