.container {
    padding-top: 170px;
}
.contactContainer {
    min-height: 400px;
    padding: 0 30px 30px;
    height: auto;
overflow: hidden;
}

 .contactContainer > * {
   float: left;
    width: 50%;
    display: block;
    height: auto;
/*     padding-top: 3% !important;*/
}
 .contactContainer > *:first-child{
    float: none;
    text-align: center;
    margin: 0 -30px 30px;
    width: auto;
 }
.contactContainer > form:last-child{
    border-left: 1px solid #5e3a7a;
}
.contactRow{
    margin-bottom: 15px;
}

.contactRow > label{
    color: #333;
    margin-bottom: 7px;
    display: block;
}
.contactRow > p{
    color: #3c3c3c;
}
.contactForm{
    padding: 20px 30px;
}
.contactContainer form > h2:first-child {
    margin-bottom: 30px;
    text-align: center;
    color: #5e3a7a;
}
.contactRow > input,.contactRow > select,.contactRow > textarea{
    height: 30px;
    color: #3c3c3c;
    width: 100%;
    padding: 0 10px;
    transition: all 0.8s;
    border: 1px solid #ccc;
    -moz-appearance:none;
     -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.contactRow > input:focus,.contactRow > select:focus,.contactRow > input:hover,.contactRow > select:hover,.contactRow > textarea:hover,.contactRow > textarea:focus{
    border: 1px solid #e6cbf1;
}
.contactRow > select > option:hover{
    background: #3c3c3c !important;
}
.contactRow > select{
    background: url(../Images/dropdown.svg) no-repeat 97% center;
    cursor: pointer;
}
.contactRow > textarea {
    resize: none;
    height: 100px;
    line-height: 30px;
}
.contactRow > .readMore-btn{
    margin: auto;
    width: 220px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -webkit-text-fill-color: #5e3a7a !important;
}
.contactRow .g-recaptcha {
    transform: scale(0.74) translateX(-75px);
}
#error {
    opacity: 0;
    color: #C3242E;
    transition: opacity 0.5s;
}
.contactRow > table {
    line-height: 20px;
    max-width: 100%;
    display: block;
}
.contactRow table tr td:first-child {
    color: #5e3a7a;
    min-width: 60px;
}

@media screen and (max-width:768px) {
    .contactContainer{
        position:relative;
    }
    .contactContainer > form:last-child{
        border-top: 1px solid #5e3a7a;
        border-left: none;
        width: 100%;
        padding: 20px 0;
        text-align: center;
        border-right:none;
    }
    .contactContainer > *{
        width:100%;
    }
    .contactContainer > form:last-child label{
        text-align: left;
    }
    .contactRow > input, .contactRow > select, .contactRow > textarea,.contactRow > .readMore-btn{
        width: 100%;
    }
    .contactContainer > *:first-child {
        width: auto;
        position: absolute;
        left: 50%;
        margin-left: 0;
        transform: translateX(-50%);
    }
    .contactInfo {
        width: 100%;
        margin-top:70px;
    }
    .contactRow > table{
        width:100% !important;

    }
    
    .contactRow .g-recaptcha {
        transform: scale(0.74) translateX(0);
    }
}