@media screen and (max-width: 1300px) {

  h3 {

    font-size: 32px;

  }



  h4 {

    font-size: 30px;

  }



  .header .content {

    padding: 12px 10px;

  }





  .login.header__button, .signup.header__button {

    padding: 12px;

    margin-left: 6px

  }

  .header__button {

    padding: 12px;

    margin-left: 6px;

  }

  .bonuses-btn,

  .app-btn {

    padding: 12px 20px 12px 56px;

  }



  .header__language-dropdown {

    margin-left: 6px;

  }



  .feedbacks .title {

    padding-right: 110px;

  }



  .feedback__buttons {

    right: 10px;

  }

}



@media screen and (max-width: 1200px) {

  .header__item .bonuses-btn,

  .header__item .app-btn {

    display: none;

  }



  .header__item-right {

    margin-right: 85px;

  }



  .header__button {

    margin-left: 10px;

  }



  .header__language-dropdown {

    margin-left: 16px;

  }



  .hamburger {

    display: block;

    overflow: visible;

    cursor: pointer;

    padding: 17px 30px;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-property: opacity, -webkit-filter;

    transition-property: opacity, -webkit-filter;

    -o-transition-property: opacity, filter;

    transition-property: opacity, filter;

    transition-property: opacity, filter, -webkit-filter;

    position: relative;

    z-index: 2000;

  }



  nav.header__dropdown {

    display: block;

    position: absolute;

    top: 4px;

    right: 0;

    width: auto;

  }



  .hamburger-box {

    position: relative;

    display: inline-block;

    min-width: 34px;

    height: 30px;

  }



  .is-active .hamburger-box {

    min-width: 34px;

  }



  .hamburger-inner {

    top: 50%;

    display: block;

    margin-top: -2px;

  }

  .hamburger-inner,

  .hamburger-inner:after,

  .hamburger-inner:before {

    position: absolute;

    width: 30px;

    height: 4px;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    background-color: #ffffff;

  }

  .hamburger-inner:after,

  .hamburger-inner:before {

    display: block;

    content: '';

  }

  .hamburger-inner:before {

    top: -10px;

  }

  .hamburger-inner:after {

    bottom: -10px;

  }

  .hamburger-stand .hamburger-inner {

    -webkit-transition: background-color 0s linear 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;

    transition: background-color 0s linear 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;

    -o-transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s,

      background-color 0s linear 75ms;

    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s,

      background-color 0s linear 75ms;

    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s,

      background-color 0s linear 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;

  }

  .hamburger-stand .hamburger-inner:before {

    -webkit-transition: top 75ms ease-in 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: top 75ms ease-in 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    -o-transition: top 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: top 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: top 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

  }

  .hamburger-stand .hamburger-inner:after {

    -webkit-transition: bottom 75ms ease-in 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: bottom 75ms ease-in 75ms,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    -o-transition: bottom 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: bottom 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

    transition: bottom 75ms ease-in 75ms,

      transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,

      -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;

  }

  .hamburger-stand.is-active .hamburger-inner {

    -webkit-transition: background-color 0s linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    transition: background-color 0s linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,

      background-color 0s linear 0.2s;

    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,

      background-color 0s linear 0.2s;

    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,

      background-color 0s linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    background-color: transparent;

  }

  .hamburger-stand.is-active .hamburger-inner:before {

    top: 0;

    -webkit-transition: top 75ms linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: top 75ms linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    -o-transition: top 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: top 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: top 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .hamburger-stand.is-active .hamburger-inner:after {

    bottom: 0;

    -webkit-transition: bottom 75ms linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: bottom 75ms linear 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    -o-transition: bottom 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: bottom 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    transition: bottom 75ms linear 0.2s,

      transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,

      -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

  }



  .header__dropdown ul {

    padding: 40px 30px;

    overflow: auto;

    position: fixed;

    top: 65px;

    bottom: 0;

    right: 0;

    left: 0;

    margin: 0;

    background-color: #192a32;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    opacity: 0;

    -webkit-transform: translateY(-120%);

    -ms-transform: translateY(-120%);

    transform: translateY(-120%);

    z-index: 1000;

  }



  .hamburger__item-wrap {

    margin: 0 auto;

    padding-left: 0;

    display: block;

    width: 100%;

    text-align: center;

  }



  .hamburger__item-wrap p {

    font-size: 20px;

    text-transform: uppercase;

    color: #ffffff;

    text-align: center;

  }



  .header__dropdown .button {

    margin: 10px;

    padding: 20px;

    min-width: 180px;

  }



  .header__dropdown .bonuses-btn,

  .header__dropdown .app-btn {

    padding: 20px 20px 20px 50px;

  }



  .header__dropdown .bonuses-btn::before {

    left: 20px;

  }



  .header__dropdown .app-btn::before {

    left: 20px;

  }



  .hamburger__item-wrap::before {

    display: none;

  }



  .hamburger__item-wrap .sports-button {

    min-width: 250px;

    background-color: rgba(46, 147, 68, 0.8);

    border-color: transparent;

  }



  .hamburger__item-wrap .sports-button:hover,

  .hamburger__item-wrap .sports-button:focus {

    background-color: rgba(46, 147, 68, 0.2);

  }



  .sports-button .sport-icon {

    margin-right: 16px;

  }



  .hamburger.is-active + ul {

    max-height: 100%;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }



  .benefits__item-text ul li {

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

  }



  .benefits__item-text ul li + li {

    margin-top: 6px;

  }



  .feedbacks__image {

    padding: 20px 20px;

    min-width: 87px;

  }



  .feedbacks__text {

    padding: 0;

  }



  .bonuses-gallery .content > div section {

    width: calc((100% - 16px) / 2);

  }

}





@media screen and (min-width: 1024px) {

  .header__dropdown .transparent {

    display: none;

  }



  .header__dropdown .bonuses-btn,

  .header__dropdown .app-btn {

    display: inline-block;

  }

}



@media screen and (max-width: 1024px) {

  h1.title {

    font-size: 35px;

  }



  h2,

  .feedbacks .title {

    font-size: 30px;

  }



  h3 {

    font-size: 25px;

  }



  h4 {

    font-size: 20px;

  }



  .header__item .transparent {

    display: none;

  }



  .header__item-right {

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }



  .header__dropdown .transparent {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .app .content > div {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

  }



  .app__switcher {

    margin-right: 0;

    margin-bottom: 24px;

  }



  .cover .content > div::after {

    right: 0;

  }



  .bonus__item-text {

    padding: 42px 20px;

    width: 80%;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

  }



  .bonus__item-img {

    width: 20%;

  }



  .bonus__image {

    right: -50px;

  }



  .bonus__section p {

    font-size: 36px;

  }



  .bonus__section p + p {

    font-size: 28px;

  }



  .benefits__item-text {

    width: 60%;

  }



  .benefits__item-img {

    width: 40%;

  }



  .text__item-txt .title {

    padding: 6px 10px;

  }



  .feedbacks .content ul li {

    margin: 0 10px 10px;

    min-width: calc(100% - 10px * 2);

  }



  .faq__box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .faq__box-question,

  .faq__box-answer {

    width: 100%;

  }



  .answer-hidden + .faq__box-answer {

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    opacity: 0;

    height: 0;

    overflow: hidden;

    padding-top: 0;

    padding-bottom: 0;

  }



  .bonuses-gallery .content > div section {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    width: 100%;

  }



  .bonuses-gallery__item {

    width: 50%;

  }



  .download-app .content > div {

    padding: 20px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .download-app .content > div::before {

    width: 100%;

    left: 0;

  }



  .download-app__button {

    margin: 20px;

  }

}





@media screen and (min-width: 850px) {

  .header__dropdown .signup,

  .header__dropdown .login {

    display: none;

  }



  .hamburger__item-wrap .sports-button {

    display: none;

  }



  .slots {

    display: none;

  }

}



@media screen and (max-width: 850px) {

  .content {

    padding: 0 30px;

  }



  .events {

    display: none;

  }



  .cover__image {

    right: -70px;

  }



  .footer .content {

    padding: 20px 30px;

  }



  .header__button,

  .header__link {

    display: none;

  }



  .header .content {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

  }



  .cover__item-text {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

  }



  .bonus__item-img {

    width: 40%;

  }



  .bonus__item-text {

    width: 60%;

  }



  .rating__item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .rating__img {

    margin-right: 0;

    margin-bottom: 16px;

  }



  .rating__item p {

    text-align: center;

  }

}





@media screen and (max-width: 768px) {

  .bonus__section p {

    font-size: 30px;

  }



  .bonus__section p + p {

    font-size: 25px;

  }



  .instructions .content ul {

    margin: 0 auto;

    margin-bottom: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 600px;

    border-bottom: none;

  }



  .instructions .content ul li {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    width: 100%;

    background-color: rgba(236, 98, 43, 0.3);

    border-radius: 6px;

    text-align: left;

  }



  .instructions .content ul li + li {

    margin-top: 8px;

  }



  .benefits .content > div {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    background-position: left center;

  }



  .benefits__item {

    width: 100%;

  }



  .benefits__item-img {

    min-height: 320px;

  }



  .text__block {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .text__block > div {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: stretch;

    -webkit-align-items: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

  }



  .text__block > div:nth-child(even) {

    margin-left: 0;

  }



  .text__item {

    width: 100%;

  }



  .text__item-txt .title {

    padding: 6px 30px;

    text-align: center;

  }



  .text__item + .text__item {

    margin-top: 24px;

  }



  .slots__gallery {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 550px;

  }

}





@media screen and (max-width: 605px) {

  h1.title {

    text-shadow: 1px 1px 1px #192a32;

  }



  p {

    text-align: left;

  }



  .content > div,

  .app .content > div,

  .benefits .content > div,

  .text .content > div,

  .faq .content > div {

    padding: 20px 10px;

  }



  .content,

  .instructions .content {

    padding: 0 20px;

  }



  .hamburger {

    padding: 15px 20px;

  }



  .header__item-right,

  .header__item-left {

    width: auto;

  }



  .header__item-right {

    margin-right: 65px;

  }



  .header__language-dropdown > ul li + li {

    margin-top: 6px;

  }



  .header__dropdown ul {

    padding: 40px 20px;

  }



  .cover .content {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: auto;

  }



  .cover__item-text {

    width: 95%;

  }



  .cover__item-img {

    width: 5%;

  }



  .app-cover .cover__image img {

    display: block;

    -o-object-fit: contain;

    object-fit: contain;

  }



  .bonus__section {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .bonus__item-text {

    padding: 20px;

    text-align: center;

  }



  .bonus__section p {

    text-align: center;

  }



  .bonus__item-img {

    min-height: 300px;

  }



  .bonus__image {

    right: -20px;

  }



  .bonus__item {

    width: 100%;

  }



  .feedbacks .title {

    margin-top: 50px;

    padding-right: 0;

  }



  .feedback__buttons {

    right: auto;

    left: 0;

  }



  .footer .content {

    padding: 20px;

  }



  .bonuses-gallery .content > div section {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .bonuses-gallery__item {

    width: 100%;

    text-align: center;

  }



  .bonuses-gallery__item-img {

    margin-right: 0;

  }



  .bonuses-gallery__item-text span {

    font-size: 20px;

  }



  .bonuses-gallery__item + .bonuses-gallery__item {

    margin-top: 16px;

  }



  .instructions .content > div {

    padding: 20px 10px;

  }



  .download-app .content > div {

    padding: 24px 16px;

  }

}





@media screen and (max-width: 550px) {

  .instructions .content ul li {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}





@media screen and (max-width: 425px) {

  h1.title {

    font-size: 28px;

  }



  h2,

  .feedbacks .title {

    font-size: 25px;

  }



  h3 {

    font-size: 22px;

  }



  h4 {

    font-size: 20px;

  }



  body,

  p {

    font-size: 14px;

  }



  .header__language-dropdown > div {

    padding: 10px 30px 10px 14px;

    min-width: 100px;

  }



  .header__language-dropdown > div::after {

    right: 14px;

  }



  .header__language-dropdown > ul {

    padding: 20px 30px 20px 14px;

    min-width: 100px;

  }



  .header__language-dropdown.list-hidden > ul {

    padding: 0 30px 0 14px;

  }



  .bonus__section p {

    font-size: 27px;

  }



  .bonus__section p + p {

    font-size: 20px;

  }



  .benefits__item-img {

    min-height: 280px;

  }



  .feedbacks .content ul li {

    padding: 10px;

  }



  .feedbacks__image {

    margin-right: 10px;

    padding: 10px;

    min-width: 50px;

  }



  .slots__gallery > div {

    margin: 5px 3px;

  }



  .faq__box-question {

    padding: 0 0 16px 36px;

  }



  .faq__box-question p {

    font-size: 16px;

  }



  .footer__item-center {

    padding-top: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .footer__item-top {

    padding-bottom: 16px;

  }



  .footer .icon {

    margin: 5px 10px;

    max-width: 45px;

    min-width: 45px;

  }



  .footer__copy {

    margin-top: 10px;

  }

}