/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1399.98px) {
	.s-example-img {
		left: -400px;
		right: -300px;
		top: 0;
	}

	.s-example-block__left {
		padding-left: 40px;
		padding-right: 70px;
	}

	.section-coupons {
		padding-top: 140px;
		padding-bottom: 140px;
	}
	.coupon-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.coupon-item__title{
		font-size: 36px;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1199.98px) {

	.topline-block {
		padding-top: 60px;
	}

	.logo-img {
		max-width: 120px;
	}

	.section-mp-one {
		padding-top: 220px;
		padding-bottom: 240px;
	}

	.green-btn {
		padding-left: 28px;
		padding-right: 28px;
		font-size: 24px;
		font-weight: 400;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	h1,
	.h1 {
		font-size: 36px;
	}

	h2,
	.h2 {
		font-size: 36px;
	}

	.s-app-item__img-block {
		width: 100px;
		height: 100px;
	}

	.s-app-img {
		margin-left: -340px;
		margin-right: -200px;
		margin-top: 0;
	}

	.section-emerald {
		margin-top: 0;
	}

	.s-app-item__img {
		width: 60px;
		height: 60px;
	}
	.s-app-item__img-block::before{
		width: 80px;
		height: 80px;
	}

	.s-app-item__content {
		width: calc(100% - 80px);
		padding-left: 40px;
	}

	.s-app-item__text {
		font-size: 24px;
	}

	.s-app-items-block {
		max-width: 520px;
	}

	.formula__text {
		font-size: 30px;
	}

	.formula__emerald {
		max-width: 80px;
	}

	.formula__money {
		max-width: 230px;
	}

	.formula-block {
		margin-top: 40px;
	}

	.formula-info {
		font-size: 30px;
	}

	.section-discount {
		padding-top: 100px;
	}

	.topline__right {
		padding-top: 10px;
	}

	.discount-item__content {
		max-width: 400px;
	}

	.discount-item__text {
		font-size: 16px;
	}

	.discount-item__img-block {
		left: 540px;
	}

	.discount-item--1 .discount-item__img {
		max-width: 360px;
	}

	.discount-item--2 .discount-item__img {
		max-width: 220px;
	}

	.discount-item--3 .discount-item__img {
		max-width: 220px;
	}

	.discount-item--3 .discount-item__img-block {
		left: 700px;
	}

	.discount-item--4 .discount-item__img {
		max-width: 220px;
	}

	.discount-item__title {
		font-size: 24px;
		max-width: 300px;
	}

	.discount-item__count {
		font-size: 24px;
		width: 60px;
		height: 60px;
	}

	.discount-item--5 .discount-item__img {
		max-width: 240px;
	}

	.s-example-block__left {
		padding-left: 0;
	}

	.example-content-block {
		padding: 30px;
	}

	.example-content ul {
		font-size: 24px;
	}

	.s-example-img {
		left: -300px;
		right: -200px;
	}

	.coupon-item {
		padding: 20px;
	}

	.coupon-item__title {
		font-size: 30px;
		max-width: 240px;
	}

	.coupon-item--apps .coupon-item__title {
		max-width: 260px;
	}

	.coupon-item__descr {
		font-size: 24px;
		min-height: 120px;
	}

	.coupon-item__note {
		font-size: 18px;
	}

	.section-coupons {
		padding-bottom: 60px;
	}

	.section-partners {
		padding-top: 140px;
		padding-bottom: 100px;
	}

	.partner-items {
		margin-left: -10px;
		margin-right: -10px;
	}

	.partner-item-wrapper {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.partner-rules {
		font-size: 24px;
		margin-top: 60px;
	}

	.coupon-item__descr {
		max-width: 240px;
	}

	.coupon-item-app-buttons-block::before {
		width: 54px;
		height: 131px;
		mask-size: 54px 131px;
		-webkit-mask-size: 54px 131px;
		margin-bottom: 0;
		right: 30px;
	}
}

/* md <= Large (lg) */
@media (max-width : 991.98px) {
	.topmenu {
		font-size: 14px;
		padding-left: 20px;
	}

	.logo-img {
		max-width: 100px;
	}

	.mp-one-title {
		font-size: 26px;
	}

	.mp-one-discount {
		font-size: 28px;
		margin-top: 15px;
		text-transform: none;
	}

	.mp-one-app-block {
		margin-top: 24px;
	}

	.mp-one-loyalty {
		margin-top: 20px;
		font-size: 14px;
	}

	.mp-one-app-title {
		font-size: 18px;
	}

	.mp-one-block {
		max-width: 400px;
	}

	h1,
	.h1 {
		font-size: 28px;
	}

	h2,
	.h2 {
		font-size: 28px;
	}

	.s-app-items-block {
		margin-right: auto;
		margin-left: auto;
	}

	.s-app-img-mobile {
		display: block;
	}

	.s-app-img {
		display: none;
	}

	.s-app-img-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -80px;
	}

	.discount-item__img-block {
		left: 500px;
	}

	.discount-item--1 .discount-item__img {
		max-width: 160px;
	}

	.discount-item--2 .discount-item__img {
		max-width: 160px;
	}

	.discount-item--3 .discount-item__img {
		max-width: 160px;
	}

	.discount-item--4 .discount-item__img {
		max-width: 160px;
	}

	.discount-item--5 .discount-item__img {
		max-width: 180px;
	}

	.discount-item--3 .discount-item__img-block {
		left: 500px;
	}

	.discount-item--5 .discount-item__img-block {
		top: -35px;
		left: 480px;
	}

	.discount-item--4 .discount-item__img-block {
		top: 0;
	}

	.discount-item--1 .discount-item__img-block {
		top: 0;
	}

	.discount-item--2 .discount-item__img-block {
		top: 0;
	}

	.discount-item--3 .discount-item__img-block {
		top: 0;
	}

	.s-example-img {
		display: none;
	}


	.s-example-img-mobile {
		display: block;
	}
	.s-example-block__left{
		padding-right: 0;
	}
	.example-content-block{
		padding: 40px;
		padding-right: 40px;
		padding-left: 24px;
		padding-bottom: 250px;
	}
	.s-example-img-block{
		display: flex;
		justify-content: center;
		margin-left: -35px;
		margin-right: -35px;
	}
	.s-example-img-mobile{
		width: 350px;
		margin-right: auto;
		margin-left: auto;
		margin-top: -300px;
	}
	.section-example{
		padding-bottom: 0;
	}
	.section-coupons{
		padding-top: 80px;
	}
	.coupon-item-app-btn-wrapper{
		margin-top: 20px;
	}
	.coupon-item__img{
		max-width: 320px;
		margin-right: auto;
		margin-left: auto;
	}
	.coupon-item__title{
		max-width: 100%;
	}
	.coupon-item__descr{
		max-width: 100%;
		min-height: 0;
	}
	.coupon-item{
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 40px;
		padding-bottom: 48px;
	}
	.partner-rules{
		font-size: 20px;
	}
	.coupon-item-app-buttons-block::before{
		width: 65px;
		height: 70px;
		mask-size: 65px 70px;
		-webkit-mask-size: 65px 70px;
		mask-image: url('../images/theme/coupon-item-app-buttons-arrow-mobile.png');
		-webkit-mask-image: url('../images/theme/coupon-item-app-buttons-arrow-mobile.png');
		margin-bottom: -20px;
		right: auto;
		left: 240px;
	}
	.coupon-item-app-buttons-block{
		margin-top: 32px;
	}
	.s-coupons-content-emerald {
		display: none;
	}
	.s-coupons-content-emerald-mobile {
		display: block;
	}
	.coupon-items-block{
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* sm <= Medium (md) */
@media (max-width : 767.98px) {

	h1,
	.h1 {
		font-size: 18px;
	}

	h2,
	.h2 {
		font-size: 18px;
	}

	.green-btn {
		padding-left: 18px;
		padding-right: 18px;
		font-size: 14px;
		font-weight: 400;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.topline__right {
		display: none;
	}

	.section-mp-one {
		padding-top: 120px;
		padding-bottom: 130px;
	}

	.logo-img {
		max-width: 40px;
	}

	.mp-one-title {
		font-size: 16px;
	}

	.mp-one-discount {
		font-size: 18px;
		margin-top: 15px;
	}

	.mp-one-app-block {
		margin-top: 24px;
	}

	.mp-one-loyalty {
		margin-top: 20px;
		font-size: 10px;
	}

	.mp-one-app-title {
		font-size: 14px;
	}

	.mp-one-block {
		max-width: 250px;
	}

	.s-app-item__img-block{
		width: 50px;
		height: 50px;
	}
	.s-app-item__img-block::before{
		width: 40px;
		height: 40px;
	}
	.s-app-item__img{
		width: 34px;
		height: 34px;
	}
	.s-app-item__content{
		width: calc(100% - 50px);
		padding-left: 20px;
	}
	.s-app-item__text{
		font-size: 16px;
	}
	.s-app-item{
		margin-top: 18px;
	}
	.formula__emerald{
		max-width: 38px;
	}
	.formula__text{
		font-size: 16px;
		font-weight: 400;
	}
	.formula__left{
		padding-right: 10px;
	}
	.formula__right{
		padding-left: 10px;
	}
	.formula__money{
		width: 100px;
	}
	.formula-info{
		font-size: 16px;
	}
	.formula-info .text--purple{
		margin-top: 5px;
	}
	.formula-info{
		margin-top: 24px;
	}
	.section-discount{
		padding-top: 80px;
	}
	.discount-item{
		flex-wrap: wrap;
	}
	.discount-item__count{
		width: 30px;
		height: 30px;
		font-size: 16px;
	}
	.discount-item__content{
		max-width: none;
		width: calc(100% - 30px);
		padding-left: 10px;
	}
	.discount-item__title{
		font-size: 14px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.discount-item__img-block{
		position: relative;
		width: 100%;
		left: auto;
		right: auto;
		top: auto;
		padding-top: 20px;
	}
	.discount-item__img{
		max-width: 150px;
		margin-right: auto;
		margin-left: auto;
	}
	.discount-item__text{
		font-size: 14px;
		margin-top: 4px;
	}
	.discount-item{
		margin-top: 20px;
	}
	.discount-item--3 .discount-item__img-block{
		left: auto;
	}
	.discount-item--5 .discount-item__img-block{
		left: auto;
		top: auto;
	}
	.discount-item--5 .discount-item__img{
		max-width: 270px;
	}
	.section-discount{
		padding-bottom: 0;
	}
	.section-example{
		padding-top: 80px;
	}
	.s-example-block{
		margin-top: 20px;
	}
	.example-content ul li::before{
		width: 20px;
		height: 5px;
		top: 5px;
	}
	.example-content ul{
		font-size: 14px;
	}
	.example-content ul li{
		padding-left: 25px;
	}
	.coupon-item__title{
		font-size: 16px;
	}
	.coupon-item__descr{
		font-size: 14px;
		margin-top: 10px;
	}
	.coupon-item__note{
		font-size: 14px;
	}
	.coupon-item-app-buttons-block::before{
		left: 130px;
		margin-bottom: -24px;
	}
	.section-coupons{
		padding-bottom: 105px;
	}
	.section-partners{
		padding-top: 35px;
		padding-bottom: 30px;
		background-image: url('../images/theme/section-partners-bg-mobile.png');
	}
	.section-partners h2{
		max-width: 140px;
	}
	h2,.h2{
		text-transform: none;
	}
	.partner-item{
		width: 60px;
		height: 60px;
		border-radius: 10px;
	}
	.partner-item-wrapper{
		margin-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.partner-items-block{
		margin-top: 10px;
		max-width: 400px;
		margin-right: auto;
		margin-left: auto;
	}
	.partner-items{
		margin-left: -5px;
		margin-right: -5px;
		justify-content: center;
	}
	.partner-rules{
		font-size: 10px;
		margin-top: 40px;

	}
	.formula-block{
		margin-top: 24px;
	}
	.formula-info{
		margin-top: 10px;
	}
	.discount-items-block{
		margin-top: 20px;
	}
	.coupon-items-block{
		margin-top: 10px;
	}
}

/* xs <= Small (sm) */
@media (max-width : 575.98px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-mp-one {
		background-image: url('../images/theme/mp-one-bg-mobile.png');
		background-size: 135% auto;
	}
	.s-app-img-mobile{
		margin-top: -40px;
	}
	.formula{
		margin-right: -20px;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {}

/* Extra large (xl) */
@media (min-width : 1200px) {}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {}