@media screen and (max-width: 767.98px){
    .logo{
        margin-right: auto;
    }
    header{
        padding: 10px 0;
    }
    .menu{
        display: none;
    }
    .header__phone{
        display:none;
    }
    .header__btn{
        display:none;
    }
    .main__title{
        font-size: 36px;
        line-height: 53px;
    }
    .main__block{
        padding-top: 100px;
        padding-bottom: 100px;
				background-image: none;
    }
    .main__text{
        font-size: 16px;
        line-height: 26px;
    }
    .main__btns{
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }
    .main__wallet {
        margin-left: 0px;
    }
    .view__block{
        margin-top: 60px;
    }
    .view__title{
        font-size: 36px;
        line-height: 53px;
    }
    .view__cols{
        flex-wrap: wrap;
    }
    .view__col{
        width: 100%;
    }
    .view__col img{
        max-width: 320px;
    }
    .view__col:nth-child(2){
        align-items: center;
        justify-content: center;
    }
    .view__cols{
        margin-top: 40px;
    }
    .view__item:nth-child(1) {
        margin-top: 0;
    }
    .view__item:nth-child(3) {
        margin-top: 0;
    }
    .view__item-text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .card__block{
        padding: 60px 0;
    }
    .card__left{
        width: 100%;
    }
    .card__item{
        width: 100%;
        padding-left: 80px;
    }
    .card__items{
        width: 100%;
    }
    .card__block .container{
        flex-direction: column;
    }
    .card__title{
        font-size: 36px;
        line-height: 53px;
    }
    .card__item-icon{
        height: 64px;
        width: 64px;
    }
    .card__item-icon svg{
        height: 64px;
        width: 64px;
    }
    .card__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .indicators__block{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .indicators__title{
        font-size: 36px;
        line-height: 53px;
    }
    .indicators{
        flex-wrap: wrap;
    }
    .indicator{
        width: 100%;
    }
    .loyalty__block{
        margin-bottom: 0;
    }
    .loyalty__title{
        margin-top: 20px;
        padding-left: 0;
        font-size: 36px;
        line-height: 53px;
    }
    .loyalty__subtitle{ 
        padding-left: 0;
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__items{
        padding-left: 0;
    }
    .loyalty__item{
        padding-top: 0;
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .loyalty__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__block:before {
        display: block;
        width: 100%;
        padding-top: 66%;
        height: auto;
        position: static;
        left: auto;
        transform: none;
    }
    .loyalty__block{
        margin-bottom: 0;
    }
    .analytics__block{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .analytics__title{
        margin-top: 20px;
        padding-right: 0;
        font-size: 36px;
        line-height: 53px;
    }
    .analytics__subtitle{ 
        padding-right: 0;
        font-size: 16px;
        line-height: 26px;
    }
    .analytics__items{
        padding-right: 0;
    }
    .analytics__item{
        padding-top: 0;
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .analytics__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .analytics__block:before {
        display: block;
        width: 100%;
        padding-top: 66%;
        height: auto;
        position: static;
        left: auto;
        transform: none;
    }
    .app__block{
        margin-top: 60px;
        margin-bottom: 0px;
    }
    .app__title{
        font-size: 36px;
        line-height: 53px;
        padding-left: 0;
    }
    .app__text{
        font-size: 16px;
        line-height: 26px;
        padding-left: 0;
    }
    .app__btns{
        flex-wrap: wrap;
        padding-left: 0;
        gap: 20px;
    }
    .app__block:after {
        content: '';
        position: absolute;
        top: -70px;
        left: calc(50% - 15px);
        background-image: url(../img/app.png);
        background-repeat: no-repeat;
        background-size: auto 352px;
        background-position: 50% 0;
        width: 100%;
        height: auto;
        padding-top: 110%;
        transform: translateX(-50%);
        max-height: 352px;
    }
    .app__block .container{
        padding-top: 300px;
    }
    .capability__block{
        padding-top: 60px;
        margin: 0; 
    }
    .capability__block:after{
        display: none;
    }
    .capability__title{
        font-size: 36px;
        line-height: 53px;
    }
    .possibility__wrap{
        flex-wrap: wrap;
    }
    .possibility{
        width: 100%;
    }
    .possibility__num{
        width: 64px;
        height: 64px;
        background-size: 100%;
    }
    .possibility__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide{
        width: 100%;
        padding: 10px;
        padding-bottom: 60px;
    }
    .slide__more{
        left: 10px;
        bottom: 10px;
    }
    .slide__title{
        font-size: 36px;
        line-height: 53px;
    }
    .slide__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide__more{
        opacity: 1;
    }
    .tariffs__title{
        font-size: 36px;
        line-height: 53px;
    }
    .tariffs{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .tariff{
        margin-top: 0;
        width: 100%;
        padding: 20px;
    }
    .tariff__name{
        font-size: 36px;
        line-height: 53px;
    }
    .tariff__btn{
        max-width: 100%;
        padding-left: 0; 
        padding-right: 0; 
    }
    .tariff:nth-child(2){
        width: 100%;
        padding: 20px;
    }
    .footer__logo{
        margin-right: 0;
    }
    .footer .container{
        flex-direction: column;
        gap: 20px;
    }
    .footer2 .container{
        flex-direction: column;
        gap: 20px;
    }
    .indicator__num{
        text-align: center;
    }
    .indicator__text{
        text-align: center;
    }
	.m_modal_body{
		border: 10px solid #ff2462;
		margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 10px;
	}
	.m_modal_close{
		top: 15px;
    right: 15px;
	}
	.m_modal .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
	}
	.m_modal .info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
	}
	.m_modal_form{
		width: 90%;
	}
	.m_modal_form input[type="text"]{
		padding: 1px 7px;
		font-size: 15px;
		border-bottom: 1px solid #A8A8A8;
	}
	.form input[type="text"] + input[type="text"]{
		margin-top: 30px;
	}
	.m_modal_form ._btn{
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width:991.98px){

    .menu{
        display: none;
    }
    .header__phone{
        margin-left: auto;
    }
    .main__title{
        font-size: 36px;
        line-height: 53px;
    }
    .main__block{
        padding-top: 200px;
        padding-bottom: 100px;
    }
    .main__text{
        font-size: 16px;
        line-height: 26px;
    }
    .main__btns{
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }
    .main__wallet {
        margin-left: 0px;
    }
    .view__block{
        margin-top: 60px;
    }
    .view__title{
        font-size: 36px;
        line-height: 53px;
    }
    .view__cols{
        flex-wrap: wrap;
    }
    .view__col{
        width: 100%;
    }
    .view__col img{
        max-width: 320px;
    }
    .view__col:nth-child(2){
        align-items: center;
        justify-content: center;
    }
    .view__cols{
        margin-top: 40px;
    }
    .view__item:nth-child(1) {
        margin-top: 0;
    }
    .view__item:nth-child(3) {
        margin-top: 0;
    }
    .view__item-text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .card__block{
        padding: 60px 0;
    }
    .card__left{
        width: 100%;
        justify-content: center;
    }
    .card__item{
        width: calc(50% - 30px);
        padding-left: 80px;
    }
    .card__items{
        width: 100%;
    }
    .card__block .container{
        flex-direction: column;
    }
    .card__title{
        text-align: center;
        font-size: 36px;
        line-height: 53px;
    }
    .card__item-icon{
        height: 64px;
        width: 64px;
    }
    .card__item-icon svg{
        height: 64px;
        width: 64px;
    }
    .card__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .indicators__block{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .indicators__title{
        font-size: 36px;
        line-height: 53px;
    }
    .indicators{
        flex-wrap: wrap;
    }
    .indicator{
        width: calc(50% - 30px);
    }
    .loyalty__block{
        margin-bottom: 0;
    }
    .loyalty__title{
        margin-top: 20px;
        padding-left: 0;
        font-size: 36px;
        line-height: 53px;
    }
    .loyalty__subtitle{ 
        padding-left: 0;
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__items{
        padding-left: 0;
    }
    .loyalty__item{
        padding-top: 0;
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .loyalty__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__block:before {
        display: block;
        width: 100%;
        padding-top: 66%;
        height: auto;
        position: static;
        left: auto;
        transform: none;
    }
    .loyalty__block{
        margin-bottom: 0;
    }
    .analytics__block{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .analytics__title{
        margin-top: 20px;
        padding-right: 0;
        font-size: 36px;
        line-height: 53px;
    }
    .analytics__subtitle{ 
        padding-right: 0;
        font-size: 16px;
        line-height: 26px;
    }
    .analytics__items{
        padding-right: 0;
    }
    .analytics__item{
        padding-top: 0;
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .analytics__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .analytics__block:before {
        display: block;
        width: 100%;
        padding-top: 66%;
        height: auto;
        position: static;
        left: auto;
        transform: none;
    }
    .app__block{
        margin-top: 60px;
        margin-bottom: 0px;
    }
    .app__title{
        font-size: 36px;
        line-height: 53px;
        padding-left: 0;
    }
    .app__text{
        font-size: 16px;
        line-height: 26px;
        padding-left: 0;
    }
    .app__btns{
        flex-wrap: wrap;
        padding-left: 0;
        gap: 20px;
    }
    .app__block:after {
        content: '';
        position: absolute;
        top: -70px;
        left: calc(50% - 15px);
        background-image: url(../img/app.png);
        background-repeat: no-repeat;
        background-size: auto 352px;
        background-position: 50% 0;
        width: 100%;
        height: auto;
        padding-top: 110%;
        transform: translateX(-50%);
        max-height: 352px;
    }
    .app__block .container{
        padding-top: 300px;
    }
    .capability__block{
        padding-top: 60px;
        margin: 0; 
    }
    .capability__block:after{
        display: none;
    }
    .capability__title{
        font-size: 36px;
        line-height: 53px;
    }
    .possibility__wrap{
        flex-wrap: wrap;
    }
    .possibility{
        width: 100%;
    }
    .possibility__num{
        width: 64px;
        height: 64px;
        background-size: 100%;
    }
    .possibility__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide{
        width: 525px;
        padding: 10px;
        padding-bottom: 60px;
    }
    .slide__more{
        left: 10px;
        bottom: 10px;
    }
    .slide__title{
        font-size: 36px;
        line-height: 53px;
    }
    .slide__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide__more{
        opacity: 1;
    }
    .tariffs__title{
        font-size: 36px;
        line-height: 53px;
    }
    .tariffs{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .tariff{
        margin-top: 0;
        width: 100%;
        padding: 20px;
    }
    .tariff__name{
        font-size: 36px;
        line-height: 53px;
    }
    .tariff__btn{
        max-width: 100%;
        padding-left: 0; 
        padding-right: 0; 
    }
    .tariff:nth-child(2){
        width: 100%;
        padding: 20px;
    }
    .indicator__num{
        text-align: center;
    }
    .indicator__text{
        text-align: center;
    }
	.m_modal_body{
		border: 10px solid #ff2462;
		margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 10px;
	}
	.m_modal_close{
		top: 15px;
    right: 15px;
	}
	.m_modal .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
	}
	.m_modal .info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
	}
	.m_modal_form{
		width: 90%;
	}
	.m_modal_form input[type="text"]{
		padding: 1px 7px;
		font-size: 15px;
		border-bottom: 1px solid #A8A8A8;
	}
	.form input[type="text"] + input[type="text"]{
		margin-top: 30px;
	}
	.m_modal_form ._btn{
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

@media screen and (min-width: 992px) and (max-width:1279.98px){

    .menu{
        display: none;
    }
    .header__phone{
        margin-left: auto;
    }
    .main__block{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .view__block{
        margin-top: 60px;
    }
    .view__title{
        font-size: 36px;
        line-height: 53px;
    }
    .view__col img{
        max-width: 320px;
    }
    .view__col:nth-child(2){
        align-items: center;
        justify-content: center;
    }
    .view__cols{
        margin-top: 40px;
    }
    .view__item:nth-child(1) {
        margin-top: 0;
    }
    .view__item:nth-child(3) {
        margin-top: 0;
    }
    .view__item-text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .card__block{
        padding: 60px 0;
    }
    .card__left{
        width: 100%;
        justify-content: center;
    }
    .card__item{
        width: calc(50% - 30px);
        padding-left: 80px;
    }
    .card__items{
        width: 100%;
    }
    .card__block .container{
        flex-direction: column;
    }
    .card__title{
        text-align: center;
        font-size: 36px;
        line-height: 53px;
    }
    .card__item-icon{
        height: 64px;
        width: 64px;
    }
    .card__item-icon svg{
        height: 64px;
        width: 64px;
    }
    .card__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .indicators__block{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .indicators__title{
        font-size: 36px;
        line-height: 53px;
    }
    .indicators{
        flex-wrap: wrap;
    }
    .indicator{
        width: calc(50% - 30px);
    }
    .loyalty__block{
        margin-bottom: 0;
    }
    .loyalty__title{
        margin-top: 0px;
        font-size: 36px;
        line-height: 53px;
    }
    .loyalty__subtitle{ 
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__item{
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .loyalty__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .loyalty__block{
        margin-bottom: 60px;
    }
    .analytics__block{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .analytics__title{
        margin-top: 20px;
        font-size: 36px;
        line-height: 53px;
    }
    .analytics__subtitle{ 
        font-size: 16px;
        line-height: 26px;
    }
    .analytics__item{
        padding-top: 0;
        padding-left: 80px;
        background-size: 64px 64px;
    }
    .analytics__item-text{
        font-size: 16px;
        line-height: 26px;
    }
    .app__block{
        margin-top: 60px;
        margin-bottom: 0px;
    }
    .app__title{
        font-size: 36px;
        line-height: 53px;
        padding-left: 0;
        max-width: 50%;
    }
    .app__text{
        font-size: 16px;
        line-height: 26px;
        padding-left: 0;
        max-width: 50%;
    }
    .app__btns{
        flex-wrap: wrap;
        padding-left: 0;
        gap: 20px;
    }
    .app__block:after {
        background-size: auto 500px;
        background-position: 50% 50%;
        height: auto;
        padding-top: 110%;
        transform: translateY(-50%);
        max-height: 352px;
        max-width: 50%;
        background-repeat: no-repeat;
    }
    .app__block .container{
        padding-top: 77px;
    }
    .capability__block{
        padding-top: 60px;
        margin: 0; 
    }
    .capability__block:after{
        display: none;
    }
    .capability__title{
        font-size: 36px;
        line-height: 53px;
    }
    .possibility__wrap{
        flex-wrap: nowrap;
        gap: 40px;
    }
    .possibility{
        width: calc(33%.33 - (80px / 3));
    }
    .possibility__num{
        width: 64px;
        height: 64px;
        background-size: 100%;
    }
    .possibility__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide{
        width: 525px;
        padding: 10px;
        padding-bottom: 60px;
    }
    .slide__more{
        left: 10px;
        bottom: 10px;
    }
    .slide__title{
        font-size: 36px;
        line-height: 53px;
    }
    .slide__text{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .slide__more{
        opacity: 1;
    }
    .tariffs__title{
        font-size: 36px;
        line-height: 53px;
    }
    .tariffs{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .tariff{
        margin-top: 0;
        width: 100%;
        padding: 20px;
    }
    .tariff__name{
        font-size: 36px;
        line-height: 53px;
    }
    .tariff__btn{
        max-width: 100%;
        padding-left: 0; 
        padding-right: 0; 
    }
    .tariff:nth-child(2){
        width: 100%;
        padding: 20px;
    }
    .loyalty__block:before {
        content: '';
        width: 50%;
        height: auto;
        padding-top: 32.5%;
        position: absolute;
        left: 50%;
        transform: translateX(calc(-100% - 30px));
    }
    .analytics__block:before {
        content: '';
        width: 50%;
        height: auto;
        padding-top: 32.5%;
        position: absolute;
        left: 50%;
    }
	.m_modal_body{
		border: 10px solid #ff2462;
		margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 10px;
	}
	.m_modal_close{
		top: 15px;
    right: 15px;
	}
	.m_modal .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
	}
	.m_modal .info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
	}
	.m_modal_form{
		width: 90%;
	}
	.m_modal_form input[type="text"]{
		padding: 1px 7px;
		font-size: 15px;
		border-bottom: 1px solid #A8A8A8;
	}
	.form input[type="text"] + input[type="text"]{
		margin-top: 30px;
	}
	.m_modal_form ._btn{
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

		.analytics__block{
			position: relative;
    margin-bottom: 170px;
		}
		.loyalty__items{
			margin-bottom: 0;
		}
		.loyalty__block{
			position: relative;
    margin-bottom: 170px;

		}
		.analytics__items{
			margin-bottom: 0;
		}
		.app__block:after{
			left: calc(50% + 43px);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 600px;
		}
		.loyalty__block:before{
			width: 50%;
			top: 50%;
			right: 50%;
			left:auto;
    transform: translate(-30px, -50%);
		}
		.analytics__block:before{
			width: 50%;
			top: 50%;
    left: 50%;
    transform: translate(30px, -50%);
		}
}

@media screen and (min-width: 1280px) and (max-width:1659.98px){
		header{
			padding: 15px 0;
		}
		.menu{
			gap: 20px;
		}
    .header__phone{
        margin-left: auto;
				font-size: 18px;
    }
		.header__btn{
			padding: 18px 10px 19px;
		}
		.main__block{
			padding-top: 150px;
		}
		.main__title{
			font-size: 48px;
		}
		.main__text{
			font-size: 20px;
		}
    .analytics__title{
        margin-top: 0;
    }
		.analytics__block{
			position: relative;
			padding-bottom: 0;
		}
		.loyalty__items{
			margin-bottom: 0;
		}
		.loyalty__block{
			position: relative;
    margin-bottom: 170px;

		}
		.analytics__items{
			margin-bottom: 0;
		}
		.app__block:after{
			left: calc(50% + 43px);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 600px;
		}
		.loyalty__block:before{
			width: 50%;
			top: 50%;
			right: 50%;
			left:auto;
    transform: translate(-30px, -50%);
		}
		.analytics__block:before{
			width: 50%;
			top: 50%;
    left: 50%;
    transform: translate(30px, -50%);
		}
    .loyalty__title{
        margin-top: 0;
    }
    .card__block .container{
        flex-wrap: wrap ;
    }
    .card__left{
        width: 100%;
    }
    .card__items{
        width: 100%;
    }
}
@media screen and (min-width: 1660px){
  
    .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}