a:active, a:focus {
	outline: 0;
	border: none;
	-moz-outline-style: none;
  }
  
  html {
	  margin-top: 3px !important;
  }
  html.js {
	  padding: 0px!important;
	  margin: 0px!important;
  }
  #tab11 input#next11 {
	  margin-top: 10px;
  }
  #vertically_img input[type="radio"] {
	  top: 2px;
	  position: relative;
  }
  #tab2 #vertically_img input[type="radio"] {
	  top: 7px;
  }
  #tab1 #vertically_img input[type="radio"] {
	  top: 7px;
  }
  .page-template-WellWaterTemplate #tab10No #ver_img .img-home-btm p {
	line-height: 1.2;
  }
  .page-template-WellWaterTemplate #tab10No #ver_img .slider {height: 222px;border: 0px;margin-top: 0px;display: inline;
  }
  
  /* mozilla css start here  */
  input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
	transition: 0.2s all linear;
	margin-right: 5px;
  
	position: relative;
	top: 4px;
  }
  /* mozilla css end here  */
  
  input[type='radio']::after,
  input[type='radio']:checked::after {
	  width: 19px;
	  height: 19px;
	  border-radius: 15px;
	  top: -2px;
	  left: 0px;
	  position: relative;
	  content: '';
	  display: inline-block;
	  visibility: visible;
  }
  
  input[type='radio']::after {
	  background-color: #fff;
	  border: 2px #999 solid;
  }
  
  input[type='radio']:checked::after {
	  background-color: #1762ae;
	  border: 2px solid #1762ae;
  }
  input[type=range]::-moz-focus-outer {
	  border: 0;
  }
  
  body:not(.user-is-tabbing) button:focus,
  body:not(.user-is-tabbing) input:focus,
  body:not(.user-is-tabbing) select:focus,
  body:not(.user-is-tabbing) textarea:focus {
	outline: none;
  }
  
  #vertically_img input[type='radio']::after,
  #vertically_img input[type='radio']:checked::after {
	  top: 0px;
  }
  
  div#tab2 #vertically_img input[type="radio"] {
	  visibility: hidden;
	  z-index: 99;
	  cursor: pointer;
  }
  
  div#tab2 .left.rd_btn {
	  top: 5px;
  }
  div#tab1 #vertically_img input[type="radio"] {
	  visibility: hidden;
	  z-index: 99;
	  cursor: pointer;
  }
  
  div#tab1 .left.rd_btn {
	  top: 5px;
  }
  html {
	  background: #fff;
  }
  
  .col-sm-12.back-btn {
	  width: 80px;
	  position: absolute;
	  top: 20px;
	  right: 10%;
	  z-index: 999;
  }
  
  .none {
	  display: none;
  }
  
  .col-sm-12.text-center.progress-img {
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .color-brown {
	  color: #999;
	  font-size: 25px;
  }
  
  .col-sm-12.text-center.txt {
	  width: 68%;
	  margin-left: auto;
	  margin-bottom: 20px;
	  margin-right: auto;
  }
  
  .col-sm-12.text-center.txt p {
	  font-size: 25px;
	  line-height: 35px;
	  font-family: 'Lato', sans-serif;
  }
  p {
	  font-family: 'Lato', sans-serif;
  }
  
  input[type="button"] {
	  font-family: 'Lato', sans-serif;
  }
  
  p.color-brown {
	  font-family: 'Lato', sans-serif;
  }
  
  .col-sm-12.text-center.top-txt {
	  margin-top: 0px;
  }
  
  .img-home-btm {
	  border: 4px solid #999;
	  margin: 10px 20px;
	  padding: 10px;
	  border-radius: 11px;
	  max-height: 176px;
  }
  
  .step_tab .img-home-btm,
  .home_link .img-home-btm {
	  padding: 0px;
  }
  
  .step_tab label,
  .home_link label {
	  cursor: pointer;
	  padding: 10px;
  }
  
  #next.topmr {
	  margin-top: 20px;
	  margin-bottom: 20px;
  }
  
  #small-img .img-home-btm p {
	  font-size: 14px;
	  color: #999;
	  text-transform: uppercase;
  }
  #small-img .img-home-btm p span.ttra {
	  text-transform: none;
  }
  .img-home-btm p {
	  font-size: 16px;
  }
  
  .div-img .center {
	  padding-top: 20%;
	  padding-bottom: 7%;
  }
  
  .div-img {
	  min-width: 90px;
  }
  
  #small-img {
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .step_form-php #primary {
	  padding-left: 15%;
	  padding-right: 15%;
  }
  
  .img-home-btm.selected {
	  border: solid 4px #1762ae !important;
  }
  
  .img-home-btm.selected p {
	  color: #1762ae !important;
	  font-weight: 600 !important;
  }
  
  input#next_home {
	  background: #1762ae;
	  padding: 15px 60px;
	  border-radius: 10px;
	  margin-top: 20px;
  }
  
  .div-img img {
	  width: 90px;
	  max-height: 72px;
  }
  
  .progress-img img {
	  width: 200px;
  }
  
  input#next {
	  padding: 10px 25px;
	  width: unset;
	  border-radius: 10px;
	  background: #1762ae;
  }
  
  button#prevBtn {
	  display: none;
  }
  
  button#nextBtn {
	  display: none;
  }
  
  div#vertically_img .img-home-btm {
	  min-width: 200px;
	  display: flex;
	  flex-direction: row;
	  /*justify-content: center; */
	  position: relative;
  }
  
  div#vertically_img {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
  }
  
  .full-width {
	  width: 100%;
  }
  
  .left.rd_btn {
	  position: absolute;
  }
  
  .slider {
  height: 240px;
	  overflow-x: auto;
	  margin-bottom: 15px;
	  border: 1px solid #e0e0e0;
	  padding: 10px 0;
  }
  
  .slider label {
	  width: 100%;
	  margin-bottom: 0;
  }
  
  .wdt_sld .left.rd_btn {
	  left: 19%;
  }
  
  .wdt_sld.tb_ver input[type='radio']:checked::after {
	  width: 250px;
	  height: 50px;
  }
  
  .wdt_sld .slider {
	  width: 450px;
  }
  
  .sml_txt {
	  font-size: 18px;
  }
  
  .tb_ver .img-home-btm {
	  border: transparent;
  }
  
  .tb_ver .img-home-btm input[type="radio"]::after {
	  visibility: hidden;
  }
  
  .tb_ver .img-home-btm input[type="radio"] {
	  visibility: hidden;
  }
  
  div#vertically_img .img-home-btm {
	  padding-left: 30px;
	  padding-right: 30px;
  }
  
  .img-home-btm label {
	  cursor: pointer;
  }
  
  .left.rd_btn {
	  left: 15px;
  }
  
  .lbl_tab2 .img-home-btm.selected p {
	  font-size: 18px;
	  font-weight: 900;
  }
  
  .lbl_tab2 .img-home-btm {
	  padding: 0;
  }
  
  .lbl_tab2 .img-home-btm label {
	  padding: 10px 20px;
  }
  
  #ver_img .img-home-btm {
	  position: relative;
	  max-width: 200px;
	  margin-left: auto !important;
	  margin-right: auto !important;
  }
  
  #ver_img .img-home-btm input[type='radio'] {
	  margin-right: auto;
  }
  
  div#ver_img .txt p {
	  font-size: 16px;
  }
  
  span.large-txt {
	  font-size: 30px;
  }
  
  div#ver_img .img-home-btm p {
	  font-size: 13px;
	  text-transform: none;
  }
  
  div#ver_img .img-home-btm.selected p {
	  font-weight: 100;
	  /* line-height: 1.2; */
  }
  
  #ver_img .img-home-btm {
	  border: 4px solid #999;
  }
  
  div#ver_img label {
	  padding: 3px !important;
  }
  
  div#ver_img .slider {
	  max-width: 260px;
	  margin: auto;
  }
  
  .name_email div#input_txt {
	  max-width: 500px;
	  margin-left: auto;
	  margin-right: auto;
  }
  
  .name_email input[type="text"],
  .name_email input[type="Email"] {
	  margin: 10px 0;
	  padding: 10px;
  }
  
  .name_email #input_txt p {
	  font-size: 15px;
  }
  
  span.blue-txt {
	  color: #1762ae;
	  font-weight: 600;
  }
  .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
	  margin: 0 auto !important;
  }
  /* rege slider css start here */
  
  .rage_slider {
	  -webkit-appearance: none;
	  width: 100%;
	  height: 5px;
	  background: transparent;
	  outline: none;
	  opacity: 0.7;
	  -webkit-transition: .2s;
	  transition: opacity .2s;
	  max-width: 427px;
	  float: right;
	  right: 19px;
	  top: 43px;
	  position: absolute;
	  opacity: 1;
  }
  
  .rage_slider::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  appearance: none;
	  width: 30px;
	  height: 30px;
	  border: 8px solid #1762ae;
	  background: transparent;
	  cursor: pointer;
	  border-radius: 50%;
  }
  
  .rage_slider::-moz-range-thumb {
	  width: 12px;
	  height: 12px;
	  border: 8px solid #1762ae;
	  background: transparent;
	  cursor: pointer;
	  border-radius: 50%;
  }
  
  
  /* rege slider css end here */
  
  #rage_slider p {
	  font-size: 18px;
	  line-height: 1;
  }
  
  div#myDiv {
	  background: url(https://watersoftenersizing.com/wp-content/uploads/2019/09/range-slider1.png);
	  max-width: 530px;
	  margin: auto;
	  min-height: 144px;
	  background-position: top;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  position: relative;
	  margin-top: 15px;
	  margin-bottom: 10px;
  }
  
  #radio_btn {
	  max-width: 347px;
	  margin: auto;
	  border: 4px solid #999;
	  border-radius: 10px;
	  text-align: left;
  }
  
  input#radio_over {
	  visibility: hidden;
  }
  
  #radio_bttn input[type='radio']::after,
  #radio_bttn input[type='radio']:checked::after {
	  top: 20px;
	  left: 10px;
  }
  
  #radio_bttn {
	  height: 0;
  }
  
  #radio_btn label {
	  margin: 0;
	  width: 100%;
  }
  
  #radio_btn .txt {
	  padding-left: 40px;
  }
  
  .selected1 {
	  border: solid 4px #1762ae !important;
	  color: #1762ae !important;
  }
  
  .step_form .progress-img img {
	  width: 160px;
  }
  
  .step_form .color-brown {
	  font-size: 40px;
  }
  
  #tab2 .img-home-btm label {
	  padding-top: 5px;
	  padding-bottom: 5px;
  }
  
  #tab2 input[type='radio']::after,
  #tab2 input[type='radio']:checked::after {
	  top: -6.5px;
  }
  
  #tab2 .img-home-btm {
	  margin-top: 0px;
	  margin-bottom: 5px;
  }
  
  #tab2 .slider {
	  margin-bottom: 5px;
  }
  #tab1 .img-home-btm label {
	  padding-top: 5px;
	  padding-bottom: 5px;
  }
  
  #tab1 input[type='radio']::after,
  #tab1 input[type='radio']:checked::after {
	  top: -6.5px;
  }
  
  #tab1 .img-home-btm {
	  margin-top: 0px;
	  margin-bottom: 5px;
  }
  
  #tab1 .slider {
	  margin-bottom: 5px;
  }
  .img-home-btm {
	  padding: 0;
  }
  
  .img-home-btm label {
	  padding: 10px;
	  margin-bottom: 0;
  }
  
  .img-home-btm p {
	  margin-bottom: 0;
  }
  
  .left.rd_btn {
	  top: 1px;
  }
  
  .lbl_tab2 .img-home-btm label {
	  padding: 6px 20px;
  }
  
  img.icon_heading {
	  width: 25px;
	  margin-left: 10px;
	  margin-bottom: 5px;
  }
  
  input#form_next {
	  padding: 15px 60px;
	  width: unset;
	  border-radius: 10px;
	  background: #1762ae;
  }
  input[name="Next"] {
	  padding: 15px 60px;
  }
  #tab9 span.blue-txt {
	  font-size: 11px;
	  font-weight: 100;
  }
  
  .page-template-WellWaterTemplate .col-sm-12.text-center.top-txt .color-brown,
  .page-template-CityWaterTemplate .col-sm-12.text-center.top-txt .color-brown {
	  font-size: 24px;
  }
  
  /*.page-template-WellWaterTemplate .col-sm-12.text-center.txt p{
	  font-size: 23px;
  }*/
  
  input[value="Next"] {
	  margin-top: 15px;
  }
  
  .page-template-WellWaterTemplate .step_form .color-brown {
	  font-size: 24px;
  }
  
  .page-template-WellWaterTemplate .txt p {
	  font-size: 23px;
  }
  
  div#tab7No .col-sm-12.text-center.txt p {
	  font-size: 25px;
	line-height: 35px;
	font-family: 'Lato', sans-serif;
  }
  
  /*#tab7Yes .col-sm-12.text-center.txt p {
	  font-size: 18px !important;
	  line-height: 1;
  }*/
  
  #tab7Yes #rage_slider>div:nth-child(1) p {
	  line-height: 1;
  }
  #tab7No #ver_img .img-home-btm p {
	  line-height: 1.2;
  }
  #radio_btn .txt.right span {
	  font-size: 18px !important;
	  font-weight:600;
	  font-family: 'Lato', sans-serif;
  }
  
  #tab7Yes .col-sm-12.text-center.txt {
	  margin-bottom: 13px;
  }
  
  #radio_bttn input[type="radio"]::after,
  #radio_bttn input[type="radio"]:checked::after {
	  top: 13px !important;
  }
  
  div#tab7No div#ver_img .slider {
	  max-width: 360px;
	  margin: auto;
	  height: auto;
  }
  
  .page-template-WellWaterTemplate #tab6 .col-sm-12.text-center.txt {
	  width: 50%;
  }
  .page-template-WellWaterTemplate #tab6 .col-sm-12.text-center.txt p{
	  line-height: 1.2 !important;
	  margin-bottom: 0;
  }
  /*.page-template-WellWaterTemplate div#tab10Yes .col-sm-12.text-center.txt p {
	  font-size: 20px !important;
	  line-height: 1;
  }*/
  
  .page-template-WellWaterTemplate div#tab10Yes .col-sm-12.text-center.txt {
	  margin-bottom: 10px;
  }
  
  .page-template-WellWaterTemplate div#tab10Yes #rage_slider p {
	  font-size: 18px !important;
  }
  input#TandC {
	  width: 19px;
	  height: 19px;
  }
  
  input[type=checkbox] {
	  top: 3px;
	  position: relative;
	  left: 13px;
	  margin-right: 20px;
  }
  
  input[type="radio"] {
	margin-right: 0;
  }
  .page-template-CityWaterTemplate #tab7No .col-sm-12.text-center.txt {
	  width: 60%;
  }
  
  /*.page-template-WellWaterTemplate #tab12No  .txt p {font-size: 18px !important;line-height: 1;}*/
  .page-template-WellWaterTemplate #tab12No .img-home-btm {    min-height: 60px;}
  .page-template-WellWaterTemplate #tab12No #ver_img .img-home-btm p {    line-height: 1.2;}
  /*.page-template-WellWaterTemplate #tab9 .col-sm-12.text-center.txt p {
	  line-height: 1.2;    font-size: 18px !important;}*/
  .page-template-WellWaterTemplate #tab9 div#ver_img .slider {height: 217px;border: 0px;padding: 0px;}
  .page-template-WellWaterTemplate #tab9 div#ver_img .img-home-btm p {
	  line-height: 1.4;    font-size: 15px;}
  .page-template-WellWaterTemplate #tab9 span.large-txt {    font-size: 22px;}
  .page-template-WellWaterTemplate #tab9  span.blue-txt {font-weight: 400;font-size: 9px;}
  .page-template-WellWaterTemplate #tab12Yes label {    padding: 5px !important;}
  .page-template-WellWaterTemplate #tab12Yes #vertically_img input[type="radio"] {    top: 5px;}
  /*.page-template-WellWaterTemplate #tab10No .col-sm-12.text-center.txt p {
	  font-size: 20px !important;
	  line-height: 1.2;
  }*/
  .page-template-WellWaterTemplate #tab10No  #ver_img .img-home-btm {margin-top: 10px;}
  .page-template-WellWaterTemplate #tab10No .col-sm-12.text-center.top-txt .color-brown {
	  line-height: 1.2;
  }
  .page-template-CityWaterTemplate #tab6 .col-sm-12.text-center.txt p {
		  line-height: 1.2;
  }
  /*
  .page-template-CityWaterTemplate #tab11 .col-sm-12.text-center.txt,
  .page-template-CityWaterTemplate #tab10 .col-sm-12.text-center.txt,
  .page-template-WellWaterTemplate #tab20 .col-sm-12.text-center.txt{
	  width: 75%;
  } */
  .progress-img img {
	  width: 160px;
  }
  .container > .top-txt p {
	  font-size: 24px !important;
	  font-family: 'Lato', sans-serif !important;
  }
  div#tab7No .slider {
	  border: 0;
  }
  /* ******** responsive start here ********* */
  
  @media only screen and (max-width: 799px) {
	  #tab6 .col-sm-12.text-center.txt,
	  .col-sm-12.text-center.txt {
		  width: 100%;
	  }
	  .sml_txt {
	  font-size: 14px;
  }
	  .col-sm-12.text-center.progress-img img {
		  width: 120px;
	  }
	  .page-template-WellWaterTemplate .col-sm-12.text-center.txt p,
	  .page-template-CityWaterTemplate .col-sm-12.text-center.txt p {
		  font-size: 20px;
		  line-height: 1.2;
	  }
	  .slider {
		  height: 200px;
	  }
	  .page-template-WellWaterTemplate .col-sm-12.text-center.progress-img img,
	  .page-template-CityWaterTemplate .col-sm-12.text-center.progress-img img {
		  width: 120px;
	  }
	  .page-template-WellWaterTemplate .col-sm-12.text-center.top-txt .color-brown,
	  .page-template-CityWaterTemplate .col-sm-12.text-center.top-txt .color-brown {
		  font-size: 20px;
		  line-height: 1.2;
	  }
	  .page-id-1106 .col-sm-12.text-center.txt p {
	  font-size: 20px;
	  line-height: 1.6;
  }
	  .page-id-1106 .img-home-btm {
		  margin: 7px;
	  }
	  .page-template-CityWaterTemplate  #tab11 .col-sm-12.text-center.txt,
	  .page-template-CityWaterTemplate  #tab10 .col-sm-12.text-center.txt,
	  .page-template-WellWaterTemplate #tab6 .col-sm-12.text-center.txt,
	  .page-template-WellWaterTemplate #tab20 .col-sm-12.text-center.txt{
		  width: 100%;
	  }
	  .site-branding {
	  margin-left: 58px !important;
  }
  img.custom-logo {
	  width: 150px;
  }
  div#site-header-menu img {
	  width: 20px !important;
  }
  div#site-header-menu {
	  top: -9px;
  }
  .col-sm-12.back-btn {
	  top: 3px;
	  right: 0;
  }
  .col-sm-12.back-btn img {
	  width: 30px;
  }
  div.hom_ftr {
	  font-size: 10px;
	  margin-top: 30px;
  }
  }
  @media only screen and (min-width:800px) and (max-width:990px) {
  .page-template-CityWaterTemplate #tab6 .col-sm-12.text-center.txt p:nth-child(1) {
	  font-size: 20px;
  }
  }
  @media only screen and (min-width:768px) and (max-width:991px) {
	div.inputalign {
	  display: inline-block;
	  min-width: 50%;
  }
  }
  
  @media only screen and (max-width:420px) {
	  .page-id-1106 .col-sm-12.text-center.txt p {
		  line-height: 1.8;
	  }
	  div.hom_ftr {
	  font-size: 10px;
	  margin-top: 30px;
  }
	  div.inputalign {
	  display: inline-block;
	  min-width: 75%;
  }
	  .col-sm-12.text-center.txt p {
		  font-size: 20px;
	  }
		  input[name="Next"] {
	  padding: 18px 12px;
	  min-width: 60%;
	  font-size: 15px;
  }
	  .page-id-1106 .col-sm-12.text-center.txt p {
	  font-size: 20px;
	  line-height: 1.6;
  }
  .page-template-CityWaterTemplate #tab7No .col-sm-12.text-center.txt {
		  width: 100%;
	  }
	  .page-template-WellWaterTemplate #tab9 div#ver_img .slider {
	  height: 222px;
	  border: 0px;
	  padding: 0px;}
  .page-template-WellWaterTemplate #tab9 div#ver_img .slider {height: 219px;border: 0px;padding: 0px;}    
	  
  }
  @media only screen and (max-width:375px) {
	  .progress-img img {
		  width: 130px;
	  }
	  div.hom_ftr {
	  font-size: 10px;
	  margin-top: 30px;
  }
	  div.inputalign {
	  display: inline-block;
	  min-width: 100%;
  }
	  .color-brown {
		  font-size: 16px;
	  }
	  .col-sm-12.text-center.txt {
		  width: 100%;
		  margin: 0;
		  padding: 0;
	  }
	  .step_form-php #primary {
		  padding: unset;
	  }
	  .container .col-sm-12 {
		  padding: 0;
	  }
	  .step_form #small-img {
		  /*flex-direction: column;*/
	  }
	  .rage_slider {
		  max-width: 289px;
		  right: 9px;
		  top: 25px;
	  }
	  div#myDiv {
		  min-height: 83px;
	  }
  
	  input[type="radio"] {
		  margin-right: 0px;
	  }
	  .full-width.text-center p {
		  margin: 0;
	  }
	  div#vertically_img .img-home-btm {
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	  .lbl_tab2 .img-home-btm label {
		  padding: 0px 10px;
	  }
	  div#vertically_img .img-home-btm {
		  margin-top: 5px;
		  margin-bottom: 5px;
	  }
	  .slider {
		  height: 200px;
		  margin-bottom: 10px;
	  }
	  .div-img img {
		  width: 56px;
		  max-height: 46px;
	  }
	  
	  .step_form label {
		  margin-bottom: 0;
	  }
	  #ver_img .slider {
		  display: flex;
	  }
	  #ver_img .slider>div {
		  width: 30%;
		  margin-left: auto;
		  margin-right: auto;
	  }
		  .page-id-1106 .div-img img {
		  width: 47px;
	  }
	  .page-id-1106 .img-home-btm p {
		  font-size: 10px !important;
	  }
	  .page-id-1106 .div-img {
		  min-width: 60px;
		  min-height: 50px;
	  }
	  #tab7No #ver_img .slider {
		  flex-direction: column !important;
	  }
	  div#tab7No #ver_img .slider>div {
		  width: 60%;
	  }
	  /*.img-home-btm label {min-height: 150px;}*/
	  .page-id-1163 .img-home-btm p {
		  width: 97%;
	  }
	  .page-id-1106 p.color-brown {
		  line-height: 1.3;
	  }
	  .page-id-1106 .img-home-btm {
		  min-width: 90px;
		  min-height: 110px;
		  max-height: 110px;
		  margin: 10px 3px !important;
	  }
	  .img-home-btm {
		  min-width: 90px !important;
		  margin: 10px 3px !important;
	  }
	  .page-template-WellWaterTemplate #tab9 div#ver_img .img-home-btm {
		  min-width: 90px !important;
		  margin:5px auto !important
	  }
	  .page-id-1163 .col-sm-12.text-center.txt p {
		  line-height: 1;
	  }
	  .page-id-1163 .img-home-btm p {
		  line-height: 1.4;
	  }
	  .page-template-WellWaterTemplate div#tab8 .div-img {
		  min-height: 60px;
	  }
	  .page-template-WellWaterTemplate div#tab8 .img-home-btm {
		  height: 134px;
	  }
	  .page-template-WellWaterTemplate .col-sm-12.text-center.txt p {
		  font-size: 20px !important;
	  }
	  .page-template-WellWaterTemplate div#tab8 .img-home-btm {
		  height: 155px;
		  max-width: 120px;
		  min-width: 120px;
	  }
	  .page-template-WellWaterTemplate div#tab8 .img-home-btm p {
		  font-size: 11px;
	  }
	  .page-template-WellWaterTemplate div#tab8 .div-img img {
		  max-height: 60px;
		  width: 60px;
	  }
	  div#tab9 div#ver_img .slider,
	  div#tab10No div#ver_img .slider,
	  div#tab12No div#ver_img .slider {
		  flex-direction: column;
		  margin-top: 5px;
	  }
	  div#tab9 #ver_img .slider>div,
	  div#tab10No #ver_img .slider>div {
		  width: 100%;
	  }
	  .page-template-WellWaterTemplate div#tab9 .col-sm-12.text-center.txt p {
		  font-size: 16px !important;
	  }
	  input#rg_slider {
		  background-color: #1762ae00;
	  }
	  .page-template-WellWaterTemplate #tab10No .col-sm-12.text-center.txt p {
		  font-size: 16px !important;
	  }
	  span.large-txt {
		  font-size: 22px;
	  }
	  .page-template-WellWaterTemplate #tab10No div#ver_img .img-home-btm p {
		  font-size: 11px;
		  line-height: 1.2;
	  }
	  .page-template-WellWaterTemplate div#tab8 .col-sm-12.text-center.txt p {
		  font-size: 16px !important;
	  }
	  .page-template-WellWaterTemplate #tab10Yes .col-sm-12.text-center.txt p {
		  font-size: 18px !important;
	  }
	  .page-template-WellWaterTemplate #tab10Yes .txt p {
		  font-size: 18px !important;
	  }
	  #tab12No #ver_img .img-home-btm,
	  #tab10No #ver_img .img-home-btm {
		  margin-bottom: 0px;
	  }
	  #tab12No #ver_img .img-home-btm {
		  max-width: 100%;
	  }
	  #tab12No #ver_img label {
		  padding: 8px !important;
	  }
	  div#tab9 .img-home-btm {
		  margin-bottom: 0;
	  }
	  div#tab12No #ver_img .slider>div {
		  width: 75%;
	  }
	  .name_email div#input_txt {
		  max-width: 100%;
		  margin: unset;
	  }
	  .page-template-CityWaterTemplate #tab11 input#next11,
	  .page-template-WellWaterTemplate input#next17 {
		font-size: 15px;
		padding: 18px 0px;
	  min-width: 60%;
	  }
	  .page-template-WellWaterTemplate #tab12No .col-sm-12.text-center.txt p {
		  font-size: 16px !important;
	  }
	  .page-template-CityWaterTemplate #tab7No .col-sm-12.text-center.txt p {
		  font-size: 18px !important;
	  }
	  .page-template-CityWaterTemplate #tab6 .col-sm-12.text-center.txt p {
		  font-size: 18px !important;
	  }
	  .page-template-CityWaterTemplate #tab7No .col-sm-12.text-center.txt {
		  width: 100%;
	  }
	  #tab7No .full-width.text-center p {
		  line-height: 1.2;
	  }
	  #tab7No #ver_img .img-home-btm {
		  margin-bottom: 0;
	  }
	  #tab12No #ver_img .img-home-btm p {
		line-height: 1.2;
	}
	  .page-template-WellWaterTemplate #tab5 .col-sm-12.text-center.txt p {
		font-size: 18px !important;
	}
	.page-template-WellWaterTemplate .col-sm-12.text-center.txt p{
		font-size: 16px !important;
	}
	.page-template-WellWaterTemplate div#tab10Yes .col-sm-12.text-center.txt p {
		  font-size: 18px !important;
	  }
  .page-template-WellWaterTemplate #tab9 div#ver_img .slider {height: 210px;border: 0px;padding: 0px; margin-top: 5px;}
  }
  
  @media only screen and (min-width:1px) {
	  div#site-header-menu {
		  display: block !important;
	  }
  }
  @media only screen and (max-width: 325px){
  .page-template-CityWaterTemplate #tab11 input#next11, .page-template-WellWaterTemplate input#next17 {
	  font-size: 14px;
	  padding: 18px 0;
	  min-width: 60%;
  }
	.page-template-CityWaterTemplate .col-sm-12.text-center.txt p {
	  font-size: 18px;
	  line-height: 1.2;
  }
  div.inputalign {
	  display: inline-block;
	  min-width: 100%;
  }
  div.hom_ftr {
	  font-size: 10px;
	  margin-top: 30px;
  }
  }
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape) {div.inputalign {
	  display: inline-block;
	  min-width: 37%;
  }}
  
  /* ******** responsive end here ********* */
  .frame {
	 overflow-y: auto;
	  border: 1px solid black;
	  height: 180px;
	  width: 300px;
	  line-height: 20px;
  }
  
  .frame::-webkit-scrollbar {
	  -webkit-appearance: none;
  }
  
  .frame::-webkit-scrollbar:vertical {
	  width: 11px;
  }
  
  .frame::-webkit-scrollbar:horizontal {
	  height: 11px;
  }
  
  .frame::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 2px solid white; /* should match background, can't be transparent */
	  background-color: rgba(0, 0, 0, .5);
  }
  #statname, #countyname, #compname{
   /* background-image: url(https://watersoftenersizing.com/wp-content/uploads/2019/11/searchicon.png);
	background-position: 5px 3px;
	background-size: contain;*/
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	text-align:center;
  }
  div.inputalign {
	  display: inline-block;
	  max-width: 31%;
  }
  div.space{height:10px; }
  div.hom_ftr {
	  font-size: 10px; 
	  margin-top:100px;}
  div.hom_ftr1 {
	  font-size: 10px; 
	  margin-top:150px;}    
  h1.entry-title {
	  padding-top: 101px;
	  text-align: center;}
  h2.rec_txt{/*color:#cc0000;*/ }
  #txt_print a{color:#ffffff; }
  
  div#term_conditions h3.brown_txt {
	  font-size: 16px;
  }
  div#term_conditions p {
		 font-size: 10px;
  }
  
  /* Home Page Top Section CSS Start*/
	  div#hom_sec1 {
				  background: url(https://watersoftenersizing.com/wp-content/uploads/2020/01/big-image-scaled.jpg);
				  min-height: 800px;
				  background-size: cover;  
				  margin-bottom: auto;
				  margin-top: auto;}
	  .row.spc_top {
						padding-top: 48px;}
	  .hom-sec1-rtsec {
					margin-left: 720px;
					width: 100%;
					display: block;
					background: white;
					border-radius: 15px;
					min-height: 435px;
					max-width: 740px;
					margin-top: 130px;
					padding: 30px;
					font-size: 20px;
					text-align: center;
					font-weight: 500;
			  opacity: 90%;}		
	  .hom-sec1-rtsec h3{
						color: #1662ae;
						font-size: 36px;
				font-weight: 800;
				margin-bottom: 10px!important;}
	  .hom-sec1-rtsec p{
						color: #676767;
						font-size:18px;
						font-family: 'Roboto', sans-serif;}			
	  .top_sec_icon {
					  max-width: 80%;}	
	  button.btn.btn-warning {
	  font-size: 20px;
	  font-weight: 600;
	  text-transform: none;
	  font-weight: 400;
	  text-align: center;
	  }
	  
	
  /* Home Page Top Section CSS End*/
  /* Home Page Second Section CSS Start*/				  
  div#hom_sec2 {
				  background:#f2f2f2; 
				  min-height: 800px;
				  background-size: cover;  
				  margin-bottom: auto;
				  margin-top: auto;
		  text-align:center;}    
		   div#hom_sec5  {
			background:#f2f2f2; 
			background-size: cover;  
			margin-bottom: auto;
			margin-top: auto;
	text-align:center;} 

	#hom_sec5 h3 { 
		font-size: 23px;
		margin-top:56px;
		  margin-bottom: 28px;
		  line-height: 1.2173913043;
		  text-align: left;
	  

		  font-weight: 900px;
	}
	#hom_sec5 h2 {
		font-size: 28px;
		margin-top:56px;
		  margin-bottom: 28!important;
		  text-align:left;
		  line-height: 1.25;
		  font-weight: 900px;
	}
	
	p.mb-3 {
		font-size: 20px;
	}
	.p-5.mt-3.mr-5.ml-5.bg-light 
{
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
}

 @media (min-width: 768px) and (max-width: 1024px) {
	.p-5.mt-3.mr-5.ml-5.bg-light {
		margin-left: 2rem !important;
		margin-right: 2rem !important;
		
	
}
li {
	font-size: 15px;
}
 }

@media (min-width:834px) and (max-width: 1024px)
{
	#hom_sec5 h2{
		margin-top: 0px !important;
		padding-top: 42px;
		font-size: 28px;

	}
	#hom_sec5 h3{
		 font-size: 23px;
	}
	#hom_sec5 p{
		font-size: 20px;
	}
}
@media (min-width:360px) and (max-width:833px)
{
	#hom_sec5 h2{
		margin-top: 0px !important;
		padding-top: 30px;
		font-size: 23px;
		text-align: left;
		margin-bottom: 20px !important;
		
	}
	#hom_sec5 h3{
		 font-size: 19px;
		 margin-top: 0px!important;
		 margin-bottom: 15px !important;
	}
	#hom_sec5 p{
		font-size: 15px;
	}
	
		text-align: left;

}
	
    div#hom_sec6 {
        background: #f2f2f2;
        background-size: cover;
        margin-bottom: auto;
        margin-top: auto;
        text-align: center;
    
    }
    
     #hom_sec6 h2 {
        font-size: 28px;
        margin-top:56px;
          margin-bottom: 28!important;
          text-align:left;
		  line-height: 1.25;
		  font-weight: 900px;
	
       
       
    } #hom_sec6 h3 {
		font-size: 23px;
        margin-top:56px;
          margin-bottom: 28px;
		  line-height: 1.2173913043;
		  font-weight: 900px;
		  text-align: left;
       
    }
	p.mb-3 {
		font-size: 20px;
	}
	
	@media (min-width:834px) and (max-width: 1024px)
	{
		#hom_sec6 h2{
			margin-top: 0px !important;
			padding-top: 42px;
			font-size: 28px;
		}
		#hom_sec6 h3{
		     font-size: 23px;
		}
		#hom_sec6 p{
			font-size: 20px;
		}
	}
	@media (min-width:360px) and (max-width: 833px)
	{
		#hom_sec6 h2{
			margin-top: 0px !important;
			padding-top: 30px;
			font-size: 23px;
			text-align: left;
			margin-bottom: 20px !important;
		}
		#hom_sec6 h3{
		     font-size: 19px;
			 margin-top: 0px !important;
			 margin-bottom: 15px !important;
		}
		#hom_sec6 p{
			font-size: 15px;
		}
	}
    div#hom_sec7{
        background: #f2f2f2;
        background-size: cover;
        margin-bottom: auto;
        margin-top: auto;
        
    
    }
    #hom_sec7 p {
        font-size: 20px;
    }
     #hom_sec7 h2 {
        font-size: 28px;
        margin-top:56px;
          margin-bottom: 28!important;
          text-align: left;
		  line-height: 1.25;
		  font-weight: 900px;
           } 
    
    
    #hom_sec7 h3 {
		font-size: 23px;
        margin-top:56px;
          margin-bottom: 28!important;
		  line-height: 1.2173913043;
		  font-weight: 900px;
		  text-align: left;
       
    }
	@media (min-width:834px) and (max-width: 1024px)
	{
		#hom_sec7 h2{
			margin-top: 0px !important;
			padding-top: 42px;
			font-size: 28px;
		}
		#hom_sec7 h3{
		     font-size: 23px;
		}
		#hom_sec7 p{
			font-size: 20px;
		}
	}
	@media (min-width:360px) and (max-width: 834px)
	{
		#hom_sec7 h2{
			margin-top: 0px !important;
			padding-top: 30px;
			font-size: 23px;
			text-align: left;
			margin-bottom: 20px !important;
		}
		#hom_sec7 h3{
		     font-size: 19px;
			 margin-top: 0px !important;
			 margin-bottom: 15px !important;
		}
		#hom_sec7 p{
			font-size: 15px;
		}
	}
	p.mb-3 {
		font-size: 20px;
	}
    div#hom_sec8{
        background: #f2f2f2;
        background-size: cover;
        margin-bottom: auto;
        margin-top: auto;
    
    }
    
     #hom_sec8 h2 {
		font-size: 28px;
       margin-top:56px;
          margin-bottom: 28!important;
          text-align: left;
		  line-height: 1.25;
		  font-weight: 900px;
 } 
    
    
    #hom_sec8 h3 { 
		font-size: 23px;
        margin-top:56px;
          margin-bottom: 28px;
		  line-height: 1.2173913043;
		  font-weight: 900px;
		  text-align: left;
       
    }
	@media (min-width:834px) and (max-width: 1024px)
	{
		#hom_sec8 h2{
			margin-top: 0px !important;
			padding-top: 42px;
			font-size: 28px;
		}
		#hom_sec8 h3{
		     font-size: 23px;
		}
		#hom_sec8 p{
			font-size: 20px;
		}
	}
	@media (min-width:360px) and (max-width: 833px)
	{
		#hom_sec8 h2{
			margin-top: 0px !important;
			padding-top: 30px;
			font-size: 23px;
			text-align: left;
			margin-bottom: 20px !important;
		}
		#hom_sec8 h3{
		     font-size: 19px;
			 margin-top: 0px !important;
			 margin-bottom: 15px !important;
		}
		#hom_sec8 p{
			font-size: 15px;
		}
	}

        
	  #hom_sec2 h3 {
	  font-size: 45px;
	  color: #1662ae;
	  margin-top:40px;
		margin-bottom: 10px!important;}
	  
	  #hom_sec2 p {
	  font-size: 20px;}	
	img.sec2_icon.img-fluid {
	  width: 20px;}  
  /* Home Page Second Section CSS End*/
  /* Home Page Third Section CSS Start*/	    
  div#hom_sec3 {
				  background:#ffffff; 
				  min-height: 800px;
				  background-size: cover;  
				  margin-bottom: auto;
				  margin-top: auto;
		  text-align:center;}
	.sec3ltbg1{
		  background:url(https://watersoftenersizing.com/wp-content/uploads/2020/01/img1.png);
		  min-height: 615px;
				  background-size: cover;  
				 
		  text-align:center;}
		  
	.sec3rtbg1{
		  background:url(https://watersoftenersizing.com/wp-content/uploads/2020/01/img2.png); 
		  min-height: 615px;
				  background-size: cover;  
				  margin-bottom: auto;
				  margin-top: auto;
		  text-align:center;} 
	
	.sec3ltbg2{
		  background:url(https://watersoftenersizing.com/wp-content/uploads/2020/01/img3.jpg); 
		  min-height: 615px;
				  background-size: cover;  
				  margin-bottom: 0px;
				  margin-top: 0px;
		  text-align:center;}      
	
	.sec3rtbg2{
		  background:url(https://watersoftenersizing.com/wp-content/uploads/2020/01/img4.png);  
		  min-height: 615px;
				  background-size: cover;  
				  margin-bottom: 0px;
				  margin-top: -1px;
		  text-align:center;}  
	#hom_sec3 h3  {
	  color: #ffffff;
	  font-size: 38px;
	  font-weight:600;
	  padding-top: 48px;}
	  
	.sec3_wt_txt{
	  color: #ffffff;
	  font-size: 25px;
	  font-weight: 300;
	  padding: 0px 30px 30px;}

	  @media only screen and (max-width: 799px) {
		div#hom_sec3 {line-height: 3.2;}}
	  
  /* Home Page Third Section CSS End*/
  /* Home Page  Fourth Section CSS Start*/	    
	div#hom_sec4 {
				  background:#f2f2f2; 
				  min-height: 450px;
				  background-size: cover;  
				  margin-bottom: 30px;
				  margin-top: 110px;
		  text-align:center;}   
		  #hom_sec4 h3 { 
			font-size: 23px;
			margin-top:56px;
			  margin-bottom: 28px;
			  line-height: 1.2173913043;
		  

			  font-weight: 900px;
		}
		#hom_sec4 h2 {
			font-size: 28px;
			margin-top:56px;
			  margin-bottom: 28!important;
			  text-align:left;
			  line-height: 1.25;
			  font-weight: 900px;
		}
		#hom_sec4 h1{
			font-size: 33px;
			margin-top: 56px;
			margin-bottom: 28px;

		}
		@media (min-width:834px) and (max-width: 1024px)
		{
			#hom_sec4 h1{
				font-size: 32px;
				margin-top: 0px !important;
				padding-top: 42px;
			

			}
		}
		@media (min-width:360px) and (max-width: 833px)
	{
		#hom_sec4 h1{
			
			font-size: 28px;
			margin-top: 0px !important;
				padding-top: 30px;
		}
		#hom_sec4 h2{
		
			margin-top: 0px !important;
			padding-top: 30px;
			font-size: 23px;
			margin-bottom: 20px !important;
		}
		#hom_sec4 h3{
		
			margin-top: 0px !important;
			//padding-top: 30px;
			font-size: 19px;
			margin-bottom: 15px !important;
		}
	}


		  @media (min-width:834px) and (max-width: 1024px)
	{
		#hom_sec4 h2{
		
				margin-top: 0px !important;
				/*padding-top: 42px;*/
				font-size: 28px;
			}
		}
		#hom_sec4 h3{
		     font-size: 23px;
		}
		#hom_sec4 p{
			font-size: 20px;
		}
	
	@media (min-width:360px) and (max-width: 833px)
	{
		#hom_sec4 h2{
			margin-top: 0px !important;
			padding-top: 30px;
			font-size: 23px;
		}
		#hom_sec4 h3{
		     font-size: 19px;
		}
		#hom_sec4 p{
			font-size: 15px;
		}
	li{
		font-size: 12px;

		}
	}
				  
  /*	#hom_sec4 h3 {
		  font-size: 45px;
		  color: #000000;
		  margin-top:20px;
		  margin-bottom: 10px!important;}*/
		  
	  /*#hom_sec4 p {
		  font-size: 20px;}	*/
	.sub_email{
		  width: 30%!important;
		  border-radius: 10px!important;
		  text-align: center;
		  margin: 15px; }  
	input.TextInput__FormStyledTextInput-sc-1o6de9f-0.idnfEc.ResetElements__Input-sc-8e6zl9-8.needsclick.TextInput__FormStyledTextInput-sc-1o6de9f-0.idnfEc.drQERt {
	  width: 30%;
	  border-radius: 10px;
	  text-align: center;
		  margin-left: 35%;
  }
  button.ResetElements__Button-sc-8e6zl9-2.Button__FormStyledButton-p2mbjt-0.needsclick.undefined.eEJQgY {
	  width: 14%!important;
	  color: #000000!important;
	  background: #ffc107!important;
	  font-size: 20px!important;
	  border-radius: 5px!important;
	  margin-left: 43%;
		font-family: Montserrat, "Helvetica Neue", sans-serif !important;} 
	  span.ql-font-ms-serif {
	  font-family: 'Lato', sans-serif !important;
	  font-size: 20px !important;}
  
  /* Home Page  Fourth Section CSS End*/	
  /* Responsive*/
  @media only screen and (max-width: 799px) {
		div#hom_sec1 {
				  min-height: 600px;
				  background:url(https://watersoftenersizing.com/wp-content/uploads/2020/01/mob-big-image.jpg);
				  background-size: cover;  
				  margin-bottom: auto;
				  background-position: 30%;
				  margin-top: auto;}
	.hom-sec1-rtsec {
					margin-left: 0px;
					width: 100%;
	}
	button.btn.btn-warning {
	  font-size: 11px;}
	  #hom_sec1, #hom_sec2, #hom_sec3, #hom_sec4, #hom_sec5, #hom_sec6, #hom_sec7, #hom_sec8 h3 {
	  font-size: 19px;}
	  
	  #hom_sec3 h3 {
	  font-size: 25px;
	  padding-top: 40px;}
  
  #hom_sec2 h3 {
	  font-size: 25px;
	  margin-top: 0px;}
	.row.spc_top {
	  padding-top: 45px;}
	div#hom_sec2 {
	  min-height: 500px;}  
   .col-sm-4.col-md-5.col-lg-5.hom-sec1-rtsec .container .row .col-sm-4 {
	  width: 32%;
  }
  .hom-sec1-rtsec h3 {
	  font-size: 25px;}
  .hom-sec1-rtsec p {
	  font-size: 14px;}    
	  
	.hom-sec1-rtsec {
	   min-height: 235px;
	   margin-top: 205px;
	   opacity: 70%;}  
	.col-sm-4.col-md-5.col-lg-5.hom-sec1-rtsec .container .row.mt-5 {
	  margin-top: 1rem!important;}
	.col-sm-4.col-md-5.col-lg-5.hom-sec1-rtsec .container .row.mt-5  .col-sm-4.col-lg-4.mt-4{
	  margin-top: 0.5rem!important;}
	.sec3_wt_txt {
		font-size: 18px;
		padding: 0px 20px 20px;}  
	.sec3ltbg1, .sec3rtbg1, .sec3ltbg2 {
	  min-height: 400px;
	  background-size: cover;
	  background-position: 45%;}   
	.sec3rtbg2{
	  min-height: 495px;
	  background-size: cover;
	  background-position: 45%;}      
	#hom_sec2 p {
	  font-size: 15px;}  
	  
	div#hom_sec4 {
		min-height: 320px;
		margin-top: 60px;}  
	.sub_email {
	  width: 75%!important;}    
	 p {#hom_sec4
	  font-size: 15px;}  
	input.TextInput__FormStyledTextInput-sc-1o6de9f-0.idnfEc.ResetElements__Input-sc-8e6zl9-8.needsclick.TextInput__FormStyledTextInput-sc-1o6de9f-0.idnfEc.drQERt {
	  width: 80%;
	  border-radius: 10px;
	  text-align: center;
	  margin-left: 10%;}  
	button.ResetElements__Button-sc-8e6zl9-2.Button__FormStyledButton-p2mbjt-0.needsclick.undefined.eEJQgY {
	  width: 40%!important;
	  color: #000000!important;
	  background: #ffc107!important;
	  font-size: 11px!important;
	  border-radius: 5px!important;
	  margin-left: 30%;
	  font-family: Montserrat, "Helvetica Neue", sans-serif !important;}
	span.ql-font-ms-serif {
	  font-family: 'Lato', sans-serif !important;
	  font-size: 15px !important;}  
  }
  .page-id-3219 div.hom_ftr {
	  font-size: 10px; 
	  margin-top:10px;}
  div#tab17 div#tab16Yes #ver_img .img-home-btm {
  border: transparent;
  }    
  div#tab10 div#tab9Yes #ver_img .img-home-btm {
  border: transparent;
  }   
  input[type="button"]:hover, input[type="button"][disabled]:hover, input[type="button"][disabled]:focus {
	  background-color: #46ab38!important;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scor {
	  display: table;
	  background: #6fbc27;
	  border-radius: 50%;
	  width: 80px;
	  height: 80px;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scora {
	  display: table;
	  background: #349b28;
	  border-radius: 50%;
	  width: 80px;
	  height: 80px;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scorb {
	  display: table;
	  background: #9cc9ec;
	  border-radius: 50%;
	  width: 80px;
	  height: 80px;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scorc {
	  display: table;
	  background: #ffbf30;
	  border-radius: 50%;
	  width: 80px;
	  height: 80px;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scord {
	  display: table;
	  background: #cc0000;
	  border-radius: 50%;
	  width: 80px;
	  height: 80px;
  }
  .page-id-1290 .wsr_body .Ovral_Wat_Scor p, .page-id-1290 .wsr_body .Ovral_Wat_Scord p, .page-id-1290 .wsr_body .Ovral_Wat_Scorb p, .page-id-1290 .wsr_body .Ovral_Wat_Scorc p, .page-id-1290 .wsr_body .Ovral_Wat_Scora p {
	  display: table-cell;
	  vertical-align: middle;
	  font-size: 39px;
	  color: #fff;
	  font-weight: 500;
	  text-align: center;
	  text-transform: uppercase;
  }
  .record-table { overflow: scroll;}
	  <!-- Served by FastPixel.io -->