@media (min-width:479.98px) {
  .cover__responsibly {
    max-width: 273px
  }
  .bonus__responsibly {
    max-width: 273px
  }
  .download__section {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }
}
@media (min-width:767.98px) {
  body {
    font-size: 16px
  }
  table th, .table th {
    width: 270px;
    text-align: left
  }
  table th > div:first-of-type, .table th > div:first-of-type {
    margin-right: 28px
  }
  table td, .table td {
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: calc(100% - 270px)
  }
  table a, .table a {
    font-size: 16px
  }
  .header-menu__button {
    display: none
  }
  .cover-rating-text__wrap > span:first-of-type {
    font-size: 24px
  }
  .bonus__wrapper {
    max-width: 560px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 560px;
    -moz-box-flex: 0;
    flex: 0 1 560px
  }
  .bonus__title:not(:last-child) {
    margin-bottom: 16px
  }
  .bonus__text:not(:last-child) {
    margin-bottom: 10px
  }
  .faq__list li > button {
    font-size: 20px
  }
  .bonus-cards__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: -20px
  }
  .bonus-cards-list__item {
    margin-top: 20px
  }
  .bonus-cards-list-item__article h1, .bonus-cards-list-item__article h2, .bonus-cards-list-item__article h3, .bonus-cards-list-item__article h4, .bonus-cards-list-item__article h5, .bonus-cards-list-item__article h6 {
    font-size: 24px
  }
  .games-list-item__button {
    min-width: 180px
  }
  .download__section {
    min-height: 360px
  }
  .download__image {
    margin: -20px 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 370px;
    -moz-box-flex: 0;
    flex: 0 1 370px
  }
  .download__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 247px;
    -moz-box-flex: 0;
    flex: 0 1 247px
  }
  .download__link:not(:last-child) {
    margin-bottom: 12px
  }
  .footer-top__logos {
    margin: 0 5px
  }
  .footer-middle__logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 126px;
    -moz-box-flex: 0;
    flex: 0 0 126px;
    margin-right: 16px
  }
}
@media (min-width:991.98px) {
  .cover__section {
    min-height: 460px
  }
  .cover__wrapper {
    max-width: 630px
  }
  .bonus__section {
    min-height: 310px
  }
  .facts__section {
    padding: 20px
  }
  .faq__section {
    padding-top: 34px;
    padding-bottom: 34px
  }
  .faq__title.l {
    font-size: 48px
  }
  .faq__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #844D0E
  }
  .faq__list li > button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 197px;
    -moz-box-flex: 0;
    flex: 0 0 197px
  }
  .bonus-cards-list-item__article h1:not(:last-child), .bonus-cards-list-item__article h2:not(:last-child), .bonus-cards-list-item__article h3:not(:last-child), .bonus-cards-list-item__article h4:not(:last-child), .bonus-cards-list-item__article h5:not(:last-child), .bonus-cards-list-item__article h6:not(:last-child) {
    margin-bottom: 4px
  }
  .bonus-cards-list-item__article .button {
    padding: 10px 30px
  }
  .download__button {
    width: 88%
  }
}
@media (min-width:1190px) {
  .bonus__image {
    margin-right: 130px
  }
}
@media (max-width:1200px) {
  .burger {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 10;
    display: block;
    width: 48px;
    height: 48px;
    padding: 5px;
    cursor: pointer;
    background: 0 0;
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  .burger span, .burger:before, .burger:after {
    position: absolute;
    left: 19.2%;
    width: 60%;
    height: 2px;
    content: "";
    background-color: #fff;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s
  }
  .burger:before {
    top: 31%
  }
  .burger:after {
    bottom: 31%
  }
  .burger span {
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px)
  }
  .menu-open .burger {
    background-color: rgba(255, 255, 255, .3)
  }
  .menu-open .burger span {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
  }
  .menu-open .burger:before {
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .burger:after {
    bottom: -webkit-calc(50% - 1px);
    bottom: -moz-calc(50% - 1px);
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .header__menu {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: fixed;
    top: 72px;
    right: 0;
    left: 0;
    max-height: -webkit-calc(100vh - 72px);
    max-height: -moz-calc(100vh - 72px);
    max-height: calc(100vh - 72px);
    padding: 40px;
    overflow-y: auto;
    text-align: center;
    visibility: hidden;
    background-color: #1b2329;
    -webkit-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transform: translateY(-102vh);
    -moz-transform: translateY(-102vh);
    -o-transform: translateY(-102vh);
    transform: translateY(-102vh);
    padding: 40px 15%
  }
  .menu-open .header__menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  .header__menu > *:not(:last-child) {
    margin-bottom: 20px
  }
  .header__menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
  }
  .header__menu li {
    white-space: unset;
    width: 100%
  }
  .header__menu li a {
    font-size: 20px;
    width: 100%;
    padding: 20px
  }
}
@media (max-width:1200px) and (max-width:767.98px) {
  .burger {
    width: 40px;
    height: 40px
  }
}
@media (max-width:1190px) {
  .cover__image {
    width: 427px;
    height: 413.7px;
    right: -120px
  }
  .navigation li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9.982788296%;
    -moz-box-flex: 0;
    flex: 0 0 9.982788296%
  }
}
@media (max-width:991.98px) {
  .cover__image {
    display: none
  }
  .cover__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center
  }
  .cover__rating {
    margin: 0 auto
  }
  .navigation ul {
    overflow-x: auto
  }
  .navigation li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 105px;
    -moz-box-flex: 0;
    flex: 0 0 105px
  }
  .bonus__text {
    font-size: 20px
  }
  .bonus__image {
    margin-top: -32px;
    margin-bottom: -32px
  }
  .faq__list li > button {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-bottom: 1px solid #844D0E
  }
  .bonus-cards-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48.7903225806%;
    -moz-box-flex: 0;
    flex: 0 1 48.7903225806%
  }
  .bonus-cards-list-item__article {
    padding: 15px
  }
  .games-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31.5517241379%;
    -moz-box-flex: 0;
    flex: 0 1 31.5517241379%
  }
}
@media (max-width:767.98px) {
  body {
    font-size: 14px
  }
  .content {
    padding-left: 10px;
    padding-right: 10px
  }
  .page__content {
    padding-top: 10px;
    padding-bottom: 10px
  }
  .page__content > *:not(:last-child) {
    margin-bottom: 10px
  }
  h1, h2, h3, h4, h5, h6 .title {
    font-size: 24px
  }
  h1, .title.xxl {
    font-size: 40px
  }
  h2, .title.xl {
    font-size: 32px
  }
  h3, .title.l {
    font-size: 26px
  }
  h4, .title.m {
    font-size: 21px
  }
  .section {
    padding: 15px
  }
  .breadcrumbs {
    font-size: 14px
  }
  table tr, .table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    text-align: center
  }
  table tr:not(:last-child), .table tr:not(:last-child) {
    margin-bottom: 20px
  }
  table th, .table th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
  }
  table th > *:not(:last-child), .table th > *:not(:last-child) {
    margin-bottom: 10px
  }
  table th > div:first-of-type, .table th > div:first-of-type {
    margin: 0 auto 10px
  }
  .header__buttons {
    margin-left: auto
  }
  .header-buttons__button {
    display: none
  }
  .cover__section {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .bonus__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    text-align: center
  }
  .bonus__section > *:not(:last-child) {
    margin-bottom: 20px
  }
  .bonus__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }
  .bonus__text {
    font-size: 18px
  }
  .bonus__image {
    max-height: 142px;
    max-width: 161.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 142px;
    -moz-box-flex: 0;
    flex: 0 1 142px;
    margin: 0 auto -20px
  }
  .faq__list li > button {
    font-size: 18px
  }
  .faq__list li > div {
    padding: 10px
  }
  .bonus-cards__list > *:not(:last-child) {
    margin-bottom: 20px
  }
  .bonus-cards-list-item__article h1, .bonus-cards-list-item__article h2, .bonus-cards-list-item__article h3, .bonus-cards-list-item__article h4, .bonus-cards-list-item__article h5, .bonus-cards-list-item__article h6 {
    font-size: 20px
  }
  .games > *:not(:last-child) {
    margin-bottom: 10px
  }
  .games__list {
    margin-top: -10px
  }
  .games-list__item {
    margin-top: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 49.1379310345%;
    -moz-box-flex: 0;
    flex: 0 1 49.1379310345%
  }
  .games-list-item__wrapper {
    padding: 10px
  }
  .download__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
  }
  .download__section > *:not(:last-child) {
    margin-bottom: 10px
  }
  .download__image {
    max-width: 629px;
    max-height: 579.7px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1
  }
  .download__logo {
    max-width: 172.9px;
    max-height: 65.8px;
    margin: 0 auto
  }
  .download__link {
    max-width: 172.2px;
    max-height: 57.4px;
    margin: 5px
  }
  .footer__section > *:not(:last-child) {
    margin-bottom: 10px
  }
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    text-align: center;
    padding: 10px
  }
  .footer__top > *:not(:last-child) {
    margin-bottom: 10px
  }
  .footer__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    text-align: center
  }
  .footer__middle > *:not(:last-child) {
    margin-bottom: 10px
  }
}
@media (max-width:479.98px) {
  .button {
    width: 100%
  }
  h1, h2, h3, h4, h5, h6 .title {
    font-size: 16px
  }
  h1, .title.xxl {
    font-size: 32px
  }
  h2, .title.xl {
    font-size: 24px
  }
  h3, .title.l {
    font-size: 18px
  }
  h4, .title.m {
    font-size: 18px
  }
  table tr, .table tr {
    width: 100%
  }
  .bonus__text {
    font-size: 14px
  }
  .facts__title {
    text-align: center
  }
  article > *:not(h1, h2, h3, h4, h5, h6), .article > *:not(h1, h2, h3, h4, h5, h6) {
    text-align: justify
  }
  article h1, article h2, article h3, article h4, article h5, article h6, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    text-align: center
  }
  article .button, .article .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 16px auto 0
  }
  .bonus-cards-list-item__article h1, .bonus-cards-list-item__article h2, .bonus-cards-list-item__article h3, .bonus-cards-list-item__article h4, .bonus-cards-list-item__article h5, .bonus-cards-list-item__article h6 {
    font-size: 18px
  }
  .games-list__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    flex: 1 1 100%
  }
}
@media (min-width:479.98px) and (max-width:767.98px) {
  .bonus-cards-list__item {
    width: 70%;
    margin: 20px auto 0
  }
}
@media (any-hover:hover) {
  .button:hover {
    background: #844D0E
  }
  .button.transparent:hover {
    color: #fff;
    background: #844D0E;
    border-color: transparent
  }
  .logo:hover {
    opacity: .8
  }
  .breadcrumbs a:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  .breadcrumbs a:hover:not([href]) {
    color: inherit;
    text-decoration: inherit;
    cursor: default;
    background-color: unset
  }
  table a:hover, .table a:hover {
    text-decoration: underline
  }
  .header__menu li a:hover {
    color: #844D0E
  }
  .navigation a:hover {
    background-color: #445159;
    -webkit-box-shadow: 0px 1px 15px rgba(8, 38, 30, .5);
    -moz-box-shadow: 0px 1px 15px rgba(8, 38, 30, .5);
    box-shadow: 0px 1px 15px rgba(8, 38, 30, .5)
  }
  .download__link:hover {
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
  }
}