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

  .header__item-left {

    width: 40%;

  }



  .header__item-right {

    width: 60%;

  }



  .cover__item-text {

    z-index: 100;

  }



  .faq__box-question p {

    font-size: 20px;

  }



  .faq__box-question p::before {

    top: 15px;

  }

}





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

  .header__item p {

    display: none;

  }



  .header__item-left {

    width: 20%;

  }



  .header__item-right {

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    width: 80%;

  }



  .cover__item-text {

    width: 100%;

    text-align: center;

  }



  .cover__item-text h1 {

    text-align: center;

  }



  .cover .breadcrumbs {

    left: -webkit-calc(50% - 200px / 2);

    left: calc(50% - 200px / 2);

  }



  .bonus__item-text {

    padding-left: 0;

  }



  .benefits__item {

    width: -webkit-calc(50% - 40px / 2);

    width: calc(50% - 40px / 2);

  }



  .benefits__item-image {

    background-size: contain;

  }



  .benefits__image {

    left: 0;

  }



  .bonuses-gallery .content > div section {

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

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

  }

}





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

  h1.title {

    font-size: 35px;

  }



  h2 {

    font-size: 30px;

  }



  h3 {

    font-size: 25px;

  }



  h4 {

    font-size: 20px;

  }



  .hamburger {

    display: block;

    overflow: visible;

    cursor: pointer;

    padding: 18px 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;

  }



  .header__content nav {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

  }



  nav.header__dropdown {

    display: block;

    position: absolute;

    top: 0;

    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: 70px 50px;

    overflow: auto;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    margin: 0;

    background-color: #081c34;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    opacity: 0;

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

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

    transform: translateY(-100%);

    z-index: 1000;

  }



  .hamburger__item-wrap {

    margin: 30px auto;

    padding-left: 0;

    display: block;

    width: 100%;

    text-align: center;

  }



  .hamburger__item-wrap p {

    font-size: 20px;

    font-weight: 700;

  }



  .header__dropdown .button {

    padding: 20px 50px;

    min-width: 200px;

  }



  .header__dropdown .bonuses-btn::before {

    left: 20px;

  }



  .header__dropdown .app-btn::before {

    left: 20px;

  }



  .hamburger__item-wrap:before {

    display: none;

  }



  .hamburger.is-active + ul {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }



  .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 .content {

    min-height: auto;

  }



  .instructions .content > ul li {

    padding: 14px 30px;

  }



  .instructions .content > ul li + li {

    margin-left: 10px;

  }



  .faq__box-question p {

    font-size: 20px;

  }

}





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

  .bonus .content {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .bonus__item {

    width: 100%;

    text-align: center;

  }



  .bonus__item-image {

    min-height: 300px;

    background-image: none;

  }



  .instructions .content > ul {

    margin-bottom: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .instructions .content > ul li + li {

    margin-left: 0;

  }



  .benefits .content > div {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    overflow: hidden;

  }



  .benefits__item-image {

    min-height: 250px;

    background-image: none;

  }



  .benefits__item {

    width: 100%;

    text-align: center;

  }



  .benefits .content > div::before,

  .benefits .content > div::after {

    display: none;

  }



  .benefits__item-text h3 {

    text-align: center;

  }



  .benefits__item-text li {

    font-weight: 500;

  }



  .benefits__image {

    bottom: -50px;

    left: 50px;

  }



  .benefits__item li + li {

    margin-top: 10px;

  }



  .rating .content > section {

    margin: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

  }



  .rating__img {

    margin-left: 0;

    margin-top: 10px;

  }



  .faq__box-question p {

    padding: 8px 30px 8px 70px;

  }



  .faq__box-question p::before {

    left: 40px;

  }



  .footer .content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .footer .content > section {

    width: 100%;

  }



  .footer__item + .footer__item {

    margin-left: 0px;

    margin-top: 20px;

  }



  .footer__copy {

    font-size: 16px;

  }



  .bonuses-gallery .content > div section {

    width: 100%;

  }

}





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

  .content,

  .bonuses-gallery .content {

    padding: 20px;

  }



  .hamburger {

    padding: 20px;

  }



  .bonus {

    overflow: hidden;

  }



  .bonus .content p {

    font-size: 30px;

  }



  .bonus__item-image > div {

    right: -100px;

  }



  .footer .content {

    padding: 30px 20px;

  }



  h1.title {

    font-size: 30px;

  }



  .bonuses-gallery .content > p {

    margin-bottom: 0;

  }



  .bonuses-gallery .content > div section {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .bonuses-gallery__item-img,

  .bonuses-gallery__item-text {

    width: 100%;

  }



  .bonuses-gallery__item-text {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }

}





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

  .cover .content {

    min-height: 350px;

  }



  .cover__item-text {

    padding: 76px 0;

  }



  .cover__item-image {

    top: unset;

    bottom: 0;

    left: -20%;

  }



  .bonus__item-image {

    top: 0;

  }



  .benefits__item-image {

    min-height: 200px;

  }



  .benefits__image {

    left: 0;

  }



  .faq__box-question p {

    padding: 8px 20px 8px 40px;

  }



  .faq__box-question p::before {

    left: 15px;

  }

}