@media screen and (max-width:768px){
#contact-form-outer ::-webkit-input-placeholder { /* Edge */
  color: #9D9FA6;width:100%;
}

#contact-form-outer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9D9FA6;
}

#contact-form-outer ::placeholder {
  color: #9D9FA6;
}

#contact-form-outer .wpcf7-spinner {
    display: none;
}
div.wpcf7-response-output{    border: 2px solid #ff0000!important;}
#contact-form-outer{text-align:center;}
#contact-form-outer .contact-field .wpcf7-form-control-wrap{float:left;width:100%;padding:0 18px 0 0px;}

#contact-form-outer span.wpcf7-not-valid-tip{
    display:none;
}
#contact-form-outer .wpcf7-not-valid{border:solid 1px #0a51ff!important;}
#contact-form-outer .contact-field{float:left;width:50%;margin-bottom:30px;}
#contact-form-outer .contact-field input{padding:18px 20px;font-family: 'lato', sans-serif;font-weight:400;border-radius:7px;border:solid 1px #DBDEDE;  font-size: 16px;margin-bottom: 20px;
    color: #777777;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}




#contact-form-outer .contact-field input:focus{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}

#contact-form-outer input:focus,
.text-area-outer textarea.your-message:focus
{border-color:#F8656B;}
#contact-form-outer .contact-field br{display:none;}
#contact-form-outer p{margin-bottom:0;}
#contact-form-outer .your-message,.text-area-outer{float:left;width:100%}
.text-area-outer{padding:0 0px 0 12px;width:50%}
.text-area-outer textarea.your-message{border:solid 1px #DBDEDE;border-radius:7px;padding:18px 20px;height:145px;font-size:16px;font-weight:400;font-family: 'lato', sans-serif;margin-bottom:20px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}

.text-area-outer textarea.your-message:focus{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}

#contact-form-outer .wpcf7-submit{padding: 15px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    border-color: #000000;
    border: solid 1px #000000;
    color: #fff;
    background:#323645;
    width:100%;
}
#contact-form-outer .wpcf7-submit:hover{border: solid 1px #F8656B;
    background: #F8656B;
    color: #fff;}
@media screen and (max-width:1024px){
    #contact-form-outer .contact-field input {
    padding: 15px 20px;
    }
    .text-area-outer textarea.your-message {
    border: solid 1px #DBDEDE;
    padding: 15px 20px;
    margin-bottom: 20px;
    height: 130px;
    }
    
    
}

@media screen and (max-width:767px){
#contact-form-outer .contact-field .wpcf7-form-control-wrap{width:100%;margin-bottom:15px}
#contact-form-outer .contact-field{margin-bottom:0;}
.text-area-outer textarea.your-message{padding: 12px 15px;
    height: 100px;
    font-size: 14px;
    margin-bottom: 20px;
}
#contact-form-outer .contact-field input {
    padding: 12px 15px;
    font-size: 14px;
}
#contact-form-outer .wpcf7-submit {
    padding: 12px 30px;
    font-size: 14px;
}
}
}