@media (min-width: 0px) {
	.gift__img-dev {
		display: none;
	}

	.gifts {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #1F262D;
	}

	.info-h2 {
		font-size: 18px;
		line-height: 120%;
		color: #BC625C;
	}

	.gifts__about h2 {
		margin-top: 10px;
		font-size: 24px;
		line-height: 120%;
		text-transform: uppercase;
		color: #F3F4F6;
	}

	.description-h2 {
		font-size: 14px;
		line-height: 150%;
		margin-top: 15px;
		font-family: Gotham Pro;
		color: #F3F4F6;
	}

	.gift__waits-point {
		margin-left: 20px;

	}

	.gift__waits {
		padding: 10px 15px;
		background: #FFCFD1;
		border-radius: 20px 40px 0px;
		margin-top: 10px;
	}

	.gift__img {
		margin-top: 20px;
	}

	.gift__img-dev,
	.gift__img-mob {
		width: 100%;
	}

	.gift__waits-list {
		color: #1D1D1B;
		font-size: 14px;
		line-height: 150%;
	}

	.gift__waits-point:first-of-type {
		margin-top: 10px;
	}

	.bonus__img-dev {
		display: none;
	}

	.online,
	.raisa {
		margin-top: 25px;
	}

	.bonus__img {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.gifts__btn {
		margin-top: 25px;
		display: flex;
		justify-content: center;
	}

	.popup-btn {
		color: #1D1D1B;
		background: #FFCFD1;
		border-radius: 56px;
		width: 342px;
		height: 48px;
		font-size: 18px;
		line-height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	h3 {

		font-size: 20px;
		line-height: 120%;
		margin-top: 10px;
		text-transform: uppercase;
		color: #F3F4F6;
	}


}

@media (min-width: 640px) {
	.gift__img-dev {
		display: block;
	}

	.gift__img-mob {
		display: none;
	}

	.bonus__img-dev {
		display: block;
	}

	.bonus__img-mob {
		display: none;
	}
}

@media (min-width: 958px) {
	.gift {
		display: flex;
		gap: 80px;
	}

	.gift__info {
		flex: 1 50%;
		align-self: end;
	}

	.gift__img {
		flex: 2 50%;
	}

	.gift__waits-list {
		font-size: 20px;
	}

	.gift__waits {
		padding: 15px 30px 20px 30px;
	}

	.bonus {
		display: flex;
	}

	.online,
	.raisa {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}

	.bonus__info .info-h2 {
		margin-top: 50px;
	}
}

@media (min-width: 1244px) {
	.bonus {
		gap: 224px;
	}

	.info-h2 {
		font-size: 20px;
	}

	.gifts__about h2 {

		font-size: 36px;
	}

	.description-h2 {
		font-size: 20px;
	}

	.gift__waits {
		margin-top: 20px;
	}


	.gifts__about {
		margin-top: 80px;
		display: block;
	}

	.bonus__img {
		position: relative;

		background: #FAD1CE;
		border-radius: 0px 64px;

		width: 500px;
		height: 384px;
	}

	.bonus__img-dev {
		position: absolute;
		bottom: 0;
	}

	.bonus__img-dev:first-of-type {
		left: 37px;
	}

	.online,
	.raisa {
		margin-top: 70px;
	}

	h3 {

		font-size: 36px;
	}

	.popup-btn {

		width: 599px;
		height: 56px;
	}

	.gifts__btn {
		margin-top: 80px;
	}

	.gifts {
		padding-top: 128px;
		padding-bottom: 128px;
	}
}