/* Contact Form variables
========================================================*/
/* Contact Form Basic Styles 
========================================================*/
#contact-form {
  position: relative;
}
#contact-form .form-btns {
	background-color: #BC8149;
	float: left;
	margin-right: 20px;
	margin-top: -32px;
}

#contact-form label {
  position: relative;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
#contact-form fieldset {
  border: none;
}


 
/* Contact Form Input 
========================================================*/
#contact-form input[type='text'] {
  width: 100%;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  border: 1px solid #6f4a30;
  background: #6f4a30;
  font: 14px/39px 'Roboto';
  height: 39px;
  color: #fff;
  padding: 0 14px;
  resize: none;
}

/* Contact Form File Input 
========================================================*/

  
/* Contact Form Textarea 
========================================================*/
#contact-form textarea {
	width: 100%;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 225px;
	border: 1px solid #6f4a30;
	background: #6f4a30;
	font: 14px/39px 'Roboto';
	color: #fff;
	resize: none;
}
#contact-form .form-div-1,
#contact-form .form-div-2,
 {
	float: left;
	width: 256px;
	margin-right: 13px;
}
 
#contact-form .form-div-3 {
  margin-right: 0;
}
#contact-form .form-div-4 {
  margin-bottom: 41px;
}
#contact-form .form-div-4 textarea {
	line-height: 20px;
	padding-top: 12px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 12px;
}
 
 
/* Contact Form Error messages
========================================================*/
 
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  background-image: url('../img/form-loader.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
}
 
/* Contact Form Modal 
========================================================*/
 
  
@media only screen and (max-width: 768px) {
 
}
/* Contact Form Close icon 
========================================================*/
 
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1219px) {
  #contact-form .form-div-1,
  #contact-form .form-div-2,
  #contact-form .form-div-3 {
    float: none;
    width: 100%;
    margin-right: 0;
	 
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  #contact-form .form-div-1,
  #contact-form .form-div-2,
  #contact-form .form-div-3 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  
   
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  #contact-form .form-div-1,
  #contact-form .form-div-2,
  #contact-form .form-div-3 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  
}