@media (max-width: 1370px) {

  .faq-section {

    padding: 47px 30px 50px 30px;

  }



  .info-company__wrapper {

    padding: 0 30px;

  }

}



@media (max-width: 1200px) {

  .head-section__inner {

    padding: 0 150px;

  }



  .banner-section__inner {

    padding: 30px 15px 0px 15px;

  }



  .banner-section__img {

    left: 15px;

    max-height: 260px;

    top: -webkit-calc(50% - 130px);

    top: -moz-calc(50% - 130px);

    top: calc(50% - 130px);

  }



  .welcome__list {

    margin-left: 38px;

  }



  .info-company__name {

    padding: 0 24px;

  }



  .bonuses-section {

    padding: 0 35px;

  }

}



@media (max-width: 1024px) {

  .welcome__info {

    max-width: 435px;

  }



  .footer__container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .footer__logos-list {

    width: 100%;

  }



  .footer__logos-paymets {

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    min-width: 100%;

  }

}



@media (max-width: 992px) {

  .header__lang {

    right: 50px;

  }



  .menu {

    padding: 0;

  }



  .header-mobile__menu {

    display: block;

    cursor: pointer;

  }



  .menu__list {

    -webkit-transition: all 0.7s;

    -o-transition: all 0.7s;

    -moz-transition: all 0.7s;

    transition: all 0.7s;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    width: 100%;

    position: absolute;

    left: -100%;

    top: 125px;

    padding: 0 15px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }



  .header-btns {

    -webkit-transition: all 0.7s;

    -o-transition: all 0.7s;

    -moz-transition: all 0.7s;

    transition: all 0.7s;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    width: 100%;

    position: absolute;

    left: -100%;

    top: 185px;

    padding: 0 15px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }



  .header-mobile__menu-icon {

    display: block;

    width: 25px;

    height: 3px;

    background-color: #00b0ff;

    position: relative;

  }



  .header-mobile__menu-icon:after {

    content: '';

    display: block;

    width: 25px;

    height: 3px;

    background-color: #00b0ff;

    position: absolute;

    left: 0;

    top: -8px;

  }



  .header-mobile__menu-icon:before {

    content: '';

    display: block;

    width: 25px;

    height: 3px;

    background-color: #00b0ff;

    position: absolute;

    top: 8px;

  }



  .header.mobile-menu__open .header-mobile__menu-icon {

    width: 25px;

    height: 25px;

    background: url(../img/close-btn.svg) no-repeat center/contain;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

  }



  .header.mobile-menu__open .header-mobile__menu-icon:after {

    display: none;

  }



  .header.mobile-menu__open .header-mobile__menu-icon:before {

    display: none;

  }



  .header__inner {

    background: transparent;

  }



  .header.mobile-menu__open {

    height: 265px;

    position: fixed;

    width: 100%;

    z-index: 2;

  }



  .header.mobile-menu__open .menu__list {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    left: 0;

  }



  .header.mobile-menu__open .header-btns {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    left: 0;

  }



  .header__logo {

    margin-right: 25px;

  }



  .header__text {

    margin-right: 12px;

  }



  .singup__btn {

    margin-left: 20px;

  }



  .banner-section__img {

    max-height: 220px;

  }



  .banner-section__info {

    -webkit-box-flex: 0.7;

    -webkit-flex: 0.7;

    -moz-box-flex: 0.7;

    -ms-flex: 0.7;

    flex: 0.7;

  }



  .banner-section__title {

    font-size: 40px;

  }



  .banner-section__subtitle {

    font-size: 28px;

  }



  .info-company__inner {

    -webkit-transform: skew(-4deg, 0);

    -moz-transform: skew(-4deg, 0);

    -ms-transform: skew(-4deg, 0);

    -o-transform: skew(-4deg, 0);

    transform: skew(-4deg, 0);

  }



  .info-company__name-item {

    -webkit-transform: skew(4deg, 0);

    -moz-transform: skew(4deg, 0);

    -ms-transform: skew(4deg, 0);

    -o-transform: skew(4deg, 0);

    transform: skew(4deg, 0);

  }



  .info-company__descr-item {

    -webkit-transform: skew(4deg, 0);

    -moz-transform: skew(4deg, 0);

    -ms-transform: skew(4deg, 0);

    -o-transform: skew(4deg, 0);

    transform: skew(4deg, 0);

  }



  .faq-section__item-question {

    padding: 25px;

    width: 280px;

  }



  .faq-section__item-answer {

    padding: 25px;

    width: -webkit-calc(100% - 280px);

    width: -moz-calc(100% - 280px);

    width: calc(100% - 280px);

  }



  .faq-section__item:nth-child(2n+1) {

    -webkit-transform: skew(-5deg, 0);

    -moz-transform: skew(-5deg, 0);

    -ms-transform: skew(-5deg, 0);

    -o-transform: skew(-5deg, 0);

    transform: skew(-5deg, 0);

  }



  .faq-section__item:nth-child(2n) .faq-section__item-answer {

    padding: 25px;

  }



  .faq-section__item:nth-child(2n+1) .faq-section__item-answer p {

    -webkit-transform: skew(5deg, 0);

    -moz-transform: skew(5deg, 0);

    -ms-transform: skew(5deg, 0);

    -o-transform: skew(5deg, 0);

    transform: skew(5deg, 0);

  }



  .faq-section__item:nth-child(2n) .faq-section__item-question {

    padding: 25px;

  }



  .faq-section__item:nth-child(2n+1) .faq-section__item-question span {

    display: block;

    -webkit-transform: skew(5deg, 0);

    -moz-transform: skew(5deg, 0);

    -ms-transform: skew(5deg, 0);

    -o-transform: skew(5deg, 0);

    transform: skew(5deg, 0);

  }

}



@media (max-width: 950px) {

  .head-section {

    padding: 0;

  }



  .head-section__inner {

    padding: 0 50px;

  }



  .info-section-1__inner {

    padding: 9px 15px 22px 15px;

  }



  .bonuses-section__item {

    padding: 0 30px;

  }



  .bonuses-section__info {

    margin-left: 30px;

  }



  .welcome__inner {

    padding: 0 15px;

  }



  .info-section-2__inner {

    padding: 0 15px;

  }



  .info-company__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .info-company__item {

    width: 100%;

    margin-right: 0;

    margin-bottom: 18px;

  }



  .info-company__item:first-child {

    margin-right: 0;

  }



  .info-company__item:last-child {

    margin-bottom: 0;

  }



  .info-company__name {

    min-height: 180px;

  }



  .info-company__descr {

    min-height: 180px;

  }



  .info-company__descr {

    width: -webkit-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    width: calc(50% - 15px);

    min-height: 263px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding: 24px 12px 24px 0;

  }



  .info-section-3 {

    padding: 46px 15px 26px 15px;

  }



  table {

    display: table;

    width: 100%;

  }

}



@media (max-width: 850px) {

  .banner-section__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px 30px 15px 30px;

  }



  .banner-section__img {

    max-height: 125px;

    left: auto;

    right: 30px;

    bottom: 0;

    top: auto;

  }



  .banner-section__info {

    margin-left: 0;

    text-align: center;

  }



  .banner-section__title {

    text-align: center;

  }



  .banner-section__subtitle {

    text-align: center;

  }



  .welcome__continer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 26px;

  }



  .welcome__info {

    max-width: 100%;

  }



  .welcome__list {

    margin-left: 0;

  }



  .bonuses-section__item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .bonuses-section__item {

    -webkit-transform: skew(-2deg, 0);

    -moz-transform: skew(-2deg, 0);

    -ms-transform: skew(-2deg, 0);

    -o-transform: skew(-2deg, 0);

    transform: skew(-2deg, 0);

  }



  .bonuses-section__img {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

    align-self: center;

  }



  .bonuses-section__info {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .bonuses-section__info {

    margin-left: 0;

    text-align: center;

    padding: 15px 0 30px;

  }



  .bonuses-uptitle,

  .bonuses-title,

  .bonuses-text p {

    text-align: center;

  }



  .app-section {

    padding: 20px;

  }



  .app__buttons {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}



@media (max-width: 720px) {

  .banner-section {

    padding: 4px 20px 20px 20px;

  }



  .banner-section__wrapper {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    padding: 23px 25px;

  }



  .banner-section__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px 25px 15px 25px;

  }



  .bonuses-section__item {

    padding: 23px 25px;

  }



  .faq-section__item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .faq-section__item-question {

    width: 100%;

  }



  .faq-section__item:nth-child(2n+1) .faq-section__item-question {

    -webkit-border-bottom-left-radius: 0;

    -moz-border-radius-bottomleft: 0;

    border-bottom-left-radius: 0;

  }



  .faq-section__item-answer {

    width: 100%;

  }



  .footer__container {

    padding: 0;

  }



  .footer__bottom {

    padding: 0;

  }

}



@media (max-width: 480px) {

  .head-section__inner {

    padding: 0 15px;

    text-align: center;

  }



  .head-section .sing__main-btn {

    margin-left: 0;

  }



  h1,

  h1.main-title {

    font-size: 35px;

    line-height: 40px;

    text-align: center;

  }



  .banner-section__title {

    font-size: 30px;

    line-height: 40px;

    text-align: center;

  }



  h2.welcome-title {

    font-size: 30px;

    line-height: 40px;

  }



  h2,

  h2.title {

    font-size: 30px;

    line-height: 40px;

  }



  .bonuses-title {

    font-size: 25px;

  }



  h3 {

    font-weight: bold;

    font-size: 27px;

    line-height: 35px;

  }



  h4 {

    font-size: 24px;

    line-height: 30px;

  }



  .rating__inner img {

    margin-right: 0;

    margin-bottom: 15px;

    max-height: 20px;

  }



  .welcome__list-item {

    font-size: 16px;

  }



  .banner-section__inner {

    padding: 25px 15px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -moz-box-orient: vertical;

    -moz-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    -webkit-transform: skew(-2deg, 0);

    -moz-transform: skew(-2deg, 0);

    -ms-transform: skew(-2deg, 0);

    -o-transform: skew(-2deg, 0);

    transform: skew(-2deg, 0);

  }



  .banner-section__img {

    max-height: 150px;

    right: auto;

    position: inherit;

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

    margin-top: 15px;

  }



  .banner-section__info {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .banner-section__subtitle {

    font-size: 28px;

    line-height: 35px;

    padding-bottom: 20px;

  }



  .banner-section .sing__main-btn {

    margin-bottom: 0;

  }



  .rating__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .rating__stars {

    margin: 0 auto 15px;

  }



  .info-company__wrapper {

    padding: 0 15px;

  }



  .info-company__inner {

    -webkit-transform: skew(-2deg, 0);

    -moz-transform: skew(-2deg, 0);

    -ms-transform: skew(-2deg, 0);

    -o-transform: skew(-2deg, 0);

    transform: skew(-2deg, 0);

  }



  .info-company__name-item {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .info-company__descr-item {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .info-company__name-item img {

    margin-right: 15px;

  }



  .info-company__descr {

    padding: 8px 0px;

  }



  .faq-section {

    padding: 47px 15px 50px 15px;

  }



  .faq-section__item:nth-child(2n+1) {

    -webkit-transform: skew(-2deg, 0);

    -moz-transform: skew(-2deg, 0);

    -ms-transform: skew(-2deg, 0);

    -o-transform: skew(-2deg, 0);

    transform: skew(-2deg, 0);

  }



  .faq-section__item:nth-child(2n+1) .faq-section__item-answer p {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .faq-section__item:nth-child(2n+1) .faq-section__item-question span {

    -webkit-transform: skew(2deg, 0);

    -moz-transform: skew(2deg, 0);

    -ms-transform: skew(2deg, 0);

    -o-transform: skew(2deg, 0);

    transform: skew(2deg, 0);

  }



  .bonuses-section {

    padding: 0 15px;

  }



  .bonuses-section__item {

    padding: 24px 18px;

  }



  .bonuses-section__info {

    padding-bottom: 0;

  }



  .footer__bottom {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .footer__logo {

    margin-bottom: 18px;

  }



  .footer__policy {

    text-align: center;

  }



  table tr td:first-child {

    padding-left: 24px;

    padding-right: 24px;

  }



  table tr td:nth-child(2) {

    padding-right: 0;

    padding-left: 30px;

  }



  .app-section {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .app__logo {

    margin: 0 0 20px;

  }

}



@media (max-width: 440px) {

  .header {

    height: 67px;

  }



  .header__logo>img {

    height: 40px;

    width: auto;

  }



  .header.mobile-menu__open {

    height: 400px;

  }



  .menu__list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    top: 100px;

  }



  .header-btns {

    top: 300px;

  }



  .header__text {

    font-size: 12px;

    line-height: 20px;

    font-weight: normal;

  }



  .header__lang {

    top: -3px;

  }

}



@media (max-width: 414px) {

  .info-company__name {

    padding: 0 8px;

    margin-right: 15px;

  }



  .info-company__name-item img {

    margin-right: 8px;

  }



  .info-company__name {

    min-height: 250px;

  }



  .info-company__descr {

    min-height: 250px;

  }



  .info-company__descr-item.last-item {

    padding-bottom: 40px;

  }



  table tr td:nth-child(2) {

    padding-left: 15px;

  }



  table tr td:first-child {

    padding-left: 8px;

    padding-right: 8px;

  }

}



@media (max-width: 375px) {

  .header__inner {

    padding-left: 10px;

    padding-right: 10px;

  }



  .header__logo {

    margin-right: 5px;

  }



  .header__lang {

    width: 65px;

    right: 35px;

    top: 3px;

  }



  .header__lang-button:before {

    right: 8px;

  }



  .header__lang-button,

  .header__lang li a {

    padding: 8px;

  }



  .menu__item {

    width: 100%;

  }



  .header-btns {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }



  .login__btn {

    margin-left: 8px;

    margin-right: 23px;

  }



  .singup__btn,

  .login__btn {

    min-width: -webkit-calc(50% - 20px);

    min-width: -moz-calc(50% - 20px);

    min-width: calc(50% - 20px);

  }



  .info-company__descr-item {

    font-size: 12px;

  }



  table tr td:last-child {

    font-size: 12px;

  }

}