ul.nav-wizard {
  background:#ffffff; /* Old browsers */border-bottom: 1px solid #d1d1d1;-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  margin:0px 0 10px;
  position: relative;
  overflow: hidden;
}
/*ul.nav-wizard:before {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}*/
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  position: relative;
  float: left;
  /* height: 45px; */
  height: 39px;/*changed height as per client feedback*/
  display: inline-block;
  text-align: middle;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 15px;
  line-height: 38px;
	width:25%; text-align:center;  
}
ul.nav-wizard li a {
  color: #6D6E71;
  padding: 0;font-family:"Proxima N W01 Light";
  margin:0 0;
  outline:none;
}

ul.nav-wizard li a span {display:inline-block}

ul.nav-wizard li a:hover {
  background-color: transparent;
}
ul.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 20px solid transparent;
  border-left: 16px solid #D4D4D4;
  border-right: 0;
  top: 0px;
  z-index: 10;
  content: '';
  right: -16px;
}
ul.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 20px solid transparent;
  border-left: 16px solid #fff;
  border-right: 0;
  top: 0px;
  z-index: 10;
  content: '';
  right: -15px;
}
ul.nav-wizard li:last-child:before {
  border: 0 solid transparent;
  border-left: 0 solid #d4d4d4;
}
ul.nav-wizard li:last-child:after {
	border: 0 solid transparent;
    border-left: 0 solid #fff;
}
ul.nav-wizard li.active {
  color: #6d6e71;
  /*background: #D4D4D4;*/font-family:"Proxima N W01 Smbd";
}
ul.nav-wizard li.active:after {
  /*border-left: 16px solid #D4D4D4;*/
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #6d6e71;font-family:"Proxima N W01 Smbd";
 /* background: #057358;*/
}
ul.nav-wizard .active ~ li {
  color: #999999;
/*  background: #ededed;*/
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #FFF;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #6d6e71;
  /*  background: #ededed;*/
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #6d6e71;
  /*background: #f6fbfd;*/
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #D4D4D4;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #6D6E71;
 /* background: none;*/
  outline:none;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  /* background: #ededed;*/

}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #D4D4D4;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
 /* background: #ededed;*/
}
.circle {
    background-color: #6e8781;
    border-radius: 100%;
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    /* min-width: 10px;
    padding: 5px 8px; */
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	width:40px;
	margin-right:10px
}
ul.nav-wizard li.active a .circle,
ul.nav-wizard li.active a:active .circle,
ul.nav-wizard li.active a:visited .circle,
ul.nav-wizard li.active a:focus .circle {
   /* background-color:none;*/
    color: #6D6E71;}

@media (max-width: 450px) {

	ul.nav-wizard li {
		padding: 0 2px 0 14px;
		font-size: 14px; width:auto !important; margin-right:2px;
	}
	ul.nav-wizard li:first-child {
		padding: 0 2px 0 12px;
	}
	.circle {
		font-size: 15px;
		height: 25px;
		line-height: 25px;
		width: 25px;
	}
	ul.nav-wizard li:first-child  .circle {
		margin-left: 0px;
		margin-right: -2px;
	}
}

	
	@media (max-width: 992px){
ul.nav-wizard li span{display:none}
ul.nav-wizard li span.circle, ul.nav-wizard li.active span {display:inline-block; padding:0 5px;}
ul.nav-wizard li {
	width:auto !important; margin-right:2px;
	}
}