/*(min-width: 820px) DESKTOP START   */
@media only screen and (min-width: 820px) {
  .section-bonuses-2-section {
    margin: 40px 0;
    padding: 0 15px; }
    .section-bonuses-2-section .bonus-two-content {
      max-width: 790px;
      margin: 0 auto; }
    .section-bonuses-2-section .bonus-two-head-text {
      margin: 30px 0px; }
    .section-bonuses-2-section .bonus-two-content .bonus-two-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-2-section .bonus-two-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-2-section .bonus-two-box {
      padding: 25px 0px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px; }
    .section-bonuses-2-section .bonus-two-index {
      background-color: #ffffff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: block;
      color: #1e1d1c;
      font-size: 21px;
      line-height: 32px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-right: 10px;
      font-weight: 500; }
    .section-bonuses-2-section .bonus-two-name {
      font-weight: 600;
      font-size: 19px;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-top: 10px; }
    .section-bonuses-2-section .bonus-logo-index {
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-bonuses-2-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-2-section .bonus-two-percentage {
      margin: 23px 0px 13px 0px;
      text-align: center; }
    .section-bonuses-2-section .bonus-two-wagering {
      text-align: center; }
    .section-bonuses-2-section .bonus-two-percentage span,
    .section-bonuses-2-section .bonus-two-wagering span {
      font-size: 18px;
      line-height: 34px;
      font-weight: 400;
      color: #ffffff; }
    .section-bonuses-2-section .bonus-box-btn {
      background-color: #fb8500;
      width: 100%;
      max-width: 679px;
      padding: 0px;
      border: none;
      outline: none;
      display: block;
      margin: 22px auto 11px auto;
      max-height: 47px;
      border-radius: 10px; }
    .section-bonuses-2-section .bonus-box-btn a {
      font-family: 'Roboto';
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px 0px;
      color: white;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600; }
    .section-bonuses-2-section .read-reviews {
      width: 100%;
      max-width: 679px;
      font-size: 18px;
      line-height: 31px;
      color: white;
      text-align: center;
      margin: 0 auto;
      min-height: 47px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-decoration: underline; }
    .section-bonuses-2-section .read-reviews a {
      color: white; }
    .section-bonuses-2-section .bonus-box-bottom {
      width: 100%;
      max-width: 679px;
      margin: 0px auto;
      padding: 0px 30%;
      text-align: center;
      margin-top: 11px; }
    .section-bonuses-2-section .bonus-box-bottom span {
      font-weight: 300;
      color: white;
      font-size: 13px;
      line-height: 21px; } }
/*(min-width: 820px) DESKTOP END   */
/*(min-width: 601px) and (max-width: 820px) MID SCREENS START   */
@media only screen and (min-width: 601px) and (max-width: 820px) {
  .section-bonuses-2-section {
    margin: 40px 0px;
    padding: 0 15px; }
    .section-bonuses-2-section .bonus-two-content {
      max-width: calc(100% - 30px);
      margin: 0 auto; }
    .section-bonuses-2-section .bonus-two-head-text {
      margin: 30px 0px; }
    .section-bonuses-2-section .bonus-two-content .bonus-two-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-2-section .bonus-two-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-2-section .bonus-two-box {
      padding: 25px 0px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px;
      display: flex;
      flex-direction: column; }
    .section-bonuses-2-section .bonus-two-index {
      background-color: #ffffff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: block;
      color: #1e1d1c;
      font-size: 21px;
      line-height: 32px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-right: 10px;
      font-weight: 500; }
    .section-bonuses-2-section .bonus-two-name {
      font-weight: 600;
      font-size: 19px;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-top: 10px;
      margin-bottom: 0px; }
    .section-bonuses-2-section .bonus-logo-index {
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-bonuses-2-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-2-section .bonus-two-percentage {
      margin: 23px 0px 13px 0px;
      text-align: center; }
    .section-bonuses-2-section .bonus-two-wagering {
      text-align: center; }
    .section-bonuses-2-section .bonus-two-percentage span,
    .section-bonuses-2-section .bonus-two-wagering span {
      font-size: 18px;
      line-height: 34px;
      font-weight: 400;
      color: #ffffff; }
    .section-bonuses-2-section .bonus-box-btn {
      background-color: #fb8500;
      width: calc(100% - 20px);
      max-width: 679px;
      padding: 0px;
      border: none;
      outline: none;
      display: block;
      margin: 22px auto 11px auto;
      max-height: 47px;
      border-radius: 10px;
      order: 1; }
    .section-bonuses-2-section .bonus-box-btn a {
      font-family: 'Roboto';
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px 0px;
      color: white;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600; }
    .section-bonuses-2-section .read-reviews {
      width: 100%;
      max-width: 679px;
      font-size: 18px;
      line-height: 31px;
      color: white;
      text-align: center;
      margin: 0 auto;
      min-height: 47px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-decoration: underline; }
    .section-bonuses-2-section .read-reviews a {
      color: white; }
    .section-bonuses-2-section .bonus-box-bottom {
      width: 100%;
      max-width: 679px;
      margin: 0px auto;
      padding: 0px 30%;
      text-align: center;
      margin-top: 11px;
      order: 1; }
    .section-bonuses-2-section .bonus-box-bottom span {
      font-weight: 300;
      color: white;
      font-size: 13px;
      line-height: 21px; } }
/*(min-width: 601px) and (max-width: 820px) MID SCREENS END   */
/*(min-width: 601px) and (max-width: 820px) SMALL SCREENS START   */
@media only screen and (max-width: 600px) {
  .section-bonuses-2-section {
    margin: 40px 0;
    padding: 0 15px; }
    .section-bonuses-2-section .bonus-two-content {
      max-width: 100%; }
    .section-bonuses-2-section .bonus-two-head-text {
      margin: 30px 0px; }
    .section-bonuses-2-section .bonus-two-content .bonus-two-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-2-section .bonus-two-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-2-section .bonus-two-box {
      padding: 25px 0px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px;
      display: flex;
      flex-direction: column; }
    .section-bonuses-2-section .bonus-two-index {
      background-color: #ffffff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: block;
      color: #1e1d1c;
      font-size: 21px;
      line-height: 32px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-right: 10px;
      font-weight: 500; }
    .section-bonuses-2-section .bonus-two-name {
      font-weight: 600;
      font-size: 19px;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-top: 10px;
      margin-bottom: 0px; }
    .section-bonuses-2-section .bonus-logo-index {
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-bonuses-2-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-2-section .bonus-two-percentage {
      margin: 11px 0px 11px 0px;
      text-align: center; }
    .section-bonuses-2-section .bonus-two-wagering {
      text-align: center;
      margin-bottom: 12px; }
    .section-bonuses-2-section .bonus-two-percentage span,
    .section-bonuses-2-section .bonus-two-wagering span {
      font-size: 18px;
      line-height: 34px;
      font-weight: 400;
      color: #ffffff; }
    .section-bonuses-2-section .bonus-box-btn {
      width: calc(100% - 20px);
      max-width: 100%;
      order: 1;
      background-color: #fb8500;
      padding: 0px;
      border: none;
      outline: none;
      display: block;
      margin: 15px auto 9px auto;
      max-height: 47px;
      border-radius: 10px; }
    .section-bonuses-2-section .bonus-box-btn a {
      font-family: 'Roboto';
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px 0px;
      color: white;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600; }
    .section-bonuses-2-section .read-reviews {
      width: 100%;
      max-width: 679px;
      font-size: 18px;
      line-height: 31px;
      color: white;
      text-align: center;
      margin: 0 auto;
      min-height: 47px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-decoration: underline; }
    .section-bonuses-2-section .read-reviews a {
      color: white; }
    .section-bonuses-2-section .bonus-box-bottom {
      width: 100%;
      max-width: 679px;
      margin: 0px auto;
      padding: 0px 20%;
      text-align: center;
      margin-top: 0px;
      order: 1; }
    .section-bonuses-2-section .bonus-box-bottom span {
      font-weight: 300;
      color: white;
      font-size: 13px;
      line-height: 21px; } }
/*(min-width: 601px) and (max-width: 820px) MID SCREENS END   */