/* Start:/local/templates/main/components/dzencode/myclinicGetList/contacts/style.css?1772648811363*/
.appoinment-content {
    display: flex;
    justify-content: space-between;
}
.appoinment-content .appoinment__text {
    width: 35%;
    margin-top: 20px;
}

.appoinment-content .appoinment__form {
    width: 50%;
}

.contacts-form-more-contacts {
    margin-bottom: 40px;
    margin-top: 40px;
}

.contacts-form-more-contacts ul li {
    margin-bottom: 10px;
}
/* End */


/* Start:/local/templates/main/components/dzencode/myclinicForm/form/style.css?17737852571137*/
.appointment-container .ray__img {
    padding: 16px;
    position: absolute;
    top: 0;
    left: -10px;
    width: 1px;
    height: 100%;
    margin: 0 8px;
}

.appoinment__row {
    flex-wrap: wrap;
    justify-content: space-between;
}

.appoinment__row .input-wrapper {
    width: 48%;
}

.appoinment__row .input-wrapper-fw {
    width: 100%;
}

.appoinment-content .input__field--area {
    padding: 66px 40px 6px 20px;
}

@media (max-width: 1439px) {}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
    .appointment-container,
    .contacts-form-more-contacts
    {
        padding-left: 60px;
    }
    .appoinment-content {
        flex-direction: column;
    }

    .appoinment-content .appoinment__text,
    .appoinment-content .appoinment__form
    {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .appoinment__row .input-wrapper {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .contacts-form-more-contacts,
    .appoinment-content .appoinment__text,
    .appoinment-content .appoinment__form
    {
        font-size: 14px;
    }
    .appoinment__text {
        display: none;
    }
}
/* End */
/* /local/templates/main/components/dzencode/myclinicGetList/contacts/style.css?1772648811363 */
/* /local/templates/main/components/dzencode/myclinicForm/form/style.css?17737852571137 */