/**
 * @file
 * CSS for Field Example.
 */

@media screen and (min-width: 400px) {
	.field-type-mma-contact label {
    display: none;
	}
	
	.field-type-mma-contact .form-type-checkbox label {
		display: inline;
	}

	.field-type-mma-contact .form-item {
    display: inline; 
	}

	.field-type-mma-contact input.form-control {
   	float: left;
   	margin-right: 5px;
   	width: 10%;
	}
  .field-type-mma-contact input.form-control[placeholder="Email"], 
  .field-type-mma-contact select.form-control {
   	float: left;
   	margin-right: 5px;
   	width: 20%;
	}
	
	.container .field-type-mma-contact .panel-title {
    font-weight: bold;
    font-size: 22px;
    color: #0072BA;
    padding: 10px 0;
  }

  .container .field-type-mma-contact .panel-heading, 
  .container .field-type-mma-contact .panel-body, 
  .container .field-type-mma-contact fieldset {
    background-color: #ffffff !important;
    border: none;
  }

	.container .field-type-mma-contact .panel-heading, 
  .container .field-type-mma-contact .panel-body {
    padding: 0;
  }

	.field-type-mma-contact .field-multiple-table .field-label label {
    display: block !important; 
  }

  .container .field-type-mma-contact .field-multiple-table .field-label label {
    display: block !important; 
    font-weight: bold;
    font-size: 22px;
    color: #0072BA;
  }

	.container .field-type-mma-contact .radio, 
	.container .field-type-mma-contact .checkbox {
		padding-left: 5px;
	}

	.container .field-type-mma-contact .radio input[type="radio"],
	.container .field-type-mma-contact .radio-inline input[type="radio"], 
	.container .field-type-mma-contact .checkbox input[type="checkbox"], 
	.container .field-type-mma-contact .checkbox-inline input[type="checkbox"] {
		margin-left: 0;
	}
	
	.container .field-type-mma-contact .field-add-more-submit {
		float: right;
		width: 400px;
	}

}