@media screen and (min-width: 391px) {
  .globalClass.receipt.js-form-item.form-item {
    font-size: 1.5rem;
    margin-bottom: 2rem !important;
  }
}
@media only screen and (min-width: 345px) and (max-width: 390px) {
  .globalClass.receipt.js-form-item.form-item {
    font-size: 1.3rem;
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 1150px) {
  .newsletter-webform {
    padding: 50px 13rem !important;
  }
}

.form-item__textfield, .form-item__textfield:focus {
  border-color: #000000 !important;
  color: #000000 !important;
}

.form--inline .button {
  padding: 1rem;
  color: #ffffff;
}

.signup-form-wrp .newsletter-webform .globalClass .form-item__select {
  color: #ffffff !important;
  border-radius: 5rem;
  border: 1px solid #ffffff;
}

.signup-form-wrp .newsletter-webform .globalClass .form-item__select:focus {
  border-radius: 5rem;
}

input#edit-actions-submit {
  background-color: transparent !important;
  border: 2px solid #f2c664;
  color: #f2c664 !important;
  font-size: 1.8rem !important;
  line-height: normal !important;
}

.globalClass .globalElement, .globalClass .js-form-item, .globalClass .globalTextElement, .form-item__dropdown {
  padding: 15px;
  border: 2px solid #ffffff !important;
  color: #000000 !important;
  resize: none;
  margin: 0 auto 1.6rem !important;
}

::placeholder {
  color: #000000 !important;
}

.signup-form-wrp .newsletter-webform .aboutyou, .signup-form-wrp .newsletter-webform .aboutyourpet, .signup-form-wrp .newsletter-webform .about {
  width: 100%;
  margin: 0 0px;
}

.signup-form-wrp .newsletter-webform .aboutyou h3, .signup-form-wrp .newsletter-webform .aboutyourpet h3 {
  color: #ffffff !important;
  font-size: 3rem;
  margin: -8px;
    padding: 10px;
}

.signup-form-wrp .newsletter-webform .about p {
  color: #ffffff;
  font-size: 16px;
  margin: 10px 0;
}

.signup-form-wrp .newsletter-webform .about a {
  color: #f2c664 !important;
  text-decoration: none;
}

.termsandcondition, .globalPrivacy .webform-element-description {
  color: #ffffff !important;
}

.form-date {
  padding: 15px !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  margin: 0 auto 1.6rem !important;
}

a.termsdec {
  text-decoration: none;
}

span.validation-error:nth-last-child(4) {
  display: block !important;
  width: 100%;
}

span.validation-error {
  display: none;
}

@media screen and (min-width: 1150px) {
  .signup-form-wrp .newsletter-webform .globalFormSubmit, .globalClass,  .globalClass .globalElement, .globalClass .js-form-item, .globalClass .globalTextElement {
    width: 100% !important;
    max-width: 100% !important;
  }
.globalPrivacy.news-tnc {
    width: 100%;
    margin: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
 .signup-form-wrp .newsletter-webform .aboutyou, .signup-form-wrp .newsletter-webform .aboutyourpet, .signup-form-wrp .newsletter-webform .about, .termsandcondition {
    max-width: 62rem;
    margin: 8px auto;
  }
}

@media only screen and (max-width: 768px) {
  .globalClass {
    //max-width: 40rem !important;
    //padding: 0 16px;
  }
  .signup-form-wrp .newsletter-webform .aboutyou, .signup-form-wrp .newsletter-webform .aboutyourpet, .signup-form-wrp .newsletter-webform .about, .termsandcondition {
    //padding: 0 16px;
    margin: 8px auto;
  }
}

.newsletter-label h2 {
  font-size: 3.2rem;
}

@media only screen and (max-width: 374px) {
  .newsletter-label h2 {
    font-size: 2.8rem;
  }
}

.text-count-wrapper {
  color: #ffffff !important;
}

.signup-form-wrp .newsletter-webform .phone {
  margin-bottom: 2rem !important;
}
.globalClass label {
    color: #ffffff !important;
}
@media (min-width: 275px) and (max-width: 374px) {
.signup-form-wrp .newsletter-webform .aboutyou, .signup-form-wrp .newsletter-webform .aboutyourpet, .signup-form-wrp .newsletter-webform .about, .termsandcondition {
    max-width: 25rem;
    //padding: 0 16px;
    margin: 8px auto;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
.signup-form-wrp .newsletter-webform .about {
        max-width: 31rem;
        margin: 8px auto;
        padding: 0 0px;
    }
}
@media only screen and (max-width: 767px) {
    .signup-form-wrp .newsletter-webform .aboutyou, .signup-form-wrp .newsletter-webform .aboutyourpet, .signup-form-wrp .newsletter-webform .about, .termsandcondition {
        margin: 8px auto;
        max-width: 31rem;
    }
}
@media (min-width: 374px) and (max-width: 775px){
    .signup-form {
       background-color: rgba(255, 255, 255, .06);
        width: 90%;
        margin: 0 auto;
}
}
@media (min-width: 776px){
    .signup-form {
       background-color: rgba(255, 255, 255, .06);
        width: 75%;
        margin: 0 auto;
}
}
