.njt-nofi-container{
  z-index: 999;
  width: 100%;
}

.njt-nofi-notification-bar {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.njt-nofi-notification-bar .njt-nofi-content {
  text-align: center;
  margin: auto;
  padding: 10px 50px
}

.njt-nofi-notification-bar .njt-nofi-text {
  display: inline-block;
}

.njt-nofi-notification-bar .njt-nofi-button {
  display: inline-block;
}

.njt-nofi-padding-text {
  padding: 5px;
}

.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text {
  text-decoration: none;
}

.njt-nofi-button-text.njt-nofi-padding-text  {
  padding: 8px 12px;
}

.njt-nofi-notification-bar .njt-nofi-button{
  transition: transform .5s;
  min-width: fit-content;
}

.njt-nofi-notification-bar .njt-nofi-button:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.njt-nofi-notification-bar .njt-nofi-hide {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide  span{
  display: flex;
  align-items: center;
}

.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon {
  width: 25px;
  height: 25px;
  border-radius: 50px;
  padding: 7px;
  background: #0000002e;
  transition: transform .5s;
}

.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.njt-nofi-display-toggle {
  position: absolute;
  right: 15px;
  z-index: 9999;
  padding: 8px 5px;
  display: none;
  text-decoration: none;
}

.njt-nofi-display-toggle .njt-nofi-display-toggle-icon {
  -webkit-transform: rotate(45deg) translate3d(0,0,0);
  transform: rotate(45deg) translate3d(0,0,0);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  padding: 7px;
  background: #b7c5c98a;
  transition: transform .5s;
}

.njt-nofi-display-toggle .njt-nofi-display-toggle-icon:hover {
  -ms-transform: scale(1.2) rotate(45deg) translate3d(0,0,0); /* IE 9 */
  -webkit-transform: scale(1.2) rotate(45deg) translate3d(0,0,0); /* Safari 3-8 */
  transform: scale(1.2) rotate(45deg) translate3d(0,0,0); 
}

.customize-partial-edit-shortcuts-shown .njt-nofi-container .customize-partial-edit-shortcut-button {
  left: 5px;
  top: 10px;
}

.customize-partial-edit-shortcuts-shown .njt-nofi-container .customize-partial-edit-shortcut {
  position: inherit;
}

.njt-nofi-container .customize-partial-refreshing {
  opacity: 1;
  transition: opacity .25s;
  cursor: progress;
}

.njt-nofi-align-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.njt-display-none {
  display: none;
}

.diplay-device-deskop {
  display: block;
}

.diplay-device-mobile {
  display: none;
}

@media only screen and (max-width: 480px){
  .njt-nofi-align-content {
    flex-wrap: wrap;
   
  }
  .njt-nofi-notification-bar .njt-nofi-content {
    padding: 10px 20px;
  }
  
  .njt-nofi-notification-bar .njt-nofi-hide {
    right: 5px;
    top: 12px;
  }

  .njt-display-deskop {
    display: none;
  }

  .njt-display-mobile {
    display: block;
  }

  .diplay-device-deskop {
    display: none;
  }

  .diplay-device-mobile {
    display: block;
  }
}