@media screen and (max-width: 1180px) {
    .app-footer{
        display: none;
    }
    .app .app-footer{
        display: block;
    }
    .app .main-header{
        padding-bottom: .5rem;
    }
    .app .header-bottom-row{
        border-bottom: none;
    }
    .app .header-top-row,
    .app .header-nav .menu-btn,
    .app .header-nav .header-search-btn{
        display: none;
    }

    .app .header-nav{
        display: block;
        border-bottom: 0;
    }
    .app .main-header.fixed .header-nav .logo,
    .app .header-nav .logo{
        padding-inline: 0;
        width: 150px;
        transform: translateY(0);
    }

    .app .header-extra-row{
        position: absolute;
        right: 0;
        top: 2px;
        margin-bottom: 0;
        padding-inline: 0 24px;
    }

    .app .fixed .header-extra-row{
        top: 13px;
    }
    .app .powered-info{
        font-size: 12px;
        display: none;
    }
    .app .powered-info img{
        width: 60px;
        transform: translateY(7px);
        display: none;
    }

    .app .nav-list-item{
        border-bottom: 2px solid #4E4E4E;
    }

    .app nav.menu-navigation .nav-item{
        padding-block: 20px;
        font-size: 18px;
    }
    .app nav.menu-navigation .nav-item.category{
        padding-bottom: 5px;
    }
    .app nav.menu-navigation .nav-list-item > div.category:only-child{
        padding-bottom: 20px;
    }
    .app nav.menu-navigation .nav-item.nav-subcategory{
        /* padding-block: 5px; */
        /* 05-12-2023 make app menu margins same as mobile */
        padding-block: 0px;
        font-size: 15px;
    }
    nav.menu-navigation .nav-item.highlighted{
        background-color: transparent;
    }
    .app .menu-close-btn{
        display: block;
        transform: translateX(100px);
    }
    .app .app-search-btn{
        display: block;
    }
    .app-search-wrapper{
        display: block;
        right: 17px;
        position: absolute;
        transition: width 0.3s;
        width: 0;
        overflow: hidden;
    }

    .app-search-wrapper.on{
        width: calc(100% - 2 * var(--mobilePadding));
    }
    .app-footer{
        position: fixed;
        width: 100%;
        left:0;
        bottom: 0;
        height: 83px;
        background-color: #2e7061; 
        z-index: 1001;
        padding-block: 8px 10px;
    }

    .app-footer-wrapper{
        justify-content: space-between;
        align-items: center;
        min-width: 325px;
        margin-inline: auto;
        padding-inline: var(--mobilePadding);
        max-width: 500px;
        z-index: 2;
        position: relative;
        background-color: #2e7061;
        padding-bottom: 30px;
    }

    .single .app-footer-wrapper{
        justify-content: flex-end;
    }

    .single .app-footer-wrapper > .left{
        margin-right: auto;
    }
    .single .app-footer-wrapper > *:not(:first-child){
        margin-left: 2rem;
    }

    .app-comments{
        align-items: center;
    }
    .app-comments .text{
        margin-right: 0.5rem;
    }

    .app-social{
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        padding-inline: var(--mobilePadding);
        z-index: -1;
        background-color: #2e7061;
        padding-block: 1rem 0.5rem;
        padding-right: 37px;
        transition : top 0.3s;
    }

    .app-social.on{
        top: -40px;
    }

    .app-social .social ul{
        justify-content: flex-end;
    }
    .app-social .social li{
        width: 20px;
        height: 20px;
        margin-right: 1.5rem;
    }

    body.app{
        padding-bottom: 83px;
    }

    .app .menu-inner-wrapper{
        padding-bottom: calc(2rem + 87px);
    }
    .app .header-nav{
        margin-top : 10px;
    }

div#cookiescript_badge {
    z-index: -1;
}
}
@media screen and (max-width: 360px) {
    .app-footer-wrapper{
        min-width: unset;
    }
    .single .app-footer-wrapper > *:not(:first-child){
        margin-left: 1rem;
    }
}
@media screen and (max-width: 355px) {
    .app .main-header.fixed .header-nav .logo,
    .app .header-nav .logo{
        width: 130px
    }
    .app .header-extra-row{
        padding-right: 12px;
    }

}

/* archive */

.archive-app .section-header h2{
    margin-inline: 0 auto;
    font-size: 26px;
    padding-left: 0;
}
.archive-app .section-header::before{
    width: 100%;
    left: 0;
}
.archive-app .card-wrapper{
    margin-bottom: 33px;
}

.video-page-app .card-info.pd{
    padding-inline: 1rem;
}

.app-header-index{
    display: none;
}

@media screen and (max-width: 1024px) {
    .main-header-app{
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .main-header-app .header-bottom-row,
    .main-header-app .header-extra-row{
        display: none;
    }
    .app-header-index{
        padding-top: 35px;
        padding-inline: 21px 22px;
        display: block;
    }
    .app-header-index-wrapper{
        justify-content: space-between;
        position: relative;
        z-index: 2;
    }
   .app-header-index .powered{
        color: #fff;
        align-items: center; 
        display: none;
    } 
   .app-header-index .powered span{
      /*  display: block;*/
      display: none;
        font-size: 10.35px;
        line-height: 115%;
        letter-spacing: 0.01em;
   }

    .app .top-section{
        margin-top: -80px;
    }

    .app .top-section .major-article .card-image{
        --aspect-ratio:16/9!important;
    }
}

@media screen and (max-width: 560px) {
    .app .top-section .major-article .card-image{
        --aspect-ratio:0.98!important;
    }
    header.main-header-app:before {
        content: '';
        background: rgb(244 244 244 / 10%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 1;
        background: rgb(244 244 244 / 10%);
        background: rgb(244 244 244 / 10%);
        filter: blur(8px);
        -o-filter: blur(8px);
        -ms-filter: blur(8px);
        -moz-filter: blur(8px);
        -webkit-filter: blur(8px);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    .main-header-app {
        position: relative;
    }
}


.in-app {
    display: block;
}

.brand-logo.center-item {
    display: none;
}

.footer-app {
    display: none;
}

.section-header.lg h2 {
    font-size: 35px;
}

.happ__now--nonapp {
    display: none;
}

.happ__now.happ__now--app {
    margin: 0;
}

/* .article-header-social .social {
    display: none;
} */

.top-row .top-row-wrapper .menu-btn {
    display: none;
}

/* .main-header .middle-row {
    display: none;
} */

/* #convertBtn {
    display: none;
}

._share-container.share-btn {
    display: none;
} */