.text-error{display:none;} #valid, #validphone{ color: #fff; background: url(https://explore.alliant.edu/rs/931-NDC-813/images/alliantlogo.jpg) no-repeat left #32CD32; border-left: 1px solid #32CD32; padding: 0; width: 95px; display: none; text-align: left; border-radius: 2px; margin-top: 5px; font-size: 12px; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; } #valid span{ text-align: right; padding-right: 3px; font-weight: bold; font-size: 11px;cursor:pointer; } #invalid, #invalidphone{ color: #fff; background: url('https://explore.alliant.edu/rs/931-NDC-813/images/alliantlogo.jpg') no-repeat left #f5573c; border-left: 1px solid #f5573c; padding: 0px; width: 108px; display: none; text-align: left; border-radius: 2px; margin-top: 5px; font-size: 12px; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; } .zipcode-success{ color: #fff; background: url(https://explore.alliant.edu/rs/931-NDC-813/images/alliantlogo.jpg) no-repeat left #32CD32; border-left: 1px solid #32CD32; padding: 0; width: 115px; display: none; text-align: left; border-radius: 2px; margin-top: 5px; font-size: 12px; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; } .zipcode-error{ color: #fff; background: url('https://explore.alliant.edu/rs/931-NDC-813/images/alliantlogo.jpg') no-repeat left #f5573c; border-left: 1px solid #f5573c; padding: 0px; width: 115px; display: none; text-align: left; border-radius: 2px; margin-top: 5px; font-size: 12px; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; clear:both; } .zipcode-error span, .zipcode-success span{font-size: 12px !important; color:#fff !important;padding-left: 22px} #invalid span, #invalidphone span, #validphone span, #validaddress span, #invalidaddress span{ text-align: right; padding-right: 3px; font-weight: bold; font-size: 11px;cursor:pointer } #invalid span, #invalidphone span, #valid span, #validphone span, #invalidaddress span, #validaddress span, .zipcode-error span{ padding-left: 22px !important;font-size: 12px;color: #fff; } @media only screen and (max-width: 600px) { .zipcode-error, .zipcode-success, #invalid, #invalidphone, #valid, #validphone{ float:none; } }