/*(min-width: 820px) DESKTOP START   */
@media only screen and (min-width: 820px) {
  .section-bonuses-1-section {
    margin: 40px 0;
    padding: 0 15px; }
    .section-bonuses-1-section .bonus-one-content {
      max-width: 790px;
      margin: 0 auto; }
    .section-bonuses-1-section .bonus-one-head-text {
      margin: 30px 0px; }
    .section-bonuses-1-section .bonus-one-content .bonus-one-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-1-section .bonus-one-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-1-section .bonus-one-box {
      padding: 25px 55px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px; }
    .section-bonuses-1-section .bonus-one-index {
      background-color: #ffffff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: block;
      color: #1e1d1c;
      font-size: 17px;
      font-weight: 700;
      line-height: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px; }
    .section-bonuses-1-section .bonus-one-name {
      font-weight: 600;
      font-size: 19px;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-left: 10px; }
    .section-bonuses-1-section .bonus-logo-index {
      display: flex;
      justify-content: left;
      align-items: center; }
      .section-bonuses-1-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-1-section .bonus-one-percentage {
      text-align: center; }
      .section-bonuses-1-section .bonus-one-percentage span {
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px; }
    .section-bonuses-1-section .bonus-box-btn {
      background-color: #fb8500;
      width: 100%;
      max-width: 244px;
      padding: 0px;
      border: none;
      outline: none;
      display: block;
      max-height: 47px;
      border-radius: 10px; }
    .section-bonuses-1-section .bonus-box-btn a {
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px 0px;
      color: white;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600; }
    .section-bonuses-1-section .read-reviews {
      min-width: 126px;
      color: white;
      margin: 0 25px;
      display: flex;
      align-items: center;
      text-align: center;
      font-size: 18px;
      line-height: 31px; }
    .section-bonuses-1-section .read-reviews a {
      color: white;
      text-decoration: underline;
      font-weight: 600;
      font-size: 18px; }
    .section-bonuses-1-section .bonuse-one-box-text {
      font-size: 16px;
      font-weight: 400;
      line-height: 27px;
      text-align: left;
      color: white;
      margin: 13px 0px 11px 0px; }
    .section-bonuses-1-section .bonus-one-btns {
      max-width: 90%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; } }
/*(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-1-section {
    margin: 40px 0;
    padding: 0 15px; }
    .section-bonuses-1-section .bonus-one-content {
      max-width: calc(100% - 30px);
      margin: 0 auto; }
    .section-bonuses-1-section .bonus-one-head-text {
      margin: 30px 0px; }
    .section-bonuses-1-section .bonus-one-content .bonus-one-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-1-section .bonus-one-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-1-section .bonus-one-box {
      padding: 25px 20px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px;
      display: flex;
      flex-direction: column; }
    .section-bonuses-1-section .bonus-one-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;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      font-weight: 500; }
    .section-bonuses-1-section .bonus-one-name {
      font-size: 19px;
      font-weight: 600;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-left: 10px; }
    .section-bonuses-1-section .bonus-logo-index {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .section-bonuses-1-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-1-section .bonus-one-btns {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: row; }
      .section-bonuses-1-section .bonus-one-btns .bonus-box-btn {
        background-color: #fb8500;
        width: calc(100% - 20px);
        max-width: 244px;
        padding: 0px;
        border: none;
        outline: none;
        display: block;
        max-height: 47px;
        border-radius: 10px; }
        .section-bonuses-1-section .bonus-one-btns .bonus-box-btn a {
          text-decoration: none;
          display: block;
          width: 100%;
          padding: 10px 0px;
          color: white;
          font-size: 18px;
          line-height: 27px;
          font-weight: 600; }
      .section-bonuses-1-section .bonus-one-btns .read-reviews {
        color: white;
        margin: 0 25px;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 18px;
        line-height: 31px; }
        .section-bonuses-1-section .bonus-one-btns .read-reviews a {
          color: white;
          font-weight: 600;
          font-size: 18px; }
      .section-bonuses-1-section .bonus-one-btns .bonus-one-percentage {
        text-align: center; }
        .section-bonuses-1-section .bonus-one-btns .bonus-one-percentage span {
          font-size: 20px;
          height: 100%;
          line-height: 34px;
          font-weight: 400;
          color: #ffffff; }
    .section-bonuses-1-section .bonuse-one-box-text {
      font-size: 15px;
      font-weight: 400;
      line-height: 26px;
      text-align: left;
      color: white;
      margin: 19px 0px 11px 0px; } }
/*(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-1-section {
    margin: 40px 0;
    padding: 0 15px; }
    .section-bonuses-1-section .bonus-one-content {
      max-width: 100%;
      margin: 0px 15px; }
    .section-bonuses-1-section .bonus-one-head-text {
      margin: 30px 0px; }
    .section-bonuses-1-section .bonus-one-content .bonus-one-head {
      font-size: 35px;
      line-height: 53px;
      color: #1e1d1c;
      margin: 0px; }
    .section-bonuses-1-section .bonus-one-head-text p {
      font-size: 16px;
      line-height: 28px;
      color: #262626; }
    .section-bonuses-1-section .bonus-one-box {
      padding: 25px 20px;
      background-color: #023047;
      border-radius: 10px;
      margin-bottom: 30px;
      display: flex;
      flex-direction: column; }
    .section-bonuses-1-section .bonus-one-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;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      font-weight: 500; }
    .section-bonuses-1-section .bonus-one-name {
      font-size: 19px;
      font-weight: 600;
      line-height: 29px;
      text-align: center;
      color: white;
      margin-left: 10px; }
    .section-bonuses-1-section .bonus-logo-index {
      display: flex;
      justify-content: left;
      align-items: center; }
      .section-bonuses-1-section .bonus-logo-index img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover; }
    .section-bonuses-1-section .bonus-one-percentage {
      text-align: center;
      margin-bottom: 12px; }
    .section-bonuses-1-section .bonus-one-percentage span {
      font-size: 18px;
      height: 100%;
      line-height: 34px;
      font-weight: 400;
      color: #ffffff; }
    .section-bonuses-1-section .bonus-box-btn {
      width: calc(100% - 20px);
      max-width: 100%;
      margin: 22px 10px 11px 10px;
      background-color: #fb8500;
      padding: 0px;
      border: none;
      outline: none;
      display: block;
      max-height: 47px;
      border-radius: 10px; }
    .section-bonuses-1-section .bonus-box-btn a {
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px 0px;
      color: white;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600; }
    .section-bonuses-1-section .read-reviews {
      color: white;
      margin: 0 25px;
      display: flex;
      align-items: center;
      text-align: center;
      font-size: 18px;
      line-height: 31px; }
    .section-bonuses-1-section .read-reviews a {
      color: white;
      text-decoration: underline;
      font-weight: 600;
      font-size: 18px; }
    .section-bonuses-1-section .bonus-one-btns {
      width: 100%;
      display: flex;
      justify-content: center;
      max-width: 100%;
      flex-direction: column-reverse;
      align-items: center; }
    .section-bonuses-1-section .bonuse-one-box-text {
      font-size: 15px;
      font-weight: 400;
      line-height: 26px;
      text-align: left;
      color: white;
      margin: 19px 0px 11px 0px; } }
/*(min-width: 601px) and (max-width: 820px) MID SCREENS END   */