
@media (min-width: 992px) {
  .typography p,
.typography ul, .typography ol,
.typography .table-responsive,
.typography fieldset,
.typography blockquote,
.typography figure,
.typography .note,
.typography iframe {
    margin-bottom: 24px;
  }
  .typography h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .typography h2 {
    margin: 48px 0 24px;
  }
  .typography h3 {
    font-size: 25px;
    line-height: 29px;
  }
  .typography h3 {
    margin: 40px 0 16px;
  }
  .typography h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .typography h4 {
    margin: 40px 0 8px;
  }
  .typography .note {
    padding: 32px;
  }
  .typography .quote-widget {
    padding: 32px;
  }
  .typography .tip-widget {
    padding: 32px;
  }
  .typography .alert-widget {
    padding: 32px;
  }
  .example {
    padding: 32px;
  }
  .article-navigation {
    margin-bottom: 48px;
  }
  .article-navigation ul, .article-navigation ol {
    margin: 0;
  }
  .search-results-group-link span {
    font-size: 13px;
  }
  .top-games-carousel-wrapper .blue-glow {
    left: 15%;
  }
  .top-games-carousel-wrapper .red-glow {
    left: 40%;
  }
  .top-bonuses-carousel-wrapper {
    margin: 64px 0;
  }
  .bonuses-carousel-wrapper {
    margin-left: 0;
    width: 100%;
    overflow: visible;
  }
  .expandable-box:hover .up, .expandable-box:hover .down {
    fill: #E93535;
  }
  .game-carousel-text-wrapper .game-desc-with-filters {
    margin-left: 64px;
  }
  .cg-custom-carousel-wrapper .cg-custom-carousel::before, .cg-custom-carousel-wrapper .cg-custom-carousel::after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 51px;
    top: 0;
    bottom: 0;
    z-index: 10;
  }
  .cg-custom-carousel-wrapper .cg-custom-carousel::before {
    left: 0;
    background: linear-gradient(90deg, rgba(21, 24, 34, 0.84) 0%, rgba(27, 30, 40, 0) 35.92%);
  }
  .cg-custom-carousel-wrapper .cg-custom-carousel::after {
    right: 0;
    background: linear-gradient(270deg, rgba(21, 24, 34, 0.84) 0%, rgba(27, 30, 40, 0) 35.92%);
  }
  .filter-item-active:hover {
    background-color: #222635;
  }
  .side-filter {
    max-width: 660px;
  }
  .side-filter .filter-container {
    max-width: 360px;
  }
  .side-filter .expanded .filter-group-content {
    transform: translateX(360px);
  }
  .side-filter-groups-search-wrapper .filter-groups-results-wrapper {
    width: 328px;
  }
  .no-results .glow {
    top: 210px;
  }
  .error-page h3 {
    font-size: 28px;
  }
  .menu-expandable-popup.active {
    top: 62px;
  }
  .game-preview-wrapper {
    border-radius: 16px;
    display: block;
    position: static;
    bottom: auto;
    left: auto;
    width: 200px;
    transform: translateZ(0);
  }
  .game-preview-wrapper .game-preview-top {
    padding: 12px;
  }
  .game-preview-wrapper .game-preview-bottom {
    padding: 8px 12px 12px;
  }
  .game-preview-wrapper h6 {
    font-size: 14px;
    line-height: 17px;
  }
  .game-preview-wrapper img {
    max-height: 100px;
  }
  .game-preview-wrapper .games-box-btn-main {
    margin: 0;
  }
  .warnings .warning {
    margin-bottom: 8px;
  }
  .ranking-explanation-wrapper .ranking-explanation-item {
    flex: 1 0 40%;
  }
  .footer-col-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .games-box-carousel-item:hover .games-box-item-play {
    display: flex;
  }
  .play-for-real-wrapper {
    margin: 48px 0;
  }
  .play-for-real-casino-card {
    flex-direction: column;
    min-width: 100%;
  }
  .play-for-real-casino-card-wrapper {
    padding: 0 4px;
    width: 33.33333%;
    flex: 0 0 33.33333%;
  }
  .user-review-post .user-content {
    overflow-wrap: anywhere;
    padding-right: 4px;
    max-height: 180px;
    overflow: auto;
    margin-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .filter-item-expandable:hover {
    background: #475388;
  }
  .footer-scroll-up {
    right: 16px;
  }
  .game-item-results .game-item {
    width: calc(16.6666% - 8px);
    flex: 0 0 calc(16.6666% - 8px);
  }
  .user-reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .user-review-post {
    flex: 1 0 40%;
    display: flex;
    flex-direction: column;
  }
  .user-review-post:not(:last-child) {
    margin-bottom: 0;
  }
}