/* Keep the site header aligned with the main content on wide displays. */
@media (min-width: 1600px) {
    .navbar-top .container-header {
        max-width: 1540px;
    }
}

/* The extra first-level item needs a little room at common laptop widths. */
@media (min-width: 1360px) and (max-width: 1599px) {
    nav.navbar-top .navbar-form.navbar-left input.form-control.search-input {
        width: 140px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1359px) {
    nav.navbar-top .navbar-nav > li > a {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    nav.navbar-top .navbar-form.navbar-left input.form-control.search-input {
        width: 100px !important;
    }
}

/* Extend the theme's own compact-menu treatment to smaller desktops. */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-top .nav.navbar-nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 20px;
        margin: 0;
        border-radius: var(--main-radius);
        background: var(--header-bg);
        box-shadow: 0 4px 10px var(--main-shadow);
        opacity: 0;
        visibility: hidden;
        transform: translateY(40px);
        transition: .3s;
    }

    .navbar-top .nav.navbar-nav.show {
        z-index: 998;
        opacity: 1;
        visibility: visible;
        transform: translateY(68px);
    }

    .navbar-top .show-nav-but.hide {
        display: unset !important;
    }
}