

@media screen and (max-width: 1440px) {

  .cover {

    padding-left: 20px;

    padding-right: 20px;

  }



  .header__language-dropdown > ul {

    right: 30px;

  }

}

@media screen and (max-width: 1300px) {

  .header {

    padding: 16px 30px;

  }



  .menu li > a {

    padding: 9px 12px;

  }



  .header__button {

    min-width: auto;

  }

}



@media screen and (max-width: 1250px) {

  .section {

    width: -webkit-calc(100% - 40px);

    width: calc(100% - 40px);

    max-width: 100%;

  }



  .menu li + li {

    margin-left: 2px;

  }



  .prime {

    padding-left: 32px;

    padding-right: 32px;

  }



  .prime__image {

    right: -32px;

  }

}



@media screen and (max-width: 1100px) {

  .cover {

    padding-left: 32px;

    padding-right: 32px;

  }



  .header__logo {

    margin-right: auto;

  }



	.header__button-menu {

		display: block;

		-webkit-box-flex: 0;

		-webkit-flex: 0 1 auto;

		-ms-flex: 0 1 auto;

		    flex: 0 1 auto;

		-webkit-box-ordinal-group: 4;

		-webkit-order: 3;

		-ms-flex-order: 3;

		    order: 3;

		min-width: 0;

		background: #E5E8ED;

		padding: 12px;

		margin: 0px 0px 0px 30px;

		-webkit-border-radius: 12px;

		        border-radius: 12px;

	}



	.header__button-menu svg {

		display: block;

		margin: 0px;

    fill: #0D1D34;

	}



	.header__button-menu svg rect {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transition: all 0.5s;

		-o-transition: all 0.5s;

		transition: all 0.5s;

	}



  .header__button-menu.active {

    background: #1A3769;

  }

	.header__button-menu.active svg{

		fill: #fff;

	}



	.header__button-menu.active svg rect:nth-child(1) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(225deg);

		-ms-transform: rotate(225deg);

		    transform: rotate(225deg);

	}



	.header__button-menu.active svg rect:nth-child(2) {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transform: scale(0,2);

		-ms-transform: scale(0,2);

		    transform: scale(0,2);

	}



	.header__button-menu.active svg rect:nth-child(3) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		    transform: rotate(135deg);

	}





  .header__button-menu.active ~ .menu {

    top: 100%;

    opacity: 1;

  }





  .menu {

    display: block;

    position: absolute;

    top: -100vh;

    left: 0;

    width: 100%;

    height: 100vh;

    max-height: -webkit-calc(100vh - 77px);

    max-height: calc(100vh - 77px);

    overflow: auto;

    text-align: center;

    background: #202a32;

    opacity: 0;

    padding: 20px 32px 90px 32px;

    margin: 0 !important;

    z-index: -1;

    -webkit-transition: all 0.75s;

    -o-transition: all 0.75s;

    transition: all 0.75s;

  }



  .menu ul {

    display: block;

    max-width: 320px;

  }



  .menu ul:last-child {

    display: block;

  }



  .menu > * {

    margin: 24px auto 0 auto !important;

  }



  .header__button-app {

    max-width: 320px;

  }



  .menu ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin: 16px 0;

    background-color: transparent;

  }



  .menu li > a {

    padding: 12px;

    width: 100%;

    border: 1px solid #647385;

    -webkit-border-radius: 6px;

            border-radius: 6px;

  }



  .menu li {

    width: 100%;

  }



  .menu li + li {

    margin: 10px 0 0 0;

  }



  .footer__payment {

    margin-top: 0;

  }



  .app-banner {

    padding: 0px 24px;

  }

}



@media screen and (max-width: 1024px) {

  .bonus__list li {

    width: -webkit-calc(50% - 20px);

    width: calc(50% - 20px);

  }

  .prime__image {

    width: 45%;

  }



  .upto {

    padding: 50px 20px;

  }

}



@media screen and (max-width: 850px) {

  h1,

  .title.general {

    font-size: 36px;

  }

  h2,

  h3,

  h4 {

    font-size: 32px;

  }

  .prime__wrap {

    max-width: 500px;

    padding: 35px 0;

  }

  .home-page .prime__wrap {

    padding: 35px 0;

  }

}



@media screen and (max-width: 768px) {

  .section {

    width: -webkit-calc(100% - 20px);

    width: calc(100% - 20px);

  }



  .header__button {

    margin: 0 0 0 16px;

  }



  .header__button + .header__button {

    margin-left: 16px;

  }

  .welcome-item__desc {

    margin: 16px auto;

    width: -webkit-calc(100% - 16px * 2);

    width: calc(100% - 16px * 2);

  }



  .welcome-item__title {

    font-size: 20px !important;

  }



  .footer__payment {

    padding: 16px 0;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .footer__payment li {

    margin: 8px;

  }



  .footer__payment img {

    max-height: 20px;

  }



  .app-banner {

    padding: 24px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .app-banner__logo {

    margin: 16px 0;

    -webkit-box-ordinal-group: 1;

    -webkit-order: 0;

    -ms-flex-order: 0;

    order: 0;

  }



  .app-banner__stores {

    margin: 16px 0;

		padding: 0rem;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

  }



  .app-banner__stores a {

    margin: 8px;

  }



  .app-banner__image {

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

    -ms-flex-order: 2;

    order: 2;

  }



  .about__table td:first-child {

    width: 200px;

  }

  .about__table td:last-child {

    width: -webkit-calc(100% - 200px);

    width: calc(100% - 200px);

  }

}



@media screen and (max-width: 605px) {

  .header {

    padding: 16px;

  }



  .header .header__button-desk {

    display: none;

  }



  .menu .header__button-mob {

    display: inline-block;

    width: 100%;

    max-width: 320px;

    margin: 24px 4px 0 !important;

  }



  .section {

    padding: 20px 16px;

  }

  h1,

  .title.general {

    font-size: 9vw;

    line-height: 10vw;

    text-align: center;

  }

  h2,

  h3,

  h4,

  .title {

    font-size: 7vw;

    line-height: 8vw;

    text-align: center;

  }



	.prime {

		padding: 0;

	}



  .home-page .prime__wrap {

    padding: 35px 20px;

  }

  .prime__wrap {

    max-width: 100%;

    padding: 35px 20px;

  }



  .prime__image {

    width: 100%;

    max-width: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0.5;

    height: 100%;

  }



  .mobile-page .prime__image {

    opacity: 0.8;

  }



  .btn-box {

    text-align: center;

  }

  .article .btn-box, article .btn-box {

    text-align: center;

  }

  .prime__rating {

    text-align: center;

  }



  .prime__rating-inner {

    margin-left: auto;

    margin-right: auto;

  }



  .upto {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: unset;

  }



  .upto__wrap,

  .upto__wrap > * {

    text-align: center;

  }



  .upto__text {

    font-size: 18px;

  }



  .faq__item {

    -webkit-border-radius: 16px;

            border-radius: 16px;

  }



  .faq-item__title {

    padding: 10px 40px 10px 16px;

    font-size: 16px;

    text-align: left;

  }



  .faq-item__title::after {

    right: 10px;

    top: 11px;

  }



  .faq-item__desc {

    padding: 10px 16px;

  }

  .footer {

    padding: 20px 16px;

  }



  .bonus__list li {

    margin: 0;

    width: 100%;

  }



  .bonus__list li + li {

    margin-top: 20px;

  }

  .bonus__marker {

    right: -17px;

    top: 15px;

  }

  .bonus__button {

    width: 100%;

    display: block;

    margin: 0;

  }

  .bonus__button + .bonus__button {

    margin-top: 12px;

  }

  .about__table tr {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .about__table td{

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .about__table td:first-child {

    width: 100%;

  }

  .about__table td:last-child {

    width: 100%;

    padding-top: 0;

  }

  .about__table img {

    margin: 0 auto 8px auto;

  }



}



@media screen and (max-width: 550px) {



  .prime__button {

    min-width: 85%;

  }



  .header-menu-sub__list li {

    margin: 6px 0;

  }



  .header-menu-sub__list li + li {

    margin-left: 12px;

  }



  .footer__additional img {

    max-height: 30px;

  }

}



@media screen and (max-width: 425px) {



  .header__button-menu {

    margin-left: 15px;

  }



  .prime__rating-numbers {

    font-size: 20px;

  }





  .footer__payment li {

    margin: 4px 6px;

  }



  .footer__payment img {

    max-height: 16px;

  }

}
