#delivery-buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}

#delivery-buttons > .nav-item {
    cursor: pointer;
}

#delivery-buttons > .nav-item > .nav-link {
    margin: unset;
    font-weight: bolder;
}

#delivery-div > .row > .delivery-name,
#delivery-params > .form-select > .delivery-name,
#delivery-form > form > .delivery-user {
    font-weight: bolder;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    color: var(--gray);
}

#delivery-params > .form-select,
#delivery-form > form > .delivery-user {
    display: flex;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    #delivery-params > .form-select > .delivery-name,
    .delivery-user > .delivery-name
    {
        width: 180px;
    }
}

@media screen and (min-width: 992px) {
    .delivery-user > .delivery-name {
        padding-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    #delivery-params > .form-select > .delivery-name,
    .delivery-user > .delivery-name {
        width: 275px;
    }

    .delivery-user > .delivery-name {
        padding-right: 15px;
    }
}

@media screen and (max-width: 490px) {
    #delivery-params > .form-select > .delivery-name {
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .delivery-user > .delivery-name {
        padding-right: 15px;
    }
}

@media screen and (max-width: 600px) and (min-width: 541px) {
    .delivery-user > .delivery-name {
        padding-right: 10px;
    }
}

@media screen and (max-width: 540px) and (min-width: 379px) {
    .delivery-user > .delivery-name {
        padding-right: 20px;
    }
}

@media screen and (max-width: 378px) {
    .delivery-user > .delivery-name {
        padding-right: 15px;
    }
}

.answer-delivery-div {
    width: 100%;
    margin: 0 0 20px;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 4px;
    color: #212529;
}

.answer-delivery-div > .delivery-prices-cont {
    margin-bottom: 7px;
}

#answer-delivery {
    display: none;
}

.answer-delivery-div > .delivery-prices-cont {
    color: var(--gray);
    font-weight: 400;
}

.answer-delivery-div > .delivery-prices-cont > table {
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    margin-top: 5px;
}

.answer-delivery-div > .delivery-prices-cont input {
    width: 20px;
    height: 20px;
    margin-left: 20px;
    margin-top: 15px;
}

.region_path {
    margin-bottom: 10px;
}

.delivery-price {
    font-weight: bolder;
}

@media screen and (min-width: 992px) {
    #answer-delivery {
        margin-left: 340px;
        margin-top: -305px;
        padding-bottom: 50px;
        height: 275px;
    }
}