@charset "utf-8";

@media (min-width: 768px) and (max-width: 991.98px) {
  .headline-medium, p.headline-medium { font-weight: 700; font-size: 28px; line-height: 160%; }
  .headline-small, .title-large, p.headline-small, p.title-large { font-weight: 700; font-size: 24px; line-height: 160%; }
  .title-large, p.title-large { font-size: 20px; }
  .title-medium, p.title-medium { font-weight: 600; font-size: 16px; line-height: 160%; }
  .body-large, .body-medium, p.body-large, p.body-medium { font-weight: 400; font-size: 18px; line-height: 180%; }
  .body-medium, p.body-medium { font-size: 16px; }
  .body-small, .card-p, p.body-small { font-weight: 400; font-size: 14px; line-height: 180%; }
  .card-p { font-size: 16px; }
  .blu-btn { font-size: 0.875rem; line-height: 170%; }
  .blu-top-bar { padding: 0.75rem 1.5rem; }
  .blu-topbar-image { background: url("../banner/blu-banner-blugame-mobile.jpg") left center / cover; }
  .blu-topbar { padding: 26px 24px; }
  .px-36 { padding: 0px 24px; }
  .px-96 { padding: 0px; }
  .navbar-toggler { margin: 12px; padding: 0px; }
  .navbar-toggler-icon { width: 24px; height: 24px; }
  .blu-brand { margin-left: 0px; }
  .navbar-brand { margin: 12px; padding: 0px; }
  header .blu-nav-link li, header .nav-link, header .navbar li a { text-align: right; }
  header .navbar-expand-lg .navbar-nav .nav-link { padding: 0.5rem; }
  header .dropdown-menu { box-shadow: none; padding: 0.5rem; border: 0px; }
  .nav-item-underline::after { border: 0px; }
  .navbar-nav:last-child { margin: 1rem; }
  .blu-hero-title { font-size: 36px; }
}

@media (max-width: 575.98px) {
  .card-p { font-weight: 400; font-size: 16px; line-height: 180%; }
  .blu-btn { font-size: 0.875rem; line-height: 170%; }
  .blu-top-bar { padding: 0.75rem 1.5rem; }
  .blu-topbar-image { background: url("../banner/blu-banner-blugame-mobile.jpg") left center / cover; }
  .blu-topbar { padding: 26px 24px; }
  .px-36 { padding: 0px 24px; }
  .px-96 { padding: 0px; }
  .navbar-toggler { margin: 12px; padding: 0px; }
  .navbar-toggler-icon { width: 24px; height: 24px; }
  .blu-brand { margin-left: 0px; }
  .navbar-brand { margin: 12px; padding: 0px; }
  header .blu-nav-link li, header .nav-link, header .navbar li a { text-align: right; }
  header .navbar-expand-lg .navbar-nav .nav-link { padding: 0.5rem; }
  header .dropdown-menu { box-shadow: none; padding: 0.5rem; border: 0px; }
  .nav-item-underline::after { border: 0px; }
  .navbar-nav:last-child { margin: 1rem; }
  .blu-hero-title { font-size: 36px; font-weight: 800; line-height: 160%; }
  .blu-hero-lead { font-size: 14px; font-weight: 400; line-height: 180%; margin: 0px; }
  .mt-sm-32 { margin-top: 32px !important; }
  .mb-sm-8 { margin-bottom: 8px !important; }
  .card-title, .section-title { font-weight: 700; font-size: 24px; line-height: 160%; margin: 12px 0px; color: rgb(8, 31, 60); }
  .section-lead { font-weight: 400; font-size: 16px; line-height: 180%; margin: 0px; text-align: center; color: rgb(113, 142, 156); }
  .card-video-section { min-height: 430px; padding: 0px; overflow: hidden; }
  .card-colors-selection { top: 85%; }
  .rounded-box { padding: 2rem; }
  .rounded-card-title, h2.rounded-card-title { font-weight: 700; font-size: 20px; line-height: 160% !important; }
  .rounded-card-text { font-weight: 400; font-size: 16px; line-height: 180%; }
  .blu-card-btn, .rounded-box-btn { width: 3rem; height: 3rem; }
  .blue-back { background-position-x: -50%; }
  .blu-line-chat-group { max-height: 300px; }
  .blu-line-chat-item:nth-child(2n) { margin-right: 20%; }
  .blu-line-chat-item { width: 213px; }
  .bluLine_chat-body { border-radius: 8px; padding: 1rem; }
  .bluLine_chat-body p { font-weight: 500; font-size: 10px; line-height: 170%; margin: 6px 0px 0px; }
  .bluLine_chat-body p.title { font-weight: 500; font-size: 8px; line-height: 160%; }
  .bluline-description { padding-right: 56px; }
  .blu-card-colors-animate { font-weight: 600; font-size: 16px; line-height: 160%; }
  .blu-card-other-colors { width: 50%; }
  .tweet-item { padding: 1rem; width: 314px; height: 135px; }
  @keyframes tweet-run-right { 
  0% { left: 0px; transform: translateX(-314px); }
  100% { left: 100%; }
}
  @keyframes tweet-run-left { 
  0% { right: 0px; transform: translateX(314px); }
  100% { right: 100%; }
}
  .teaser-content { margin: 0px; padding: 32px 24px; }
  .teaser-content p { margin: 0px; }
  .teaser-title { font-weight: 700; font-size: 24px; line-height: 160%; margin-bottom: 8px; }
  p.teaser-text { font-weight: 400; font-size: 14px; line-height: 180%; margin: 0px 0px 1rem; max-width: 100%; }
  .filter-button { max-width: 115px; }
  .blu-accordion-button { font-weight: 600; line-height: 160%; padding: 24px 1rem; font-size: 16px !important; }
  .blu-accordion-body { font-weight: 500; font-size: 14px; line-height: 170%; padding: 0px 31px 0px 0px; }
  .footer-copyright, .footer-sign { margin-top: 1.5rem; }
  .blu-topbar { padding: 0px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .blu-topbar { padding: 0px; }
}