#wpadminbar + .mk-notification, body.admin-bar .mk-notification { top: 32px; }

.mk-notification { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transition: 0.3s; background-color: var(--mk-notification-bg); color: var(--mk-notification-color); }
.mk-notification a { color: var(--mk-color); }
.mk-notification .mk-notification__inner { max-width: 1400px; width: 90%; margin: auto; padding: 20px 0px; position: relative; transition: 0.3s; }
.mk-notification .mk-notification__inner .mk-notification__inner__txt { width: 80%; margin: auto; }
.mk-notification .mk-notification__inner .mk-notification__inner__closex { position: absolute; right: 0px; top: 20px; width: 20px; height: 20px; cursor: pointer; transform: rotate(45deg); }
.mk-notification .mk-notification__inner .mk-notification__inner__closex .mk-notification__inner__closex__lineone { position: absolute; width: 100%; height: 2px; background-color: black; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mk-notification .mk-notification__inner .mk-notification__inner__closex .mk-notification__inner__closex__linetwo { position: absolute; width: 2px; height: 100%; background-color: black; top: 50%; left: 50%; transform: translate(-50%,-50%);  }

.mk-notification .mk-notification__inner .mk-notification__inner__closex:hover { transform: rotate(-45deg); transition: 0.3s linear; }

.mk-notification.scrolled .mk-notification__inner { padding: 10px 0px; }

@media screen and (max-width: 782px) {
    #wpadminbar + .mk-notification, body.admin-bar .mk-notification { top: 46px; }
    .mk-notification .mk-notification__inner .mk-notification__inner__txt { width: 100%; }
}