/* Homepage-only refinement of the legacy 123Movies header. */
@media (min-width: 992px) {
    body.pictures-home > header {
        height: 70px;
        background: #fff;
        border-bottom: 1px solid #e5eaee;
        box-shadow: 0 2px 12px rgba(28, 52, 69, .07);
    }

    body.pictures-home > header > .container {
        width: calc(100% - 36px) !important;
        max-width: 1320px !important;
        height: 70px;
        padding: 0 !important;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }

    body.pictures-home > header .header-logo {
        float: none;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        height: 70px;
        margin: 0 30px 0 0 !important;
    }

    body.pictures-home > header .header-logo:after {
        display: none !important;
    }

    body.pictures-home > header .header-logo h1 {
        display: flex;
        align-items: center;
        margin: 0;
    }

    body.pictures-home > header #logo {
        width: 188px;
        height: 50px;
        background-size: contain !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }

    body.pictures-home > header #menu {
        float: none;
        flex: 1 1 auto;
        min-width: 0;
        height: 70px;
    }

    body.pictures-home > header #menu ul.top-menu {
        height: 70px;
        display: flex;
        align-items: stretch;
        gap: 19px;
        margin: 0;
        padding: 0;
    }

    body.pictures-home > header #menu ul.top-menu > li {
        float: none;
        display: flex;
        align-items: stretch;
        margin: 0 !important;
    }

    body.pictures-home > header #menu ul.top-menu > li > a {
        position: relative;
        height: 70px;
        line-height: 70px;
        padding: 0 1px;
        color: #2d3338;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .05px;
        text-decoration: none;
        white-space: nowrap;
        border: 0 !important;
    }

    body.pictures-home > header #menu ul.top-menu > li:hover > a,
    body.pictures-home > header #menu ul.top-menu > li.active > a {
        color: var(--main-brand-color);
    }

    body.pictures-home > header #menu ul.top-menu > li.active > a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: var(--main-brand-color);
    }

    body.pictures-home > header #top-user {
        display: none;
    }

    body.pictures-home > header #search {
        float: none;
        flex: 0 0 286px;
        width: 286px;
        margin: 0 0 0 26px;
        align-self: center;
    }

    body.pictures-home > header #search .search-content {
        width: 100%;
    }

    body.pictures-home > header #search input.search-input {
        height: 40px;
        padding: 0 46px 0 14px;
        border: 1px solid #d7dde2;
        border-radius: 6px;
        background: #fff;
        color: #25313b;
        font-size: 13px;
        box-shadow: none;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    body.pictures-home > header #search input.search-input::placeholder {
        color: #9aa4ad;
    }

    body.pictures-home > header #search input.search-input:focus {
        border-color: var(--main-brand-color);
        box-shadow: 0 0 0 3px rgba(0, 170, 188, .09);
        outline: 0;
    }

    body.pictures-home > header #search .search-submit {
        top: 1px;
        right: 1px;
        width: 42px;
        height: 38px;
        border-radius: 0 5px 5px 0;
        color: #263742;
        background: transparent;
        transition: color .15s ease, background .15s ease;
    }

    body.pictures-home > header #search .search-submit:hover {
        color: var(--main-brand-color);
        background: #f1fbfc;
    }

    body.pictures-home > header #search .search-submit i {
        line-height: 38px;
    }

    body.pictures-home > header .search-suggest {
        top: 45px;
        right: 0;
        width: 360px;
        border: 1px solid #dbe3e8;
        border-top: 3px solid var(--main-brand-color);
        border-radius: 7px;
        box-shadow: 0 14px 34px rgba(32, 54, 69, .16);
    }

    body.pictures-home > header #menu .sub-container {
        top: 67px;
        width: 500px;
        padding: 9px;
        border: 1px solid #dce4e8;
        border-top: 3px solid var(--main-brand-color);
        border-radius: 0 0 8px 8px;
        box-shadow: 0 14px 34px rgba(32, 54, 69, .14);
    }

    body.pictures-home > header #menu .sub-container ul.sub-menu {
        padding: 3px;
    }

    body.pictures-home > header #menu .sub-container ul.sub-menu li a {
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        border-radius: 5px;
        color: #3d4a54;
        font-size: 13px;
    }

    body.pictures-home > header #menu .sub-container ul.sub-menu li:hover a {
        background: #eaf9fb;
        color: #078ea0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1240px) {
    body.pictures-home > header > .container {
        width: calc(100% - 24px) !important;
    }

    body.pictures-home > header .header-logo {
        margin-right: 20px !important;
    }

    body.pictures-home > header #logo {
        width: 164px;
    }

    body.pictures-home > header #menu ul.top-menu {
        gap: 12px;
    }

    body.pictures-home > header #menu ul.top-menu > li > a {
        font-size: 12px;
    }

    body.pictures-home > header #search {
        flex-basis: 235px;
        width: 235px;
        margin-left: 18px;
    }
}

@media (max-width: 991px) {
    /* Keep the original mobile menu behavior, but polish the visible controls. */
    body.pictures-home > header .header-logo:after {
        display: none !important;
    }

    body.pictures-home > header .mobile-menu,
    body.pictures-home > header .mobile-search {
        color: #263742;
    }
}