/*new shit */

    #main {
        padding-top: 0px!important;
    }
    .casino-review-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .rich-text {
        width: calc(65.9537% - ( 0.34046268656717 * 30px ) );
        
    }
    .upper-sidebar {
        width: calc(34.0463% - ( 0.65953731343283 * 30px ) );
    }
    .casino-rating {
        font-size: 25px;
margin-bottom: 20px;
letter-spacing: .5px;
color: #ffc107;
}
    @media (max-width: 780px) {
.casino-review-section {
    flex-direction: column;

}
.rich-text {
    width: 100%;
    order: 2;
}
.upper-sidebar {
    width: 100%;
    order: 1;
    }
}
/*.ch-main {
    min-height: 425px;
}
*/
.hero-review__bonus {
    padding: 20px 0 20px 122px;
    background-color: #101012;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight:300;
    width: 40.6%;
   
}

.hero-review__bonus .hero-review__icon_link {
    display:none
}

.hero-review__bonus br {
    display:none
}

.hero-review__bonus:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    background-color: rgba(53, 54, 58, .16);
    background-image: url(/images/gift.svg);
    background-position: center center;
    -webkit-background-size: 33px 33px;
    background-size: 33px 33px;
    background-repeat:no-repeat
}




.text-medium {
    font-size: 18px;
    line-height:1.5;
    width: 100%;
    color: #fff;

}



[class^=icon-] {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-visit:before {
    content: "\e901"
}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */

@media (max-width: 767px) {
  .hero-review__bonus {
    padding: 10px 18px 10px 93px;
    margin: 10px auto; /* центрируем */
    width: fit-content;
    max-width: 90%; /* ограничим чтоб не вылазило */
  }

  .hero-review__bonus .hero-review__icon_link {
    display: block;
    color: #909294;
    font-size: 12px;
    top: 14px;
    right: 18px;
    position: absolute;
  }

  .hero-review__bonus br {
    display: block;
  }

  .hero-review__bonus:before {
    width: 73px;
  }

  .hero-review__bonus .text-medium {
    font-size: 15px;
    line-height: 22px;
  }
}


