﻿/*--CSS MEDIA QUERIES FOR RESPONSIVE DESIGN-----------GEORGE Editing 16.11.2015-----------*/
@media screen and (min-width: 320px)  {   
	form div {position:relative; width:98%;}
	.label, .field {display:block;}
	.label {width:30%; padding:3px 0 0 0;}
/*GEORGE Edit*/
	.field input, .field select, .field textarea {font-size:14px; color:#3d3d3d; overflow:hidden; padding:2px; background-color:#ebebeb; border:1px #cacaca solid; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
    .field input:focus, .field select:focus, .field textarea:focus {border:1px #555 solid; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}
	.field {width:60%;}
	.field input, .field select, .field textarea {width:98%;}
    .field textarea {height:100px;}
	.field label {margin:0 8px 0 0;}
	#state {width:auto;} 
	.schedule #state {width:auto; min-width:150px;} 
	#zip {width:30%;}
	#phone, #email {width:75%;}
	.field input[type=radio], .field input[type=checkbox] {width:auto; margin:0 3px 0 0;}
	.alert {color:#ff0004; font-weight:600;}
	
	.label.block, .field.block {display:block; width:95%;}
	.label.schedule, .field.schedule {display:block; width:48%;}
	
	.form-full {position:relative; width:96%;}
	.form-full .label, .form-full .field {width:98%;}
	
	.form-half {position:relative; display:block;}
	.form-half .label, .form-half .field {width:98%;}
	
	.form-half-inner {position:relative; display:inline-block; *display:inline; zoom:1; width:auto; margin-right:7px; vertical-align:top;}
	.form-half-inner.zip {margin-right:0;}
	.form-half-inner.zip .label, .form-half-inner.zip .field {width:70%;}
	.form-half-inner .label.schedule, .form-half-inner .field.schedule, .form-half-inner #zip-code {width:auto;}
	
	.label.block, .label.schedule {margin:15px 0 0 0;}
	.field.block, .field.schedule {margin:0;}
	.field.schedule select {width:98%; padding:2px 0; margin:2px 0 0 0;}
	.field img {margin:0 0 10px 0;}
	
	.field.submit {Xwidth:auto; text-align:right;}
	.field.submit input {display:inline-block; *display:inline; zoom:1; font-size:14px; font-weight:700; width:auto; height:35px; line-height:35px; padding:0 15px; color:#ffffff; background-color:#e51b24; text-transform:uppercase; text-align:center; border:none; vertical-align:top; -webkit-appearance:none; -webkit-border-radius:0;}
    .field.submit input:hover {background-color:color:#bd1018;}
	.submit-button-1 {display:inline-block; *display:inline; zoom:1; height:0px; line-height:0; border-left:17px #ffffff solid; border-top:18px #e51b24 solid; border-bottom:17px #e51b24 solid; vertical-align:top;}
	.submit-button-2 {display:inline-block; *display:inline; zoom:1; height:0px; line-height:0; border-left:18px #e51b24 solid; border-top:17px #ffffff solid; border-bottom:17px #ffffff solid; vertical-align:top;}

	.form-tag-1 {font-size:22px; font-weight:700; color:#7e7e7e; margin-bottom:0;}
	.form-tag-2 {font-size:18px; font-weight:400; color:#7e7e7e; margin-top:0;}
	
	}

@media screen and (min-width: 768px)  {
	
	.label, .field {display:inline-block; *display:inline; zoom:1; vertical-align:top;}

	}
	
@media screen and (min-width: 1280px) {
	
	.form-half {display:inline-block; *display:inline; zoom:1; width:47%; margin-right:2%; vertical-align:top;}
	
	}

/*--END--*/