.message-banner .message-bar {
      padding: 15px;
      margin: 66px 0 0 0;
    }
    
.message-banner .message-bar__container {
      display: flex;
      padding: 0;
      justify-content: space-between;
      align-items: center;
    }
    
.message-banner .message-bar-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 20px;
      max-width: 60%;
      text-align: right;
    }
    
.message-banner .message-bar-icon-text {
      color: #FFFFFF;
      font-size: 18px;
      text-align: center;
      margin: 0%;
    }
    
.message-banner .message-bar-text {
      color: #FFFFFF;
      font-size: 26px;
      vertical-align: middle;
    }
    
.message-banner .green {
      color: #84F22E;
    }
    
.message-banner .svg-icon svg {
      vertical-align: middle;
    }

.message-banner .message-bar__header {
	  display:none;
      background: inherit;
      width: 100%;
      height: 0;
      -webkit-transition: all 150ms ease-in;
      -moz-transition: all 150ms ease-in;
      -ms-transition: all 150ms ease-in;
      -o-transition: all 150ms ease-in;
      transition: all 150ms ease-in;
    }
    
.message-banner .text-content {
      opacity: 0;
    }
    
.message-banner .sticky {
      position: fixed;
      top: 64px;
      width: 100%;
      z-index: 999;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-transition: all 150ms ease-in;
      -moz-transition: all 150ms ease-in;
      -ms-transition: all 150ms ease-in;
      -o-transition: all 150ms ease-in;
      transition: all 150ms ease-in;
}
    
.message-banner .sticky .text-content {
      opacity: 1;
      padding: 5px;
      display: flex;
      align-items: center;
}
    
.message-banner .sticky .text-content .text-small {
      color: #ffffff;
      font-size: 13px;
      font-weight: 700;
      line-height: 15px;
      text-align: right;
      padding-left: 15px;
      vertical-align: middle;
}

      
@media (min-width: 350px) and (max-width: 800px) { 
	.message-banner .message-bar__header {
	  position: fixed;
	  top: 128px;
	  right: 0px;
	}
	.message-banner .sticky {
	  top: 65px;
	  right: 0px;
	}
	.message-banner .svg-icon svg {
	  width: 125px;
	  height: 28px;
	}
	.message-banner .sticky .text-content .text-small {
	  font-size: 9px;
	  padding-left: 5px;
	  line-height: 10px;
	}
	.message-banner .message-bar-text {
      font-size: 12px;
      line-height: 14px;
    }
    .message-bar-subtitle-text {
      font-size: 13px;
      line-height: 15px;
    }
    .message-banner .message-bar-subtitle-text {
      font-size: 13px;
      line-height: 15px;
      font-weight: 600;
    }
}
    
@media (min-width: 1024px) {
	.message-banner .message-bar__header {
	  position: fixed;
	  top: 100px;
	}
	.message-banner .sticky {
	  top: 133px;
	  right: 0px;
	}
	.message-banner .message-bar__container {
	  justify-content: center;
	}
	.message-banner .message-bar-text {
	  flex-direction: row;
	  align-items: center;
	  max-width: 60%;
	}
}
    
@media (min-width: 800px) and (max-width: 1119px) {
	.message-banner .message-bar__header {
	  position: fixed;
	  top: 100px;
	}
	.message-banner .sticky {
	  top: 120px;
	  right: 0px;
	}
	
	.message-banner .message-bar-text {
      font-size: 18px;
      line-height: 20px;
    }
    .message-bar-subtitle-text {
      font-size: 16px;
      line-height: 18px;
    }
    .message-banner .message-bar-text {
      font-size: 16px;
      line-height: 18px;
    }
    .message-banner .message-bar-subtitle-text {
      font-size: 12px;
      line-height: 14px;
      font-weight: 600;
    }
    
}
    
@media (max-width: 349px) {
	.message-banner {
	  display: none;
	}   
}

@media (min-width: 800px) {
	.message-banner {
	  margin-top: 120px !important;
	}   
}

@media (min-width: 1024px) and (max-width: 1182px) {
	.message-banner .sticky {
	  top: 120px;
	}
}

@media (min-width: 1024px) {
    .message-banner .message-bar-text {
      flex-direction: column;
      align-items: flex-end;
      max-width: 70%;
    }
}

@media (min-width: 1120px) and (max-width: 1407px) {
    .message-banner .message-bar-text {
      font-size: 18px;
      line-height: 20px;
    }
    .message-banner .message-bar-subtitle-text {
      font-size: 14px;
      line-height: 16px;
      font-weight: 600;
    }
}

@media (min-width: 1408px) {
    .message-banner .message-bar-text {
      font-size: 26px;
      line-height: 28px;
    }
    .message-bar-subtitle-text {
      font-size: 20px;
      line-height: 22px;
    }
    .message-banner .text-small {
      font-size: 18px;
      line-height: 20px;
    }
    .message-banner .message-bar-subtitle-text {
      font-size: 14px;
      line-height: 16px;
      font-weight: 600;
    }
}

.message-bar-component .moreBtn {
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    padding: 3.5px 14px;
    text-align: center;
    margin-top: 15px;
    line-height: 6px;
  }
  
.message-bar-component .moreBtn:hover {
  color: #FFFFFF;
  cursor: pointer;
}

.message-bar-component a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
}

.message-bar-component a:hover {
  text-decoration: none;
}
  
@media (max-width: 413px) {
	.moreBtn {
	  display: none;
	}
}  
  
@media (max-width: 349px) {
	.message-banner .message-bar-text {
	  font-size: 10px;
	  line-height: 12px;
	}
	.message-bar-subtitle-text {
	  font-size: 9px;
	  line-height: 11px;
	}
}

#sticky-message-banner
{
    cursor: pointer;
}