:root{
    --order-product-img-size: 8.3vw;
}
.chekout-cont{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 3vw;
}
.chekout-cont .left-part{
    width: 31vw;
}
.chekout-cont .right-part{
    width: 32vw;
}
.express-chekout{
    display: flex;
    justify-content: space-between;
    margin-top: 1vw;
}
.express-chekout a{
    width: 48%;
    height: 2.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border: 2px solid;
    transition: .3s;
    font-size: 1vw;
    text-decoration: none;
    color: #fff;
    font-family: "Prompt-regular";
    font-weight: 400;
}
.express-chekout a img{
    height: 1.1vw;
}
.express-chekout a.paypal{
    background: #FFDF3A;
    border-color: #FFDF3A;
}
.express-chekout a.paypal img{
    height: 1.3vw;
}
.express-chekout a.google-pay{
    background: #000;
    border-color: #000;
}
.express-chekout a.google-pay img{
    margin-right: .4vw;
}
.express-chekout a:hover{
    background: transparent!important;
    color: #000;
}
.chekout-cont .left-part .agree-checkbox+label p{
    min-width: 29vw;
    max-width: 29vw;
}
.chekout-cont .inputs{
    margin-top: 1.3vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.chekout-cont .inputs input,
.chekout-cont .inputs .select{
    margin: 0;
    margin-bottom: .9vw;
}
.chekout-cont .inputs input.w-50{
    width: 48.7%;
}
.chekout-cont .inputs .agreetment{
    height: 4.2vw
}
.chekout-cont .inputs a{
    margin-top: 3vw;
}
.order-products{
    margin-top: 3vw;
}
.order-product{
    display: flex;
    margin-bottom: 2.1vw;
}
.order-product .img{
    min-width: var(--order-product-img-size);
    max-width: var(--order-product-img-size);
    height: var(--order-product-img-size);
    object-fit: cover;
    margin-right: 1.6vw;
}
.order-product .info{
    min-height: var(--order-product-img-size);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.order-product .info p.main-text{
    margin-top: 0;
    line-height: 1;
}
.order-product .info .charactiristiks p{
    margin: 0;
    font-size: .9vw;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.5);
}
.order-product .info h3{
    font-size: 1.2vw;
    margin-top: .5vw;
}
.to-pay-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.7vw;
    margin-top: 2.7vw;
    border-top: 1px solid #D6D7DB;
}
.to-pay-block .price{
    font-size: 1.7vw;
}
@media (min-width: 1920px) {
    :root{
        --order-product-img-size: 160px;
    }
    .chekout-cont{
        padding-top: 58px;
    }
    .chekout-cont .left-part{
        width: 595px;
    }
    .chekout-cont .right-part{
        width: 615px;
    }
    .express-chekout{
        margin-top: 19px;
    }
    .express-chekout a{
        height: 44px;
        font-size: 19px;
    }
    .express-chekout a img{
        height: 21px;
    }
    .express-chekout a.paypal img{
        height: 25px;
    }
    .express-chekout a.google-pay img{
        margin-right: 8px;
    }
    .chekout-cont .left-part .agree-checkbox+label p{
        min-width: 556px;
        max-width: 556px;
    }
    .chekout-cont .inputs{
        margin-top: 25px;
    }
    .chekout-cont .inputs input,
    .chekout-cont .inputs .select{
        margin-bottom: 18px;
    }
    .chekout-cont .inputs .agreetment{
        height: 80px;
    }
    .chekout-cont .inputs a{
        margin-top: 57px;
    }
    .order-products{
        margin-top: 57px;
    }
    .order-product{
        margin-bottom: 40px;
    }
    .order-product .img{
        margin-right: 31px;
    }
    .order-product .info .charactiristiks p{
        font-size: 17px;
    }
    .order-product .info h3{
        font-size: 23px;
        margin-top: 10px;
    }
    .to-pay-block{
        padding-top: 51px;
        margin-top: 51px;
    }
    .to-pay-block .price{
        font-size: 33px;
    }
}
@media (max-width: 1200px) {
    :root{
        --order-product-img-size: 10vw;
    }
    .chekout-cont .left-part,
    .chekout-cont .right-part{
        width: 39vw;
    }
    .chekout-cont .left-part .agree-checkbox+label p{
        min-width: 36vw;
        max-width: 36vw;
        margin-left: 1.2vw;
    }
    .chekout-cont .inputs input, .chekout-cont .inputs .select{
        margin-bottom: 1.2vw;
    }
    .express-chekout a{
        height: 3vw;
        font-size: 1.2vw;
    }
    .express-chekout a.paypal img{
        height: 1.7vw;
    }
    .express-chekout a.google-pay img{
        height: 1.4vw;
        margin-right: .5vw;
    }
    .express-chekout{
        margin-top: 1.5vw;
    }
    .order-product .info .charactiristiks p{
        font-size: 1.2vw;
    }
    .order-product .info h3{
        font-size: 1.5vw;
        margin-top: .6vw;
    }
    .to-pay-block .price{
        font-size: 2vw;
    }
    .chekout-cont .inputs{
        margin-top: 2vw;
    }
    .chekout-cont{
        padding-top: 4vw;
    }
}
@media(max-width: 800px){
    :root{
        --order-product-img-size: 12vw;
    }
    .chekout-cont{
        padding-top: 5vw;
    }
    .order-products{
        margin-top: 4vw;
    }
    .chekout-cont .left-part, .chekout-cont .right-part{
        width: 43.5vw;
    }
    .chekout-cont .inputs input, .chekout-cont .inputs .select{
        margin-bottom: 1.4vw;
    }
    .order-product{
        margin-bottom: 2.5vw;
    }
    .express-chekout{
        margin-top: 2.5vw;
    }
    .express-chekout a{
        height: 3.5vw;
        font-size: 1.5vw;
    }
    .express-chekout a.paypal img{
        height: 2.2vw;
    }
    .express-chekout a.google-pay img{
        margin-right: .7vw;
        height: 1.7vw;
    }
    .chekout-cont .left-part .agree-checkbox+label p{
        min-width: 38vw;
        max-width: 38vw;
        margin-left: 1.5vw;
    }
    .chekout-cont .inputs .agreetment{
        height: 6vw;
    }
    .order-product .info .charactiristiks p{
        font-size: 1.5vw;
    }
    .order-product .info h3{
        font-size: 1.8vw;
    }
    .to-pay-block .price{
        font-size: 2.4vw;
    }
    .to-pay-block{
        margin-top: 3vw;
        padding-top: 3vw;
    }
}
@media(max-width: 500px){
    :root{
        --order-product-img-size: 25vw;
    }
    .order-product .info p.main-text{
        font-size: 4vw;
    }
    .order-product .img{
        margin-right: 4vw;
    }
    .order-product .info .charactiristiks p{
        font-size: 3.1vw;
    }
    .order-product .info h3{
        font-size: 3.5vw;
        margin-top: 1vw;
    }
    .chekout-cont{
        flex-direction: column-reverse;
    }
    .chekout-cont .left-part, .chekout-cont .right-part{
        width: 100%;
    }
    .chekout-cont .left-part{
        margin-top: 10vw;
    }
    .order-products{
        margin-top: 8vw;
    }
    .order-product{
        margin-bottom: 5vw;
    }
    .to-pay-block{
        margin-top: 8vw;
        padding-top: 5vw;
    }
    .to-pay-block .price{
        font-size: 6vw;
    }
    .chekout-cont .left-part .agree-checkbox+label p{
        min-width: 80vw;
        max-width: 80vw;
        margin-left: 3vw;
    }
    .chekout-cont .inputs .agreetment{
        height: 15vw;
    }
    .chekout-cont .inputs input, .chekout-cont .inputs .select{
        margin-bottom: 3vw;
    }
    .chekout-cont .inputs a{
        width: 100%;
        margin-top: 8vw;
    }
    .express-chekout{
        margin-bottom: 9vw;
        margin-top: 5vw;
    }
    .express-chekout a{
        height: 9vw;
        font-size: 3.5vw;
    }
    .express-chekout a.paypal img{
        height: 5.4vw;
    }
    .express-chekout a.google-pay img{
        height: 4.2vw;
        margin-right: 1.5vw;
    }
    .chekout-cont .inputs{
        margin-top: 4vw;
    }
}