.contact-main {
    height: 100%;
    width: 41%;
    margin: 0 0 0 -20px;
    display: flex;
    overflow: hidden;
    position: absolute;
    right: -61px;
}

.contact-main .box {
    padding: 59px;
    color: #000;
    width: 63%;
    display: flex;
    align-items: center;
    text-align: left;
}
.contact-main .custombox{
    width: 76%;
    float: right;
}
.contact-main input[type=text],
textarea {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-family: inherit;
    font-size: 14px;
    text-indent: 0;
    padding: 3px
}

.contact-main textarea {
    height: 100px
}

.contact-main ::placeholder {
    color: #fff;
    opacity: .5
}

.contact-main :-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.contact-main ::-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.contact-left {
    text-align: left
}

.contact-left .text {
    text-align: left;
    display: block;
    margin-bottom: 32px
}

.contact-left .holder {
    display: table-cell;
    vertical-align: middle;
    padding: 50px
}

.contact-left .socialmedia {
    color: #fff
}

.contact-main .message-sent {
    vertical-align: middle;
    display: table-cell;
    top: -40px;
    position: relative
}

.contact-main .message-sent i {
    font-size: 40px;
    display: block;
    margin: 8px
}

.contact-main .message-sent p {
    font-size: 26px;
    margin: 14px
}

.contact-box {
    display: table;
    height: -webkit-fill-available
}

@media (max-width:1024px) {
    .contact-left {
        display: block
    }

    .contact-main {
        width: 100%;
        margin: unset;
        -webkit-transform: unset;
        overflow: unset;
        position: unset;
        right: 0
    }

    .contact-main .box {
        -webkit-transform: unset;
        width: auto;
        padding: 42px !important;
        text-align: left;
    }
}

@media (max-width:768px) {
    .contact-left {
        height: 420px;
        float: left;
        width: 100%;
        position: unset;
        margin: 0;
        border-radius: 3px;
        text-align: left;
        display: table
    }

    .contact-left .holder {
        padding: 44px
    }

    .contact-main input[type=text],
    textarea {
        width: 100% !important
    }

    .contact-main {
        width: 100%
    }

    .contact-main .box {
        padding: 31px !important;
        left: 0;
        height: auto
        
    }
    .contact-main .box .d-flex{
        display: block;
    }
    .contact-main .box .d-table-caption{
        display: block !important;
    }
    .payment-box .form-check-label{
        width: 100%;
    }
}

@media (max-width:480px) {
    .contact-left {
        background-color: rgba(255, 152, 0, .21);
        height: 420px;
        float: left;
        width: 100%;
        position: unset;
        margin: 0;
        border-radius: 3px;
        text-align: left;
        display: table
    }

    .contact-left .holder {
        padding: 44px
    }

    .contact-main {
        width: 100%;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        right: 0;
        margin: 0
    }

    .contact-main .box {
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        padding: 30px;
        left: unset;
        width: auto;
        height: 100%;
        margin: unset;
        display: block
    }
}