body{
            margin: 0px;
        }
        .gnt_cw {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            width: 980px;
            margin: 0 auto;
            padding: 20px 10px 0;
            background: #fff;
            position: relative
        }

        .gnt_pr {
            width: 660px;
            margin: 0 auto 0 0
        }

        .gnt_rr {
            contain: layout;
            overflow-anchor: none;
            width: 300px
        }

        @media (min-width:1200px) {
            .gnt_cw {
                isolation: isolate;
                align-content: start;
                width: 1020px;
                min-height: 480px;
                margin: 0 auto;
                padding: 30px 60px 0
            }
        }

        body>iframe:not(#gt-nvframe),
        body>img,
        html>iframe,
        html>img {
            display: none !important
        }

        html:not(.gnt__njs) .gnt__hbd {
            display: none;
            background: unset
        }

        .gnt_lbl_pm {
            background: var(--gnt-bgpm) no-repeat 0 0/120px 10px
        }

        .gnt_m {
            margin: 24px 0 44px
        }

        .gnt_bc {
            min-width: 1000px;
            padding-top: 20px;
            background: #e0e0e0
        }

        @media (min-width:1200px) {
            .gnt_bc {
                height: 450px;
                margin: 0 0 -450px;
                padding-top: 30px
            }
        }

        .gnt_ft {
            width: 96%;
            height: 614px;
            margin: -10px auto 0;
            padding: 0 0px;
            color: #303030;
            -webkit-user-select: none;
            user-select: none
        }
        

.gnt_m_ql {
    display: flex;
    align-items: center;
    height: 34px;
    margin: 0 calc(var(--gnt-ssp) * -1);
    padding: 0 var(--gnt-ssp);
    border-bottom: 1px solid #e7e7e7;
    color: #e7e7e7;
}
.gnt_m_ql_a {
    overflow: hidden;
    overflow: clip;
    height: 16px;
    margin: 0 10px 0 11px;
    fill: #626262;
    color: #626262;
    font: 700 14px / 16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

        .gnt_ft_lw {
            display: flex;
            justify-content: space-between;
            margin: 56px 0 -653px
        }

        .gnt_ft_ls {
            display: flex;
            flex-flow: column;
            width: 196px
        }

        .gnt_ft_ls::before {
            content: attr(aria-label);
            margin: 0 0 -1px;
            font: 700 14px/16px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        .gnt_ft_a {
            margin: 16px auto 0 -2px;
            padding: 0 2px;
            border: 0;
            background: 0 0;
            color: #303030;
            font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif;
            text-decoration: none;
            text-align: left;
            cursor: pointer
        }

        .gnt_ft_a:hover {
            color: #000
        }

        .gnt_ft_a__cd {
            display: none
        }

        .gnt_ft_a__yp {
            padding-left: 33px;
            background: url(/tangstatic/svg/leghorn/your-privacy-check-q1a2z33d5dfed9.svg) no-repeat 0 3px/26px 12px
        }

        .gnt_ft_cr {
            padding: 682px 0 11px;
            font: 12px/14px 'Georgia Pro', Georgia, 'Droid Serif', serif;
            text-align: center
        }

        @media (min-width:1200px) {
            .gnt_ft {
                padding: 0 0px
            }
        }

        .gnt_x__c {
            background-color: #f8f8f8
        }

        .gnt_x_sl {
            contain: content;
            transform: translate3d(0, 0, 0);
            width: 300px;
            min-height: 250px;
            margin: auto;
            position: relative
        }

        .gnt_x__lbl::before {
            content: 'Advertisement';
            color: #626262;
            font: 10px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            height: 28px;
            display: block;
            text-align: center
        }

        .gnt_x__lh::before {
            opacity: 0
        }

        .gnt_x_sl_gpt:empty {
            display: none !important
        }

        .gnt_x_sl_gpt_if {
            content-visibility: auto
        }

        .gnt_x__st {
            position: sticky;
            top: 200px;
            padding: 0 0 8px
        }

        .gnt__hnb .gnt_x__st {
            top: 120px
        }

        .gnt_x_sl__st {
            transform: unset
        }

        .gnt_rr_xst {
            height: 1086px;
            margin: 33px 0 79px
        }

        .gnt_x_lb {
            contain: strict;
            overflow: hidden;
            transform: translate3d(0, 0, 0);
            width: 728px !important;
            height: 90px !important;
            margin: 0 auto;
            padding: 0 0 8px
        }

        .gnt_x__lb {
            margin: 46px auto
        }

        .gnt_x_sl_if {
            content-visibility: auto;
            border: 0
        }

        .gnt__hx .gnt_rr_xpst,
        .gnt__hx .gnt_tb,
        .gnt__hx .gnt_x__c {
            display: none
        }

        .gnt_x__hi {
            contain: layout;
            margin: 0 0 18px;
            min-height: 286px
        }

        .gnt_x_hi {
            content-visibility: auto;
            width: 970px;
            height: 250px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px
        }

        .gnt_rr_xpst {
            margin: -28px auto 40px;
            height: 636px
        }

        .gnt_x__pf {
            position: sticky !important;
            top: 200px;
            padding: 0 0 8px;
            margin: 0
        }

        .gnt__hnb .gnt_x__pf {
            top: 120px
        }

        .gnt_x_p {
            contain: layout
        }

        .gnt_x__if {
            margin: 24px auto;
            height: 286px
        }

        .gnt_x_if {
            position: relative;
            z-index: 1;
            margin: 0 auto 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

        .gnt_x__mtm {
            width: 100%;
            min-width: 1000px
        }

        .gnt_x_sl_gpt__mtm {
            width: 100% !important
        }

        .gnt_x_sl_gpt_f__mtm {
            width: 100%
        }

       

        .gnt_m_flm_a {
            contain: layout;
            box-sizing: border-box;
            display: flex;
            flex-flow: column;
            position: relative;
            width: 660px;
            min-height: 120px;
            margin: 0 0 12px;
            padding: 0 0 0 135px;
            outline-offset: 2px;
            color: #303030;
            font: 700 20px/23px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none
        }

        .gnt_m_flm_a:hover {
            color: #000
        }

        
.gnt_m_flm_i {
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
}

.gnt_m_flm_title {
    font: 700 20px/23px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
    margin-bottom: 5px;
}

.gnt_m_flm_brief {
    margin-top: 5px;
    color: #303030;
    font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif;
}
.gnt_sbt_time{
    color: #232020;
    font-weight: 400;
}
.gnt_sbt_category{
    color: #691464;
}


        .gnt_m_flm_svg {
            position: absolute;
            top: 84px;
            left: 0;
            width: 36px;
            height: 22px;
            padding: 7px 0;
            fill: #FFF;
            background: #0098fe
        }

        .gnt_m_flm_sbt {
            margin-top: 6px
        }

        .gnt_m_flm_a__pm {
            padding-top: 16px;
            background-origin: content-box;
            background-position: 0 -13px
        }

        .gnt_sbt {
            order: 2;
            font: 700 12px/14px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        .gnt_sbt__ms-2::before {
            content: attr(data-c-ms);
            margin: 5px 10px 0 0;
            color: var(--gnt-bc);
            font-family: 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }
        .gnt_sbt__ms::before {
            content: attr(data-c-ms);
            margin: 5px 0px 0 0;
            color: var(--gnt-bc);
            font-family: 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        .gnt_sbt__ts::after {
            content: attr(data-c-dt);
            display: inline-block;
            color: #626262;
            font: 12px/14px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            letter-spacing: -.2px;
            text-indent: 0
        }

        .gnt_m_he {
            display: flex;
            flex-flow: column;
            outline-offset: 2px;
            color: #303030;
            font: 700 36px/38px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none
        }

        .gnt_m_he:hover {
            color: #000
        }

        .gnt_sbt__mg {
            order: 2;
            margin: 6px 0 0
        }

        .gnt_m_he_i {
            width: 660px;
            height: 370px;
            margin-bottom: 4px
        }

        .gnt_n {
            contain: layout size;
            overflow-anchor: none;
            box-sizing: border-box;
            position: sticky;
            z-index: 9999999;
            top: 0px;
            margin: 0px 0 0;
            min-width: 1000px;
            height: 80px;
            padding: 52px 0 0;
            background: #fff;
            -webkit-user-select: none;
            user-select: none
        }

        .gnt__hnb .gnt_n {
            top: 0;
            margin: 0
        }

        .gnt_n_fl {
            display: flex;
            max-width: 896px;
            width: calc(100% - 309px);
            height: 52px;
            margin: -52px auto 0;
            padding: 0 4px 0 0
        }

        .gnt_n_fl_l {
            overflow: hidden;
            flex-direction: column;
            width: calc(200 / 896 * 100%);
            height: 40px;
            margin: 0 calc(32 / 896 * 100%) 0 0;
            border-top: 5px solid #0098fe;
            color: #303030;
            font: 700 14px/1 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .gnt_n_fl_l:hover {
            color: #000
        }

        .gnt_n_fl_l::before {
            content: attr(data-c-lbl);
            display: block;
            color: #626262;
            font-size: 10px;
            line-height: 20px
        }

        .gnt_n_fl_l__li {
            margin: 0
        }

        .gnt_n_lg {
            display: block;
            width: 100%;
            height: 100%;
            outline-offset: -7px
        }

        .gnt_n_lg_w {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 147.14100000000002px;
            height: 52px;
            padding: 0 0 0 calc(50% - 683px)
        }

        .gnt_n_lg_svg {
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: 100%;
            padding: 10px 29px
        }

        .gnt_n_sb {
            opacity: 0;
            box-sizing: border-box;
            z-index: -1;
            position: absolute;
            height: 100%;
            width: 147.14100000000002px;
            outline-offset: -7px;
            margin: 0;
            padding: 5px 0 4px;
            border: 0;
            background: #fff;
            color: #303030;
            font: 12px/1 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            white-space: nowrap;
            pointer-events: none
        }

        .gnt_n_sb:focus {
            opacity: 1;
            z-index: 1;
            min-width: 147px;
            background-clip: content-box;
            touch-action: manipulation;
            cursor: pointer;
            pointer-events: auto
        }

        .gnt_n_sb:focus::before {
            content: 'Skip to main content'
        }

        .gnt_n_mn {
            contain: layout size;
            display: flex;
            justify-content: space-between;
            height: 28px;
            padding: 0 calc(50% - 599px);
            background: #303030;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .gnt_n_mn_l {
            overflow: hidden;
            padding: 0 10px;
            color: #fff;
            font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none;
            white-space: nowrap
        }

        .gnt_n_mn_l__fi {
            margin: 0 0 0 19px
        }

        .gnt_n_mn_ce:hover {
            color: #e0e0e0;
            fill: #E0E0E0
        }

        .gnt_n_mn_l__se::before {
            content: '[';
            position: absolute;
            margin: 0 0 0 calc(-1em + 2px);
            color: #c2c2c2
        }

        .gnt_n_mn_l__se::after {
            content: ']';
            position: absolute;
            margin: 0 0 0 calc(1em / 2);
            color: #c2c2c2
        }

        .gnt_n_dd_bt {
            height: 28px;
            margin: 0 0 0 8px;
            padding: 5px;
            border: 0;
            background: 0 0;
            color: #fff;
            fill: #FFF;
            touch-action: manipulation;
            cursor: pointer
        }

        .gnt_n_dd_bt_svg {
            width: 10px;
            height: 6px;
            padding: 4px 8px;
            border-style: solid;
            border-width: 2px;
            border-radius: 9px
        }

        .gnt_n_dd__sz {
            display: none
        }

        .gnt_n_se_a {
            display: flex;
            width: 24px;
            height: 24px;
            margin: 0 9px 0 5px;
            padding: 2px;
            fill: #FFF
        }

        .gnt_n_se_a_svg {
            width: 24px
        }

        .gnt_n_wt {
            display: flex;
            flex: none;
            justify-content: space-between;
            width: 69px;
            margin: 0 8px 0 0;
            padding: 0 4px 0 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            color: #fff;
            font: 700 12px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: underline;
            text-decoration-color: #0098FE;
            text-decoration-thickness: 2px;
            text-underline-offset: 1px;
            text-align: right
        }

        .gnt_n_us {
            display: flex;
            width: calc(31% + 51px)
        }

        .gnt_n_us_sb {
            display: block;
            visibility: var(--gnt-sbvi, 'visible');
            overflow: hidden;
            overflow: clip;
            white-space: nowrap;
            padding: 0 8px;
            flex-shrink: 0;
            width: 74px;
            background: #1665cf;
            color: #fff;
            font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none;
            text-align: center
        }

        .gnt_n_us_sb::after {
            content: var(--gnt-sbtx, 'Subscribe')
        }

        .gnt_n_us_sb:hover {
            background: #0a32a0
        }

        .gnt_n_us_a {
            display: flex;
            flex: 1;
            margin: 0 0 0 14px;
            padding: 0 29px 0 6px;
            fill: #FFF;
            color: #fff;
            font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: underline;
            text-decoration-color: #0098FE;
            text-decoration-skip-ink: none;
            text-decoration-thickness: 2px;
            text-underline-offset: 1px;
            text-align: left;
            white-space: nowrap
        }

        .gnt_n_us_a::before {
            content: 'Sign In'
        }

        [data-u-n] .gnt_n_us_a::before {
            content: 'Hi, ' var(--gnt-uwn);
            overflow: hidden;
            max-width: 102px;
            text-overflow: ellipsis
        }

        .gnt_n_us_a_svg {
            width: 10px;
            height: 26px;
            padding: 2px 0 0 6px
        }

        .gnt_n_sm {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0 10px 0 0;
            padding: 0 calc(50% - 683px) 0 0
        }

        .gnt_n_sm_a {
            display: flex;
            flex-flow: column;
            justify-content: center;
            width: 140px;
            height: 52px;
            outline-offset: -2px;
            color: #303030;
            font: 700 12px/14px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-align: center;
            text-decoration: none
        }

        .gnt_n_sm_a::after {
            content: var(--gnt-sm-mm, '$1 for the first 6 months')
        }

        .gnt_n_sm_a::before {
            content: var(--gnt-sm-mt, 'SUBSCRIBE NOW');
            margin: 0 0 2px;
            color: #1665cf;
            font: 700 16px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        [data-u-s=anon] [data-u-sr]:not([data-u-sr~=anon]),
        [data-u-s=reg] [data-u-sr]:not([data-u-sr~=reg]),
        [data-u-s=sub] [data-u-sr]:not([data-u-sr~=sub]),
        html:not([data-u-s]) [data-u-sr] {
            visibility: hidden;
            display: none
        }

        @media (min-width:1200px) {
            .gnt_n_fl {
                padding: 0
            }

            .gnt_n_fl_l {
                font-size: 16px
            }

            .gnt_n_mn_l {
                font-size: 14px
            }

            .gnt_n_se_a {
                margin: 0 16px 0 10px
            }

            .gnt_n_wt {
                width: 74px;
                margin: 0 20px 0 3px;
                font-size: 14px;
                line-height: 16px
            }

            .gnt_n_us {
                display: flex;
                width: calc(27.4% + 83px)
            }
        }

        @media (min-width:1250px) {
            .gnt_n_sm {
                margin: 0 17px 0 0
            }
        }

        .gnt_sn {
            display: flex;
            contain: layout size;
            position: relative;
            z-index: 9;
            height: 31px;
            width: 100%;
            margin: 0 0 30px;
            -webkit-user-select: none;
            user-select: none
        }

        .gnt_sn_t {
            margin: 0 31px 0 0;
            color: #303030;
            font: 700 28px/31px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        .gnt_sn_a {
            margin: 6px 0 0;
            padding: 0 1px 0 6px;
            fill: #626262;
            color: #626262;
            font: 700 14px/25px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            text-decoration: none
        }

        .gnt_sn_a:hover {
            fill: #404040;
            color: #404040
        }

        .gnt_sn_a__db {
            display: flex;
            align-items: center;
            margin: 6px -3px 0 4px;
            padding: 0 4px;
            border: 0;
            background: 0;
            touch-action: manipulation;
            cursor: pointer
        }

        .gnt_sn_a_w {
            display: flex;
            position: relative;
            margin-right: 24px;
            padding-right: 6px
        }

        .gnt_sn_a_svg {
            width: 10px
        }

        [data-g-s=nav_ao] .gnt_sn_a_svg {
            transform: rotate(180deg)
        }

        .gnt_sn_dd {
            display: none
        }

        .gnt_x__prmt {
            width: 980px !important;
            height: 420px !important
        }

        .gnt_x_sl_gpt_if__prmt {
            height: 100%
        }

        @media (min-width:1200px) {
            .gnt_x__prmt {
                width: 1140px !important;
                height: 489px !important
            }
        }

        .gnt_nb {
            contain: strict;
            position: fixed;
            top: 0;
            z-index: 9999998;
            width: 100%;
            min-width: 1000px;
            height: 81px;
            margin: 0;
            background-color: #da9bf6
        }

        .gnt_m_fs {
            border: 6px solid #0098fe;
            padding: 14px 16px 16px;
            margin: 36px 0;
            color: #303030;
            font: 700 italic 14px/16px 'Georgia Pro', Georgia, 'Droid Serif', serif
        }

        .gnt_m_fs::before {
            content: "We're always working to improve your experience. "
        }

        .gnt_m_fs_a {
            color: #303030;
            text-decoration-color: #0098FE;
            text-underline-offset: 2px;
            text-decoration-thickness: 2px
        }

        .gnt_m_fs_a:hover {
            color: #000
        }

        .gnt_m_fs_a::after {
            content: 'Let us know what you think.'
        }

        .gnt_m_nls {
            contain: content;
            display: flex;
            flex-wrap: wrap;
            padding: 20px;
            background: #303030;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .gnt_m_nls::before {
            content: attr(data-c-nlt);
            font: 700 18px/20px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
        }

        .gnt_m_nls::after {
            content: attr(data-c-nlsd);
            width: 100%;
            margin: 11px 0 13px;
            font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif
        }

        .gnt_m_nls_em {
            order: 1;
            width: calc(100% - 64px);
            height: 36px;
            padding: 0 14px;
            border: 0;
            border-radius: 0;
            color: #303030;
            font: 700 12px/14px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: initial;
            -moz-osx-font-smoothing: initial
        }

        .gnt_m_nls_em::placeholder {
            color: #303030;
            opacity: 1
        }

        .gnt_m_nls_sb {
            order: 2;
            width: 36px;
            height: 36px;
            padding: 0;
            border: 0;
            outline-offset: -1px;
            background: #626262;
            font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
            color: #fff;
            -webkit-user-select: none;
            user-select: none
        }

        .gnt_m_nls_em:valid+.gnt_m_nls_sb {
            background: #1665cf;
            touch-action: manipulation;
            cursor: pointer
        }

        .gnt__mo {
            overflow: hidden;
            overflow: clip;
            margin-right: var(--gnt-sw, 0);
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none
        }

        .gnt_m_nls_sb_svg {
            width: 24px;
            height: 24px;
            padding: 2px 0 0;
            fill: #FFF
        }

        .gnt_tbb {
            isolation: isolate;
            contain: content;
            clear: right;
            transform: translate3d(0, 0, 0);
            min-height: 600px;
            margin-top: 44px;
            font: initial;
            -webkit-user-select: none;
            user-select: none
        }




        .desktop-hidden {
            display: none;
        }
        .desktop-open{
                display: block;
            }

        @media (max-width: 768px) {
            .desktop-hidden {
                display: block;
            }
            .desktop-open{
                display: none;
            }
        }




         /* Mobile Header */
    .mobile-header {
      display: none;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      background-color: #fff;
      border-bottom: 1px solid #ddd;
    }

    .mobile-header button {
      background: none;
      border: none;
      font-size: 24px;
      color: #222;
      cursor: pointer;
    }

    .mobile-logo {
      display: flex;
      align-items: center;
      gap: 6px;
      font-weight: bold;
      font-size: 16px;
      color: #222;
    }

    .mobile-logo-circle {
      width: 20px;
      height: 20px;
      background-color: #0098FE;
      border-radius: 50%;
    }

    /* Slide-out Menu */
    .menu-overlay {
      position: fixed;
      top: 79px;
      left: -114%;
      width: 90%;
     
      height: 100vh;
      background-color: #222;
      color: #fff;
      transition: left 0.3s ease-in-out;
      z-index: 1000;
      padding: 20px;
    }

    .menu-overlay.open {
      left: 0;
    }

    .menu-item {
      font-size: 18px;
      font-weight: bold;
      padding: 16px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 3px solid transparent;
    }

    .menu-item.for-you {
      border-color: #0098FE;
    }

    .menu-item.us {
      border-color: #0098FE;
    }

    .menu-item.politics {
      border-color: #ccc;
    }

    .chevron {
      font-size: 14px;
    }

    /* Search Overlay Styles */
    .search-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(34, 34, 34, 0.95);
      z-index: 1001;
      justify-content: center;
      align-items: center;
      padding: 20px;
    }

    .search-overlay.active {
      display: flex;
    }

    .search-box {
      width: 100%;
      max-width: 400px;
      position: relative;
    }

    .search-box input {
      width: 75%;
      padding: 14px 48px 14px 16px;
      font-size: 16px;
      border: none;
      border-radius: 8px;
      outline: none;
    }

    .search-box button {
      position: absolute;
      right: 42px;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      font-size: 18px;
      color: #555;
      cursor: pointer;
    }

    /* Show only on mobile */
    @media (max-width: 768px) {
      .mobile-header {
        display: flex;
      }
      .gnt_ft_lw {
    display: flex;
    justify-content: space-between;
    margin: 56px 0 -653px;
    flex-direction: column;
}
.gnt_ft_ls {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 20px 0px;
}
.gnt_ft_cr {
    padding: 682px 0 5px;
    font: 12px / 14px 'Georgia Pro', Georgia, 'Droid Serif', serif;
    text-align: center;
}
    }

    @media (min-width: 769px) {
      .search-overlay {
        display: none !important;
      }
    }