@media (min-width:600px) {
    
    #formresponse.modal .modal-dialog {width:600px; max-width:600px;}
    
    #formsuccess.modal .modal-body table#approved td.first {width:35%;}
    #formsuccess.modal .modal-body table#dif td.first {width:15%;}
    
    .formbody form.form .form-group .control-label {font-size:16px;}
    .formbody form.form .form-group .form-control {font-size:16px;}
    .fine-uploader span.bgtext {font-size:28px;}
    #drop .dz-message > span {font-size:28px;}
    
    .formbody form .group > .form-group {margin-left: 1%; margin-right: 1%;}
    .formbody form .group > .form-group.address {width:100%; margin-left: 0; margin-right: 0;}
    .formbody form .group > .form-group.city {width:50%; margin-left:0; margin-right: 1%; margin-bottom:0px;}
    .formbody form .group > .form-group.state {width:15%; margin-left: 1%; margin-right: 1%;}
    .formbody form .group > .form-group.zipcode {width:25%;margin-left: 1%; margin-right: 1%; }
    .formbody form .group > .form-group.plus {width:3%;margin-right: 0; margin-left: 1%;}
    .formbody form .group > .form-group.minus {width:3%;margin-right: 0; margin-left: 1%;}
    
    .form-group.alt > div > span {font-size:17px; margin: 0 20px 0 0; }
    .radio-inline label {font-size:17px;}
    .form-group .radio-inline {width:80px;}
    .radio-inline input[type="radio"] {margin: 0 20px 0 3px;}
    
    /* Payments */
    #paymentform .form-group.half {width:48%;}
    #paymentform .form-group.half.left {margin-right:4%;}
    #paymentform .form-group.number {width:48%; margin-right:4%;}
    #paymentform .form-group.amount {width:27%; margin-right:4%;}
    #paymentform .form-group.confirmamount {width:17%;}
    #paymentform .form-group.exp {width:27%; margin-right:4%;}
    #paymentform .form-group.cvv {width:17%;}
    
    #paymentform .form-group.address {width:48%; margin-right:4%;}
    #paymentform .form-group.address.two {width:48%; margin-right: 0;}
    #paymentform .form-group.city {width:48%; margin-right:4%;}
    #paymentform .form-group.state {width:22%; margin-right:4%;}
    #paymentform .form-group.zipcode {width:22%;}
    
    /* Payment Plans */
    #paymentplanform .form-group.name {width:48%;}
    #paymentplanform .form-group.name.left {margin-right:4%;}
    #paymentplanform .form-group.number {width:48%; margin-right:4%;}
    #paymentplanform .form-group.exp {width:27%; margin-right:4%;}
    #paymentplanform .form-group.cvv {width:17%;}
    
    #paymentplanform .form-group.address {width:48%; margin-right:4%;}
    #paymentplanform .form-group.address.two {width:48%; margin-right: 0;}
    #paymentplanform .form-group.city {width:48%; margin-right:4%;}
    #paymentplanform .form-group.state {width:22%; margin-right:4%;}
    #paymentplanform .form-group.zipcode {width:22%;}
    
    
}

@media (min-width:768px) {
    
    /* Header */
    nav.header {padding: 25px 5% 0 5%;}
    nav.header .logo {width:140px;}
    nav.header #navicon {margin: 18px 0 0 0;}

    /* Menu */
    .menu {width:50%; box-shadow: 0px 10px 25px rgba(0,0,0,0.5);}
    .menu .insideclose {right:10%; top: 38px;}
    .menu span.menuouter {width:75%; text-align: left;}
    .menu ul > li a {font-size: 30px;}
    .menu ul > li {padding: 15px 0;}
    .menu ul > li i {font-size: 30px; width:30px; height: 30px; top: 15px; }
    .menu ul ul li:first-child {border-bottom:1px solid rgba(255,255,255,0.2); }
    .webkit.safari.mac .menu ul ul li:first-child {border-bottom:0px solid rgba(255,255,255,0.2); }
    .menu ul ul li a {font-size:28px;}
    
    /** Start Main Elements **/
    #pagecontent.container.changepadding {padding-left: 15px; padding-right: 15px;}
    .innerwrapper {margin: 91px 0 30px 0;}
    
   /*
	.modal {text-align: center; padding: 0!important;}
    .modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
    .modal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle; }
    */
    
    h1.page-title {margin: 1.2em 0 2em; padding: 0;}
    h1.page-title span {display:block; letter-spacing: 15px; font-size: 140px; top: -65px;}
    
    .container.payments h1.page-title {padding: 0 4%;}
    
    /* Forms */
    #formsuccess.modal .modal-sm {width:550px;}
    #pagecontent.middle {padding-left: 15px; padding-right: 15px;}
    #pagecontent.middle .col-sm-12 {width:92%; margin-left: 4%;}
    .formbody {padding: 25px;}
    form.form .form-group .control-label {font-size:17px;}
    form.form .form-group .form-control {font-size:17px;}
    .formbody .popover {max-width: 400px; font-size:14px; line-height: 21px;}
    
    /*Artwork */
	#formerrorupload.modal .modal-body > div button:first-child {margin-right: 5px;}
	#formerrorupload.modal .modal-body > div button { margin-bottom:0;}
    #drop .dz-message {}
    #drop .dz-message > span {font-size:32px;}
    #drop .dz-extrabutton {width:140px;height:38px; padding: 0px 0px 0px 0px;}
    #drop .dz-extrabutton button {padding: 8px 15px; font-size:15px;}

    #businfo {padding: 0 20px;}
    #busaddress {padding: 0 20px;}
    
    /* Payments */
    #paymentform .form-group.exp {width:28%; margin-right:4%;}
    #paymentform .form-group.cvv {width:16%;}
    #paymentform .form-group.amount {width:28%; margin-right:4%;}
    #paymentform .form-group.confirmamount {width:16%;}
    
    /* Payment Plan */
    #paymentplanform .form-group.exp {width:28%; margin-right:4%;}
    #paymentplanform .form-group.cvv {width:16%;}
    .formbody table.formtable.payment-plan td {line-height: 26px;}
	
	/* Program Pages */
	#pagecontent.programs .col-sm-10.formouter {margin-left: 4%; width: 92%}
	#pagecontent.programs .formbody {padding: 30px 20px; margin-top: 0;}
	.formbody table.formtable.text td {font-size:16px; line-height: 23px;}
	
	/* Signatures */
	#signature-pad {width:538px;}
	#signature-modal input.form-control {width:75%;}
	.pad-outer {padding: 15px;}
	
	/* Response */
	#pagecontent.programs .formbody.success {width:80%; margin-left: 10%;}
	.formbody.success .height {height: 260px;}
	.formbody.success .leftoutput { width:40%; padding: 0;}
	.formbody.success .leftoutput img {width:200px;}
	.formbody.success .rightoutput {width:60%;}
	.formbody.success .rightoutput h3 {font-size: 22px; line-height: 30px;}
	.formbody.success .rightoutput h5 {font-size: 16px; line-height: 22px;padding: 15px 0 20px;}
	
	/* VF Registration */
	.formbody.vf form .form-group {margin-bottom:20px;}
	
	.formbody.vf.cone form > div.formsection:first-child {margin: 15px auto 15px auto;}
	.formbody.vf.cone .formHeader h3 span.block {font-size: 20px; letter-spacing:1px; margin: 7px 0 0 0;}
	.formbody.vf.cone .formHeader h3 span.block:first-child {font-size: 47px;letter-spacing: 2px; margin: 0px 0 2px 0;}
	.formbody.vf.cone .formHeader h3 span.block:last-child {font-size: 32px;letter-spacing: 2px; margin: 5px 0 0 0;}
	
}



@media (min-width:992px) {
    
     /* Menu */
    .menu {width:45%;}
	.menu .insideclose {right: 11.2%; top: 46px;}
	
	/* Header */
	nav.header .logo {width:150px;}
	#menuicon {margin: 23px auto 0 auto;}
    
   /** Start Main Elements **/
    h1.page-title {margin: 1.9em 0 3em;}
    h1.page-title span {letter-spacing: 20px; font-size: 190px; top: -90px;}
    
    /* Artwork */
    .formbody form .group > .form-group.address {width:32%; margin-right: 1%; margin-bottom:0;}
    .formbody form .group > .form-group.city {width:25%; margin-left:1%;}
    .formbody form .group > .form-group.state {width:12%;}
    .formbody form .group > .form-group.zipcode {width:20%; }
    .formbody form .group > .form-group.plus {width:3%;}
    #fine-uploader2.fine-uploader {width:75%; margin-left: 12.5%;}
    
    /* Payments */
    #paymentform .form-group.exp {width:22%; margin-right:4%;}
    #paymentform .form-group.cvv {width:22%;}
    #paymentform .form-group.amount {width:22%; margin-right:4%;}
    #paymentform .form-group.confirmamount {width:22%;}
    
    /* Payment Plan */
    #paymentplanform .form-group.exp {width:22%; margin-right:4%;}
    #paymentplanform .form-group.cvv {width:22%;}
	
	/* Program Forms */
	#pagecontent.programs .col-sm-10.formouter {margin-left: 5%; width: 90%}
	.formbody table.formtable {width:95%;}
	#pagecontent.programs .formbody {padding: 35px 25px;}
    
}
@media (min-width: 992px) and (max-width: 1200px) {
	
	/* VF Forms */
}

@media (min-width:1200px) {
    
    /* Menu */
    .menu {width:35%;}
	.menu .insideclose {top:46px; right: 14.5%;}
    
    /** Start Main Elements **/
    h1.page-title {margin: 2.5em 0 3.4em;}
    h1.page-title span {letter-spacing: 32px; font-size: 220px; top: -110px;}
    
    /* Forms */
    .cond-yes {width:75%; margin: 0px 12.5% 0; }
    
    /* Artwork */
    .drop > .outerdrop {width:75%;  margin: 0 12.5% 15px 12.5%;}
	
	/* Program Forms */
	#pagecontent.programs .col-sm-10.formouter {margin-left: 12.5%; width: 75%;}
	#pagecontent.programs h1.page-title {margin: 2.5em 0 3em;}
	
	/* Response */
	#pagecontent.programs .formbody.success {width:85%; margin-left: 7.5%;}
	
	/* VF Registration */
	.formbody.vf form div.formsection:nth-child(2) .col-sm-4 {padding-left: 10px; padding-right: 10px;}
	.formbody.vf form div.formsection:nth-child(2) .col-sm-4 {width: 32%}
	.formbody.vf form div.formsection:nth-child(2) .col-sm-4.shortname {width: 30%}
	.formbody.vf form div.formsection:nth-child(2) .col-sm-4.longername {width: 38%}
	.formbody.vf form div.checkbox span.locationname {font-size: 12px;}
	
}


@media (min-width:1400px) {
	
	/* Program Forms */
	#pagecontent.programs .col-sm-10.formouter {margin-left: 17.5%; width:65%;}
	
	
}

@media (min-width:1450px) {
	
	/* VF Registration */
	.formbody.vf form div.checkbox span.locationname {font-size: 13px;}
}

@media (max-width: 768px) {

    /* Payments */
    #pagecontent.pay .control-group:first-child > h4 {margin-bottom:0px;}
    
    /* Program Forms */
	#pagecontent.programs h1.page-title {margin: 1em 0 1.2em;}
	#pagecontent.programs h1.page-title span {display:block; letter-spacing: 12px; font-size: 120px; top: -50px; text-align: left; left: 4%;}
    .contacttext2 > span {font-size:16px;line-height:22px;}
    #pagecontent.middle.programs h4 br {display:block;}
	
	/* Signatures */
	#signature-pad {max-width:95%;}
	
	/* Response */
	.formbody.success .otherLinks {margin: 0 auto 0 auto;}
	
	/* VF Registration */
	.formbody.vf.cone form .formsection [class^="col-"] {padding-left: 10px; padding-right: 10px;}
	.formbody.vf.palmetto form .formsection [class^="col-"] {padding-left: 10px; padding-right: 10px;}
	
	/* Export Page */
	#contracts.table-responsive {border: none;}
	
	#contracts .controls {text-align:center;}
	#contracts .controls a#exportbutton {float:none; display: block; width:20%; margin: 0 auto 10px;}
	#contracts .controls button {float:none; display: inline-block; width:20%; margin: 0 1% 0 1%}
	#contracts .controls button + button { margin: 0 1% 0 1%}
	#contracts .controls input.search {float:none;display: block; width:40%;margin: 0 auto 10px;}
}

@media (max-width: 700px) {
	/* Program Forms */
	.formbody table.formtable tr {}
	.formbody table.formtable td {width:100%; display:block; height:auto; text-align: left;}
	.formbody table.formtable td label.control-label {padding: 10px 0px 0px 0px; margin-bottom:5px;}
	.formbody table.formtable td.answer {margin-bottom:15px; margin-top:0px;}
	.formbody table.formtable.text td {padding-top:15px;}
	.formbody table.formtable.text td.lasttext {padding-top:15px;}
	.formbody table.formtable.signaturetable {margin-top:0px;}
	.formbody table.formtable.signaturetable td {text-align: center;}
	.formbody table.formtable.signaturetable td.tablespace {display:none;}
	.formbody table.formtable.signaturetable td:not(.answer) {height:auto;}
	.formbody table.formtable.signaturetable td.answer {margin-top:15px; margin-bottom:0px;}
	.formbody table.formtable.signaturetable td input.form-control {text-align: center;}
	.formbody table.formtable.signaturetable td input[type=button] {text-align: center;}
	.formbody table.formtable.signaturetable #hiddenImage img {margin: 0 auto;}
	
	/* Export Page */
	#contracts .controls a#exportbutton {width:30%;}
	#contracts .controls button {width:23%; margin: 0 0.5% 0 0.5%}
	#contracts .controls button + button { margin: 0 0.5% 0 0.5%}
	#contracts .controls input.search {width:50%;}
}

@media (max-width:650px) {
    /* Program Forms */
	#pagecontent.programs h1.page-title {margin: 0.7em 0 0.9em;}
	#pagecontent.programs h1.page-title span {letter-spacing: 10px; font-size: 100px; top: -40px;}
    .contacttext2 > span:first-child {line-height:1.6;}
    .contacttext2 > span:first-child > i {display:none;}
    .contacttext2 > span:first-child br {display: block;}

	.contacttext > span {}
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
	
	.formbody table.formtable.formactions button.btn {padding: 6px 12px; font-size: 14px;}
	
}

@media (max-width:550px) {
    #pagecontent.middle .col-sm-12 {padding: 15px 15px;}
    #pagecontent.middle p {font-size: 16px;line-height: 22px;}
    #pagecontent.middle p > span {font-size: 16px;line-height: 22px;}
    
    #pagecontent.middle.programs p {font-size: 16px;line-height: 22px;}
    #pagecontent.middle.programs p > span {font-size: 16px;line-height: 22px;}
    
    .contacttext2 > span:last-child {line-height:1.4;}
    .contacttext2 > span:last-child br {display: block;}
    .contacttext2 > span:last-child > i:nth-child(4) {display: none;}
    
    footer {font-size:12px; line-height: 18px; bottom: 8px;}
    .menufooter {font-size: 12px; bottom: 20px; line-height: 18px;}
    
    .formbody .popover {font-size:13px;}
	
	/* Program Forms */
	#pagecontent.programs h1.page-title {margin: 0.2em 0 0.5em;}
	#pagecontent.programs h1.page-title span {letter-spacing: 10px; font-size: 85px; top: -25px;}
	#pagecontent.programs .formbody {padding: 20px 15px;}
	.formlogo img {width:170px;}

	.contacttext {margin: 5px auto 25px auto;}
	.contacttext > span {font-size:15px; line-height:20px;}
	#pagecontent.programs .formbody h4 {font-size:22px;margin: 0px auto 20px;}
	
	/* Export Page */
	#contracts .controls a#exportbutton {width:49%; margin: 0 auto 8px;}
	#contracts .controls button {width:48%; margin: 0 0.5% 0 0.5%}
	#contracts .controls button + button { margin: 0px 0.5% 0 0.5%}
	#contracts .controls button:nth-child(3), #contracts .controls button:nth-child(4) {margin-bottom:8px;}
	#contracts .controls input.search {width:80%;}
	
	
}
@media (max-width:480px) {
    
    h1.page-title {font-size:36px;}

    #pagecontent.middle p:first-child {margin-bottom:8px;}
    #pagecontent.middle p > span {font-size: 16px;line-height: 22px; display:block;}
    #pagecontent.middle p br {display:block;}
    #pagecontent.middle p > i {display: none; }
    .cond-yes {padding: 0;}
    
    #drop {padding: 0 10px 15px; min-height: 0;}
    #drop .dz-message {margin: 1em auto;}
    #drop .dz-message > span {font-size:19px; line-height: 24px;}
    #drop .dz-extrabutton {padding: 0; height:34px;}

    .formbody form.form .form-group.half {width:49%;}
    .formbody form.form .form-group.half.left {margin-right:2%;}
    
    form.form .form-group .form-control {padding: 10px 10px; height: 40px; font-size: 14px;}
    form.form .form-group .control-label {top: 8px; padding: 0 5px;font-size:14px;}
    
    form.form .group .form-group .form-control {font-size: 14px;}
    form.form .group .form-group .control-label {font-size: 14px;}
    
    #busaddress .group .form-group .form-control {font-size: 14px;}
    #busaddress .group .form-group .control-label {font-size: 14px;}

    #businfo .form-group .form-control {padding: 10px 10px; font-size:14px;}
    #businfo .form-group .control-label {font-size:14px;}
    #businfo .form-group .control-label span {display:none;}
    
    .form-group.alt > div > span {width:100%; margin: 0 auto 15px; display: block;}
    .form-group .radio-inline {float:none; display: inline-block;}
    
    .formbody .popover {font-size:13px; line-height: 18px;border-bottom: 2px solid #c3352b;max-width:275px;}
    .formbody .popover.top {margin-bottom:7px;}
    .formbody .popover.top > .arrow {margin-left: -8px; border-width:0px; width:16px; height: 8px;}
    .formbody .popover.top > .arrow:after {border-width:8px; border: 8px solid transparent; border-top-color: #c3352b; bottom:-6px;}
    .formbody .popover-content {padding: 4px 10px; }
    
    /* Payments */
    #paymentform .form-group.exp {width:49%; margin-right:2%;}
    #paymentform .form-group.cvv {width:49%;}
    #paymentform .form-group.amount {width:49%; margin-right:2%;}
    #paymentform .form-group.confirmamount {width:49%;}
    
    /* Payment Plan */
    #paymentplanform .form-group.exp {width:49%; margin-right:2%;}
    #paymentplanform .form-group.cvv {width:49%;}
	
	/* Program Forms */
	#pagecontent.container-fluid.programs > .row {margin-left: 0; margin-right: 0;}
	#pagecontent.container-fluid.programs > .row > .col-xs-12.formouter {padding-left: 0px; padding-right: 0px;}
	#pagecontent.programs .formbody {-webkit-box-shadow:none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0;}
	#pagecontent.programs h1.page-title {margin: 0em 0 0.5em;}
	#pagecontent.programs h1.page-title span {letter-spacing: 10px; font-size: 70px; top: -22px;}
	.contacttext > span:last-child br {display: block;}
    .contacttext > span:last-child > i:nth-child(4) {display: none;}
	.contacttext > span:last-child > i:nth-child(6) {display:none;}
	
	/* VF Registrations */
	.formbody.vf.cone .formHeader h3 span.block {font-size: 16px; letter-spacing:0px; margin: 0px 0 0 0; line-height: 28px;}
	.formbody.vf.cone .formHeader h3 span.block:first-child {font-size: 34px;letter-spacing: 2px; margin: 0px 0 0px 0;}
	.formbody.vf.cone .formHeader h3 span.block:last-child {font-size: 23px;letter-spacing: 2px; margin: 0px 0 0 0;}
	
	.formbody.vf.palmetto .formHeader h3 span.block {font-size: 21px;}
	.formbody.vf.palmetto .formHeader h3 span.block:first-child {font-size: 32px;}
	.formbody.vf.palmetto .formHeader h3 span.block:nth-child(3) {margin: 4px 0 0 0; line-height:30px;}
	.formbody.vf.palmetto .formHeader h3 span.block:nth-child(5) {font-size: 24px; margin: 0 0 8px 0;line-height:28px;}
	.formbody.vf.palmetto .formHeader h3 span.block:last-child {font-size: 32px;}
	#pagecontent.programs .formbody.vf.palmetto form > div.formsection span.sectiontitle h4 {font-size:18px;}
	
	/* Policy Pages */
	#privacytable .well p {overflow-wrap: break-word;word-wrap: break-word;}
	#privacytable .well a {overflow-wrap: break-word;word-wrap: break-word;}
	
	
}

@media (max-width:410px) {
    form.form .form-group .control-label, form.form .group .form-group .control-label, #businfo .form-group .control-label, #busaddress .group .form-group .control-label {font-size:13px;}
    form.form .form-group .form-control, form.form .group .form-group .form-control, #businfo .form-group .form-control, #busaddress .group .form-group .form-control{font-size: 13px;}
	
	/* Program Forms */
	#pagecontent.programs h1.page-title {margin: 0em 0 0.3em;}
	#pagecontent.programs h1.page-title span {letter-spacing: 7px; font-size: 60px; top: -17px;}
	
	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .rightoutput h3 {font-size: 17px; line-height: 24px;}
	.formbody.success .rightoutput h5 {font-size: 14px; line-height: 20px;}
	.formbody.success .leftoutput {padding: 0;}
	
}

@media (max-width: 375px) {
    #pagecontent.middle .col-sm-12 {padding: 15px 10px;}
    #pagecontent.middle p > span {font-size: 15px;line-height: 24px;}
    
    .formbody form.form {margin: 15px auto 0 auto;}
    
    footer {font-size:11px; line-height: 16px; bottom: 5px;}
    .menufooter {font-size: 11px; bottom: 15px; line-height: 16px;}
	
	/* Program Forms */
	.formbody table.formtable.signaturetable #hiddenImage img {width:90%;}
	
	/* Response */
	.formbody.success .otherLinks a.btn {display:block; margin: 0 auto;}
	.formbody.success .otherLinks a.btn:last-child {margin-top:10px;}
	
	/* VF Registrations */
	.formbody.vf.palmetto .formHeader h3 span.block {font-size: 18px;}
	.formbody.vf.palmetto .formHeader h3 span.block:first-child {font-size: 26px;}
	.formbody.vf.palmetto .formHeader h3 span.block:nth-child(3) {margin: 4px 0 0 0; line-height:26px;}
	.formbody.vf.palmetto .formHeader h3 span.block:nth-child(5) {font-size: 20px; margin: 0 0 8px 0;line-height:24px;}
	.formbody.vf.palmetto .formHeader h3 span.block:last-child {font-size: 26px;}
}

@media (max-width:350px) {
	
	/* VF Registrations */
	.formbody.vf.cone .formHeader h3 span.block {font-size: 15px; letter-spacing:0px; margin: 0px 0 0 0; line-height: 25px; text-align: center;}
	.formbody.vf.cone .formHeader h3 span.block:first-child {font-size: 32px;letter-spacing: 2px; margin: 0px 0 0px 0;}
	.formbody.vf.cone .formHeader h3 span.block:last-child {font-size: 21px;letter-spacing: 2px; margin: 0px 0 0 0;}
	
}

@media (max-width:320px) {
    
    h1.page-title {font-size:32px;}
    #pagecontent.middle p > span {display:block;}
    #pagecontent.middle p > i {display:none;}
    .formbody form.form {margin: 10px auto 0 auto;}
	
	/* Program Forms */
	#pagecontent.container-fluid.programs {padding-left: 10px; padding-right: 10px;}
	#pagecontent.programs h1.page-title {margin: 0em 0 0.2em;}
	#pagecontent.programs h1.page-title span {letter-spacing: 7px; font-size: 50px; top: -15px;}
	.contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
	#pagecontent.programs .formbody h4 {font-size:21px;}
	
	
}

#firefox {display:none !important;}
html.firefox78.mac #firefox {display:block !important;}
html.firefox78.mac form#artworkform {display:none;}