.ec-contact-wrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ec-contact-wrap .item {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.ec-contact-wrap .item i {
    position: absolute;
    top: 10px;
}

.ec-contact-wrap .error {
    border-color: red;
}

.ec-contact-wrap .tp-form-btn {
    display: block;
    width: 100%;
    text-align: center;
}

.ec-contact-wrap .tp-form-btn button {
    width: 100%;
    max-width: 195px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.ec-contact-wrap .tp-form-btn .working .loader {
    display: block;
}

.ec-contact-wrap .tp-form-btn .loader {
    display: none;
}

.ec-contact-wrap .tp-form-btn .working span {
    visibility: hidden;
}

.ec-contact-wrap .tp-form-btn .working {
    pointer-events: none;
}

.ec-contact-wrap .response {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.ec-contact-wrap .response .error {
    background: blanchedalmond;
    padding: 15px;
}

.ec-contact-wrap .response p {
    margin: 0px;
}

.ec-contact-wrap .response .success {
    background: green;
    padding: 15px;
}

.ec-contact-wrap .response .fail {
    background: yellow;
    padding: 15px;
}

.ec-contact-wrap .tp-inline-form {
    display: flex;
    -ms-flex-wrap: wrap;
    flex: 1;
}

@media only screen and (max-width: 1024px) {
    .ec-contact-wrap .tp-inline-form, .ec-contact-wrap {
        display: block;
    }
}