.alertbar {
  position: relative;
  background-color: var(--alertbarcolor);
  height: 46px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
  .newClass .alertbar {height: 38px;}

.webTickerAlert-wrap {
  position: relative;
  float: left;
  width: calc(100% - 180px);
}
  @media (min-width: 550px)  {.webTickerAlert-wrap {width: calc(100% - 240px);}}
  @media (min-width: 768px)  {.webTickerAlert-wrap {width: calc(100% - 255px);}}
  @media (min-width: 1024px) {.webTickerAlert-wrap {width: calc(100% - 295px); left: 25px;}}
  @media (min-width: 1440px) {.webTickerAlert-wrap {width: calc(100% - 375px); left: 60px;}}

.webTickerAlert-gradient-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 229, 136, 0) 0%, #FFE588 100%);
  transform: rotate(-180deg);
}

.webTickerAlert-gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 229, 136, 0) 0%, #FFE588 100%);
}
  @media (min-width: 550px) {
    .webTickerAlert-gradient-left,
    .webTickerAlert-gradient-right {width: 20px;}
  }
  @media (min-width: 768px) {
    .webTickerAlert-gradient-left,
    .webTickerAlert-gradient-right {width: 30px;}
  }

ul.webTickerAlert {list-style: none;}

ul.webTickerAlert li {padding: 0 10px;}

.alertbar .container {margin: 0;}

.alertbar-link {
  position: absolute;
  right: 55px;
  margin-top: -3px;
}
  @media (min-width: 550px)  {.alertbar-link {right: 100px;}}
  @media (min-width: 768px)  {.alertbar-link {right: 110px;}}
  @media (min-width: 1024px) {.alertbar-link {right: 125px;}}
  @media (min-width: 1440px) {.alertbar-link {right: 165px;}}

  .alertbar-link span {color: var(--red);}

  @media (max-width: 549px)  {.alertbar-link span:after {display: none;}}


.alertbar-close {
  cursor: pointer;
  color: var(--red);
  position: absolute;
  right: 15px;
  margin-top: -3px;
}
  @media (min-width: 1024px) {.alertbar-close {right: 25px;}}
  @media (min-width: 1440px) {.alertbar-close {right: 65px;}}

  @media (max-width: 549px)  {.alertbar-close span div {display: none;}}
  

.webTickerAlert p,
.alertbar-link,
.alertbar-close {font-size: 1.8rem;}
/*  @media (min-width: 768px) {
    .webTickerAlert p,
    .alertbar-link,
    .alertbar-close {font-size: 1.8rem;}
  }*/