/* =========================================
   RESPONSIVE HEADER FIX
========================================= */

/* HEADER ROW ALIGN */
.header-wrapper .row {
    align-items: center;
}

/* MOBILE HEADER HEIGHT */
@media (max-width: 1199px) {

    .header-wrapper {
        padding: 12px 0;
    }

    /* LEFT TOGGLE */
    .header-toggle {
        justify-content: flex-start;
    }

    .ur3-header-toggle {
        width: 42px;
        height: 42px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        padding: 0;
    }

    .ur3-header-toggle span {
        width: 24px;
        height: 2px;
        background: #fff;
        display: block;
    }

    /* CENTER LOGO */
    .d-xl-none.text-center {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .d-xl-none.text-center img {
        max-width: 140px;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* RIGHT SEARCH */
    .ur-header-right {
        justify-content: flex-end;
    }

    .search-btn {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .search-btn i {
        font-size: 18px;
        color: #fff;
    }

}

/* TABLET */
@media (max-width: 991px) {

    .d-xl-none.text-center img {
        max-width: 120px;
    }

}

/* MOBILE */
@media (max-width: 767px) {

    .header-wrapper {
        padding: 10px 0;
    }

    .d-xl-none.text-center img {
        max-width: 100px;
    }

    .search-btn i {
        font-size: 16px;
    }

}

/* SMALL MOBILE */
@media (max-width: 480px) {

    .d-xl-none.text-center img {
        max-width: 90px;
    }

    .ur3-header-toggle,
    .search-btn {
        width: 38px;
        height: 38px;
    }

}

/* NEST HUB / LANDSCAPE DEVICES */
@media (max-width: 1024px) and (orientation: landscape) {

    .header-wrapper {
        padding: 8px 0;
    }

    .d-xl-none.text-center img {
        max-width: 110px;
    }

}