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

	.nice-select {

		margin-right: 10px;

		max-width: 154px;

	}



	.about__desc-title {

		width: 26%;

	}



	.about__desc-title-img {

		margin-right: 5px;

	}



	.about__desc-text {

		max-width: 74%;

	}

}



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

	.header__menu {

		position: fixed;

		z-index: 10;

		top: 0;

		left: 0;

		right: 0;

		height: 100vh;

		background-color: #ebc823;

		padding: 90px 0 50px;

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

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

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

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

		transform: translateY(-100%);

		-webkit-transition: all .5s ease-in-out;

		-moz-transition: all .5s ease-in-out;

		-ms-transition: all .5s ease-in-out;

		-o-transition: all .5s ease-in-out;

		transition: all .5s ease-in-out;

	}



	.header__menu .flex {

		display: block;

	}



	.header__menu li {

		display: block;

		text-align: center;

		margin-bottom: 20px;

	}



	.header__menu li+li {

		margin-left: 0;

	}



	.header__menu-button {

		display: block;

		position: relative;

		z-index: 15;

		width: 30px;

		height: 30px;

		border: 3px solid #1e1e1e;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		border-radius: 5px;

	}



	.header__menu-button:before,

	.header__menu-button:after {

		content: '';

		position: absolute;

		left: 0;

		right: 0;

		margin: auto;

		width: 15px;

		height: 2px;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

		background-color: #1e1e1e;

	}



	.header__menu-button:before {

		top: 7px;

	}



	.header__menu-button:after {

		bottom: 7px;

	}



	.header__menu-button.is-active+.header__menu {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

		transform: translateY(0);

	}



	.header__menu-button.is-active:before {

		-webkit-transform: rotate(135deg);

		-moz-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		-o-transform: rotate(135deg);

		transform: rotate(135deg);

		top: 11px;

	}



	.header__menu-button.is-active:after {

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

		-moz-transform: rotate(-135deg);

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

		-o-transform: rotate(-135deg);

		transform: rotate(-135deg);

		bottom: 11px;

	}



	.header {

		padding: 15px 0;

	}



	.header .flex {

		-webkit-box-pack: justify;

		-ms-flex-pack: justify;

		justify-content: space-between;

	}



	.header__text {

		margin: 0;

	}



	.main {

		padding-top: 60px;

	}



	h1 {

		font-size: 38px;

	}



	h2 {

		font-size: 35px;

	}



	h3 {

		font-size: 25px;

	}



	h4 {

		font-size: 20px;

	}



	h2,

	h3,

	h4 {

		margin-bottom: 15px;

		letter-spacing: normal;

	}



	*+h2,

	*+h3,

	*+h4 {

		margin-top: 15px;

	}



	.front__desc {

		width: 50%;

		margin-left: 15px;

	}



	.front__text {

		padding: 30px 0;

	}



	.general-title {

		letter-spacing: normal;

	}



	.card {

		width: -webkit-calc(25% - 7.5px);

		width: -moz-calc(25% - 7.5px);

		width: calc(25% - 7.5px);

	}



	.card+.card {

		margin-left: 10px;

	}



	.card:nth-child(4n+1) {

		margin-left: 0;

	}



	.bonuses__card .card__top {

		padding-left: 5px;

		padding-right: 5px;

	}



	.footer__payment {

		margin-top: 40px;

	}



	.bonuses__sort-form {

		text-align: center;

		display: block;

	}



	.bonuses__form-title {

		display: block;

		margin-bottom: 10px;

	}



	.bonuses__form-title:nth-child(n+2) {

		margin-right: 0;

		margin-top: 15px;

	}



	.nice-select {

		max-width: none;

		width: 40%;

		margin-bottom: 15px;

	}



	.bonuses__form-reset {

		display: block;

		margin: auto;

	}



	.about__desc {

		width: 67%;

		margin-left: 15px;

	}

}



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

	h1 {

		font-size: 38px;

	}



	p+p {

		margin-top: 15px;

	}



	ul,

	ol {

		margin: 15px 0;

	}



	.bonuses-preview__content {

		margin-top: 30px;

	}



	.card {

		width: -webkit-calc(50% - 5px);

		width: -moz-calc(50% - 5px);

		width: calc(50% - 5px);

		max-width: 285px;

	}



	.card:nth-child(2n+1) {

		margin-left: 0;

	}



	.card:nth-child(n+3) {

		margin-top: 15px;

	}



	.location__content,

	.faq__content {

		margin: 30px 0;

	}



	.faq__title {

		margin-bottom: 30px;

	}



	.footer {

		padding: 25px 0;

	}



	.footer__payment {

		margin-bottom: 0;

	}



	.bonuses__content {

		margin: 30px 0;

	}



	.bonuses__form-title,

	.bonuses__form-title:nth-child(n+2) {

		margin: 0;

	}



	.bonuses__sort-form label {

		display: inline-block;

		margin-top: 15px;

		margin-bottom: 15px;

	}



	.nice-select {

		margin-top: 15px;

		margin-bottom: 20px;

	}



	.about__content {

		display: block;

		margin-bottom: 30px;

	}



	.about__img {

		width: 100%;

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.about__desc {

		width: 100%;

		margin: 20px 0 0;

		padding: 0;

	}



	.bonuses-item__content {

		margin-top: 30px;

		margin-bottom: 40px;

	}



	.descript__content table {

		border-spacing: 10px 0;

	}



	.descript__content .top-bonus {

		flex-direction: column;

	}



	.descript__content .top-bonus .top-bonus__title {

		font-size: 22px;

	}



	.subblock__content {

		flex-direction: column;

	}



	.subblock__content .wrap:last-child {

		max-width: 100%;

		margin-top: 10px;

	}

}



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



	.front__content {

		display: block;

	}



	.front__img {

		display: none;

	}



	.front__desc {

		width: 100%;

		text-align: center;

		margin: 0;

	}



	h1 {

		font-size: 36px;

	}



	h2 {

		font-size: 32px;

	}



	h3 {

		font-size: 27px;

	}



	h4 {

		font-size: 24px;

	}



	.nice-select {

		width: 47%;

	}



	.about__desc-title {

		width: 30%;

	}



	.about__desc-text {

		max-width: 70%;

	}



	.descript__content table td {

		padding-left: 10px;

		padding-right: 10px;

	}



	.slots__card-text {

		flex-direction: column;

	}



	.slots__card-text .wrap {

		width: 100%;

	}



	.slots__content .slots__card {

		flex-direction: column;

		padding: 15px;

	}



	.slots__content .slots__card .slots__card-about {

		padding: 5px;

		width: 90%;

	}



	.slots__content .slots__card .slots__card-text {

		margin-bottom: 20px;

	}



}



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

	body {

		font-size: 14px;

	}



	.content {

		padding-left: 15px;

		padding-right: 15px;

	}



	.header__text {

		display: none;

	}



	h1 {

		font-size: 30px;

	}



	h2 {

		font-size: 26px;

	}



	h3 {

		font-size: 23px;

	}



	h4 {

		font-size: 20px;

	}



	li {

		padding-left: 20px;

	}



	.cards-box {

		display: block;

	}



	.card {

		width: 100%;

		margin-left: auto;

		margin-right: auto;

	}



	.card+.card {

		margin-left: auto;

		margin-top: 15px;

	}



	.card:nth-child(2n+1) {

		margin-left: auto;

	}



	.button-box {

		margin-top: 15px;

	}



	.bonuses-preview,

	.location__cards {

		margin-top: 15px;

	}



	.descript__banner {

		margin: 15px 0;

	}



	.faq__title {

		margin-bottom: 20px;

	}



	.faq__box+.faq__box {

		margin-top: 20px;

	}



	.faq__box-text {

		margin-bottom: 0;

	}



	.faq__box-question {

		font-size: 16px;

	}



	.footer__menu ul {

		display: block;

	}



	.footer__menu li {

		width: 100%;

	}



	.footer__menu li+li {

		margin: 15px 0 0;

	}



	.nice-select {

		max-width: 200px;

		width: 100%;

	}

}



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

	.content {

		padding-left: 10px;

		padding-right: 10px;

	}



	h1 {

		font-size: 28px;

	}



	h2,

	h3,

	h4 {

		margin-bottom: 10px;

	}



	*+h2,

	*+h3,

	*+h4 {

		margin-top: 10px;

	}



	.faq__box {

		padding-left: 25px;

	}



	.faq__box-question {

		font-size: 14px;

	}



	.faq__box-question:before {

		width: 20px;

		height: 20px;

		top: 0;

		left: -25px;

	}



	.footer__payment {

		margin-top: 20px;

	}



	.footer__payment img {

		margin-bottom: 20px;

	}



	.about__img-text {

		margin: 15px 0;

	}



	.about__desc {

		display: block;

	}



	.about__desc-title {

		width: 40%;

	}



	.about__desc-text {

		width: 60%;

	}



	.breadcrumbs__item {

		font-size: 13px;

	}



	.breadcrumbs__separate {

		margin: 0 3px;

	}



	.footer__menu {

		margin-bottom: 25px;

	}



	.descript__content table {

		border-spacing: 4px 0;

	}



	.descript__content table tr:first-child td {

		font-size: 18px;

		padding-left: 10px;

		padding-right: 10px;

	}



	.descript__content table td {

		padding-left: 7px;

		padding-right: 7px;

		font-size: 13px;

	}

}