@media (min-width: 0) {

	.price__input-3 {
		width: 100%;
	}
    .price {
        background-color: #f2ddde;
        padding: 50px 0;
        position: relative;
    }
    .price__sales {
        top: -7%;
        right: 0;
        z-index: 2;
        transform: rotate(10deg);
    }
    .price__i-wrapper {
        padding: 20px;
        margin: 0 0 0 -20px;
        z-index: 10;
    }
    .price__item-info {
        align-self: center;
        /* margin: 0 0 0 10px; */
        z-index: 10;
        font-size: 13px;
    }
    .price__item-hover {
        background-color: #fff;
        color: black;
        padding: 20px;
        position: absolute;
        left: -200px;
        top: 15px;
        opacity: 0;
        width: 200px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 1.3;
        transition: 500ms;
        font-family: "GothamBook";
        pointer-events: none;
    }
    .price__i-wrapper:hover .price__item-hover {
        opacity: 1;
        transition: 500ms;
        pointer-events: all;
    }

    .employment__i-hover {
        background-color: #fff;
        color: black;
        padding: 20px;
        position: absolute;
        left: -200px;
        top: 35px;
        opacity: 0;
        width: 200px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 1.3;
        transition: 500ms;
        font-family: "GothamBook";
        pointer-events: none;
    }
    .price__i-wrapper:hover .employment__i-hover {
        opacity: 1;
        transition: 500ms;
        pointer-events: all;

    }

    /* FORM */

    .price__form-block {
        background-color: #1f1c1a;
        border-radius: 10px;
        padding: 50px 20px 30px 20px;
        margin: 25px 0 0 0;
      }
    .price-form__title {
        color: white;
        font-size: 16px;
        font-family: "GothamMedium";
        text-align: center;
      }
    .price__form {
        display: flex;
        justify-content: space-between;
        align-self: center;
        flex-direction: column;
      }
    .price__input {
        height: 50px;
        padding: 0 0 0 10px;
        font-size: 16px;
        border: 1px solid white;
        background: none;
        border-radius: 8px;
        color: white;
      }
    .price__input:focus {
        outline: none;
      }
    .price__input:not(:first-of-type) {
          margin-top: 20px;
      }
    .price__form-button {
        width: 100%;
        height: 50px;
        background: #bc4f54;
        border: none;
        color: white;
        font-weight: bold;
        font-size: 16px;
        border-radius: 8px;
        margin: 20px 0;
      }
    .price__form-button:focus {
        outline: none;
      }
    .form__price-block {
        display: flex;
        align-items: center;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
      }
    .form__price-block input {
        width: 15px;
        height: 15px;
      }
    .form__price-block p {
        font-size: 14px;
        color: white;
        margin: 0 0 0 10px;
      }
    .form__price-block p a {
        color: white;
      }
    /*  */
    .price__sales .sales__img {
        width: 120px;
    }
    .price__sales .sales__text {
        font-size: 10px;
    }
    .price__sales .sales__text span {
        font-size: 26px;
    }
    .price__wave-top {
        width: 100%;
        position: absolute;
        top: -7vw;
    }
    .price__wave-bottom {
        width: 100%;
        position: absolute;
        bottom: -7vw;
        transform: scale(1, -1);
    }
    .price__inner {
        position: relative;
    }

	
    .price__title {
        font-size: 26px;
        max-width: 50%;
        font-weight: 700;
    }
    .price__list {
        font-size: 18px;
        max-width: 70%;
        line-height: 1.55;
        padding: 20px 0 0 0;
    }
    .price__item:not(:first-of-type) {
        padding: 10px 0 0 0;
    }
    .price__item {
        display: flex;
        align-items: flex-start;
    }
    .price__item-img {
        max-width: 20px;
    }
    .price__item-text {
        padding: 0 0 0 10px;
    }
    .employment__i {
        font-size: 13px;
        font-weight: 400;
    }
    .price__crossed {
        text-decoration: line-through;
        color: #716f6d;
        max-width: 30%;
        margin: 20px 0 0 30px;
        font-family: "GothamBook";
        opacity: 0.6;
    }
    .price__crossed-sale {
        font-size: 14px;
    }
    .price__crossed-money {
        font-size: 18px;
        padding: 20px 0 0 0;
        font-family: "GothamMedium";
    }
    
    .price__employment {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 15px;
        font-family: "GothamBook";
        padding: 50px 0 0 0;
        font-weight: 600;
    }
    .price__image-borodina {
        position: absolute;
        max-width: 180px;
        top: 55px;
        right: -25%;
        z-index: 1;
    }
    .price__image-moroshnichenko {
        position: absolute;
        max-width: 250px;
        top: 72px;
        right: -25%;
        z-index: 1;
    }
    .price__image-khilkevich {
        position: absolute;
        max-width: 200px;
        top: 9%;
        right: -12%;
        z-index: 1;
    }
    .price__borodina-info {
        background-color: #f2ddde;
        max-width: 170px;
        position: absolute;
        opacity: 0.8;
        top: 19%;
        right: 0%;
        padding: 10px;
        border-radius: 15px;
        z-index: 2;
    }
    .khilkevich-info {
        top: 24%;
        opacity: 1;
    }
    .price__borodina-name {
        font-family: "GothamBook";
        font-weight: 700;
    }
    .price__borodina-text {
        line-height: 1.5;
        padding: 10px 0 0 0;
    }

	/* .price__input-2 {
		margin-bottom: 20px;
	} */
}

@media (min-width: 480px) {
    .form__price-block input {
        width: 20px;
        height: 20px;
      }
    .price__list {
        max-width: 45%;
    }
    .price__image-borodina {
        max-width: 240px;
        right: 0px;
        top: -8%;
    }
    .price__image-moroshnichenko {
        max-width: 280px;
        top: 27px;
        right: 0%;
    }
    .price__borodina-info {
        max-width: 200px;
        right: 5%;
    }
    .price__sales {
        right: -4%;
        top: 0;
    }
    .price__image-khilkevich {
        max-width: 240px;
        top: 3%;
        right: 6%;
    }

}

@media (min-width: 640px) {
    .price__form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        grid-template-areas: "name email"
        "number number"
        "button button"
        "checkbox checkbox";
        margin: 30px 0 0 0;
    }
    .price__input:not(:first-of-type) {
        margin-top: 0;
    }

    .price__form-button {
        grid-area: button;
        margin: 0 0 0 0;

    }
    .price__input-1 {
        grid-area: name;

    }
    .price__input-2 {
        grid-area: email;

    }

	.price__input-3 {
        grid-area: number;

    }


    
    .form__price-block {
        grid-area: checkbox;
    }
    .price__image-borodina {
        max-width: 270px;
        right: 4%;
        top: -10%;
    }
    .price__image-moroshnichenko {
        max-width: 350px;
        top: 0px;
        right: -5%;
    }
    .price__borodina-info {
        max-width: 250px;
        padding: 20px;
        top: 23%;
        right: 10%;
    }
    .price__borodina-name {
        font-size: 14px;
    }
    .price__borodina-text {
        font-size: 16px;
    }
    .price__title {
        font-size: 46px;
    }
    .price__list {
        font-size: 20px;
    }
    .price__sales {
        right: 48%;
        top: 22%;
    }
    .price__sales .sales__img {
        width: 160px;
    }
    .price__sales .sales__text {
        font-size: 14px;
    }
    .price__sales .sales__text span {
        font-size: 35px;
    }
    .price__image-khilkevich {
        max-width: 320px;
        top: -2%;
        right: 1%;
    } 
    .employment__i::after {
        left: -100px;
    }
    .price__input-hidden input {
        position: absolute;
    }
}

@media (min-width: 958px) {
    .price__form {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas: "name email number button"
        "checkbox checkbox checkbox checkbox";
    }

	.price__input-2 {
		margin-bottom: 0;
	}
    .price__input {
        height: 60px;
    }
    .price__form-button {
        height: 60px;
    }
    .form__price-block input {
        height: 20px;
        width: 20px;
    }
    .price__image-borodina {
        top: -27%;
        right: 3%;
    }
    .price__image-moroshnichenko {
        max-width: 380px;
        top: -105px;
    }
    .price__borodina-info {
        right: 0;
    }
    .price__description {
        display: flex;
        margin: 40px 0 0 0;
    }
    .price__crossed {
        align-self: flex-end;
        margin: 0 0 0 40px;
    }
    .price__list {
        max-width: 25%;
    }
    .price__title {
        max-width: 100%;
    } 
    .price__sales {
        right: 32%;
        top: 10%;
    }
    .price__sales .sales__img {
        width: 200px;
    }
    .price__sales .sales__text {
        font-size: 17px;
    }
    .price__sales .sales__text span {
        font-size: 43px;
    }
    .price__image-khilkevich {
        max-width: 360px;
        top: -26%;
        right: 6%;
    } 
    .price__item-info::after {
        left: 40px;
        top: -55px;
    }
}

@media (min-width: 1200px) {
    .price__image-borodina {
        right: 15%;
    }
    .price__sales {
        top: 10%;
        right: 40%;
    }
    .price__image-moroshnichenko {
        max-width: 400px;
        top: -122px;
        right: 8%;

    }
}

@media (min-width: 1700px) {
    .price__title {
        font-size: 55px;
    }
    .price__list {
        font-size: 23px;
    }
    .price__crossed-sale {
        font-size: 18px;
    }
    .price__crossed-money {
        font-size: 23px;
    }
    .price__image-borodina {
        max-width: 320px;
        top: -27%;
    }
    .price__borodina-info {
        max-width: 320px;
        top: 15%;
    }
    .price__borodina-name {
        font-size: 24px;
    }
    .price__borodina-text {
        font-size: 20px;
    }
    .sales__img {
        width: 240px;
    }
    .price__sales .sales__text {
        font-size: 16px;
    }
    .sales__text span {
        font-size: 52px;
    }
    .price__input {
        height: 75px;
    }
    .price__input::placeholder {
        font-size: 22px;
    }
    .price__form-button {
        height: 75px;
        font-size: 22px;
    }
    .price-form__title {
        font-size: 23px;
    }
    .price__form-block {
        padding: 80px 60px 80px 60px;
    }
    .form__price-block p {
        font-size: 18px;
    }
    .form__price-block input {
        width: 30px;
        height: 30px;
    }
    .price__employment {
        font-size: 27px;
    }
    .employment__i {
        font-size: 20px;
    }
    .price__item-info {
        font-size: 20px;
    }
    .price__image-moroshnichenko {
        max-width: 450px;
        top: -145px;
    }
    .price__form {
        margin: 40px 0 0 0;
    }
    .price__image-khilkevich {
        max-width: 430px;
        width: 100%;
    }
}

@media screen and (min-width: 1184px) {
    .price-form__title {
        text-align: left;
    }
}