/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .service-list-item {
 	float: left;
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
 	display: inline-block;
 	width: 30%;
 }
 .service-list-item label {
 	float: left;
 	padding-right: 8px;
 }
 .mainContent ul.service-list {
 	margin-left: 0;
 }

 #type_select_field input[name="service_type"] {
 	margin-right: 5px;
 }
 .success {
 	color: green;
 }
 .error {
 	color: red;
 }
 input[type="text"].inputTxtError,
 input[type="email"].inputTxtError {
 	border: 1px solid red;
 	background-color: #ffebeb;
 }

 #request_form input[type=text], 
  #request_form input[type=email]{
 	width: 100%;
 }
  #request_form input[name=zip], #request_form input[name=other] {
 	width: 50%;
 }
 #request_form #hear_about {
 	width: 50%;
 }
 .two-column {
 	width: 100%;
 	display: flex;
 }
 .two-column fieldset {
 	width: 100%;
 }

 #request_form textarea {
 	height: auto;
 }

 #request_form #comments {
 	max-width: 100%;
 	width: 100%;
 }

 @media (max-width: 680px) { 
 	.service-list-item {
 		width: 50%;
 	}
 	.two-column {
 		display: block;
 	}
 	#request_form input[name=zip], #request_form input[name=other] {
	 	width: 100%;
	}
	#request_form #hear_about {
	 	width: 100%;
	}
	#therapist {
		width: 100%;
	}
	#physician {
		width: 100%;
	}
	#preferred_location {
		width: 100%;
	}
 }