@media (min-width: 0) {


	.vide__modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 50;
		display: none;
		justify-content: center;
		align-items: center;
		overflow-y: scroll;
	}

	.h2-dev {
		display: none;
	}

	.vide {
		width: 100%;
	}

	.vide__modal-bg {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.535);
		position: fixed;
		top: 0;
		z-index: -1;
	}

	.vide__modal-inner {
		width: 74%;
		height: 85%;
		/* padding: 0px 0px 54.4% 0px; */
		position: relative;
	}

	.vide__modal-inner vide {
		width: 100%;
	}

	.vide__modal-inner iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.vide2__block_button {
		background: rgba(255, 255, 255, 0.01);
		border: 1.56404px solid #FFFFFF;
		backdrop-filter: blur(3.91011px);
		border-radius: 39.1011px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		top: 80%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-width: 232px;
		padding: 9px 21px 9px 13px;

	}

	.vide__block_text {
		font-size: 16px;
		line-height: 120%;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.vide-block {
		padding: 0 0 40px 0;
		position: relative;
	}

	.vide-block__img-dev {
		display: none;
	}

	.vide__wrapper {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}





	.vide__btn {
		margin-top: 55px;
		background: #FAD1CE;
		border-radius: 25px;
		cursor: pointer;
		outline: none;
		border: none;
		width: 343px;
		height: 56px;
		font-size: 18px;
		margin-top: 27px;
		width: 100%;
		text-align: center;
		color: #1d1d1b;
		font-family: "FuturaFuturisC";
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* .vide-block__img-dev {
		width: 60%;
		border-radius: 30px 30px 30px 0;
	} */
	.vide-block__img-mob {
		width: 100%;
		border-radius: 30px 30px 30px 0;
	}


	.vide-block__main-info h2 {
		font-size: 24px;
		line-height: 120%;
		text-transform: uppercase;
		margin-top: 10px;
		color: #1D1D1B;
	}

	.vide-block__info-description {
		margin-top: 15px;
		font-family: "Gotham Pro";
		font-size: 14px;
		line-height: 150%;
		color: #1D1D1B;
	}

	.vide-block__info {
		width: 100%;
	}

	.vide-block__main {
		position: relative;
		display: flex;
		justify-content: center;
	}

	.vide2__btn {
		padding: 11px 12px;
		text-align: center;
		background: rgba(255, 255, 255, 0.85);
		clip-path: circle(50%);
		backdrop-filter: blur(16px);
		width: 42px;
		height: 42px;
		border-radius: 60px;
		align-self: center;
		cursor: pointer;
	}

	.vide2__btn svg {
		width: 20px;
		height: 20px;
	}

	

}

@media (min-width: 480px) {

}

@media (min-width: 639px) {

	.vide__wrapper {
		align-items: center;
	}


	.vide {
		/* max-width: 500px;
		max-height: 300px; */
		width: 70%;
	}
	.vide-block__img-mob {
		
		display: block;
	}

	.vide-block__img-dev {
		display: none;
	}





}

@media (min-width: 958px) {
	.vide-block__info h2 {
		font-size: 32px;
	}

	.vide2__block_button {
		max-width: 445px;
		border-radius: 75px;

		padding: 18px 42px 18px 24px;
	}

	.vide2__btn svg {
		width: 40px;
		height: 40px;
	}

	.h2-dev {
		display: block;
	}

	.h2-mob {
		display: none;
	}

	.vide-block__info-description {
		font-size: 16px;
	}

	.vide__btn {
		margin-top: 55px;
	}



	.vide-block__main-info {
		grid-column-start: 2;
		grid-row-start: 1;
		margin-top: 60px;
	}


	.vide__wrapper {
		align-items: unset;
	}

	.vide-block__img-dev {
		grid-row-start: 1;
		grid-row-end: 3;
		grid-column-start: 1
	}
	.vide-block__img-dev {
		width: 60%;
		border-radius: 30px 30px 30px 0;
	}
	.vide-block__info {
		grid-column-start: 2;
		grid-row-start: 2;
	}

	.vide2__btn {
		width: 89px;
		height: 89px;
		padding: 24px;
	}

	.vide__block_text {
		font-size: 30px;
	}
	.vide-block__img-mob {
		display: none;
	}

	.vide-block__img-dev {
		display: block;
	}

}


@media (min-width: 1244px) {
	.vide-block__main-info h2 {
		font-size: 36px;
	}


	.vide-block {
		padding: 64px 0;
	}

	.main__props .main__props-point:first-child {
		max-width: 380px;
	}

	.main__props .main__props-point:last-child {
		max-width: 270px;
	}

	.vide-block__info-description {
		font-size: 20px;
	}



}

@media (min-width: 1621px) {

}