.hidden {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .app-notification {
        height:89px;
        display: none;
        overflow: hidden;
        position: relative;
        background: #fff;
        transition: height .3s ease
    }

    .app-notification__i {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        right: 0;
        left: 0;
        color: #4F3A1B; 
        font-size: 12px; 
        text-align: center; 
        font-weight: 600;
        height: 64px;
        background-color: #F1F1F1;
    }

    ._has-modal .app-notification,._header-fixed .app-notification,._hidden-notification .app-notification {
        height: 0
    }

    ._with-notification .app-notification {
        display: block
    }

    .app-notification__close {
        padding: 10px;
        //margin-right: 15px;
        margin-right: 5px;
        flex-shrink: 0;
        cursor: pointer;
        z-index: 3;
        background-size: 12px;
    }

    .app-notification__logo {
        //max-height: 57px;
        //flex-shrink: 0;
        height: 56px;
        flex-shrink: 0;        
        margin-left: 12px;
        margin-right: 18px;
        margin-top: auto;
    }

    .app-notification__subtitle {
        text-align: left;
        line-height: 12px;
        color: #473729;
        font-size: 10px;
        font-weight: 700;
        padding-top: 3px;
    }

    .app-notification__blk {
        display: flex;
        flex: 1;
        flex-grow: 3;
        margin-left: 20px;
    }

    .app-notification__button {
        align-items: center;
        flex-shrink: 0;
        display: flex;
        text-align: center;
        vertical-align: middle;
        justify-content: center;
        text-transform: uppercase;
        border: none;
        padding: 10px;
        line-height: 15px;
        border-radius: 23px;
        background: #FFF;
        color: #473729;
        font-size: 12px;
        font-weight: 700;
        min-width: 96px;
    }
    .appbuttonmarket {
        align-items: center!important;
        flex-shrink: 0!important;
        display: flex!important;
        text-align: center!important;
        vertical-align: middle!important;
        justify-content: center!important;
        margin-right: 18px!important;
        letter-spacing: 1.4px!important;
        text-transform: uppercase!important;
        border: 1px solid rgba(250, 187, 24, 1)!important;
        padding: 8px 10px!important;
        background: #FFFFFF!important;
        border-radius: 15px!important;
        font-family: 'Montserrat'!important;
        font-style: normal!important;
        font-weight: 600!important;
        font-size: 12px!important;
        line-height: 15px!important;
        color: #4F3A1B!important;
        margin-bottom: 0!important;
    }
}

@media screen and (min-width: 768px) {
    .app-notification {
        display:none
    }
}