.step-app > .step-steps {
  margin: 0;
  padding: 0;
  display: flex;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.step-app > .step-steps > li {
  list-style: none;
  flex: 1;
}
.step-app > .step-steps > li:last-child a {
  border: none;
}
.step-app > .step-steps > li > a {
  display: block;
  padding: 10px;
  color: #333;
  background-color: #e5e5e5;
  text-decoration: none;
  border-right: 1px solid #fff;
  height: 100%;
}
.step-app > .step-steps > li > a > .number {
  background: #fff;
  padding: 0 8px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  border-radius: 3px;
  color: #333;
}
.step-app > .step-steps > li > a:hover {
  background-color: #ddd;
}
.step-app > .step-steps > li.active a {
  background-color: #32c5d2;
  color: #fff;
}
.step-app > .step-steps > li.error a {
  background-color: #e7505a;
  color: #fff;
}
.step-app > .step-steps > li.done a {
  background-color: #3cb371;
  color: #fff;
}
.step-app > .step-content {
  border: 1px solid #e5e5e5;
  padding: 10px;
  border-top: 0;
}
.step-app > .step-content > .step-tab-panel {
  display: none;
}
.step-app > .step-content > .step-tab-panel.active {
  display: block;
}
.step-app > .step-footer {
  margin-top: 15px;
  margin-bottom: 15px;
}
.step-app > .step-footer > .step-btn {
  padding: 4px 16px;
  color: #333;
  text-decoration: none;
  background: #e5e5e5;
  border-radius: 3px;
  border: none;
  outline: none;
  cursor: pointer;
}
/*# sourceMappingURL=jquery-steps.css.map */


@media only screen and (max-width: 991px)
{
  .step-app>.step-steps {
    margin: 0;
    padding: 0;
    display: flex;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    grid-template-columns: auto auto;
    grid-gap: 4px;
    margin-bottom: 11px;
}

.step-app>.step-steps>li>a>.number {
  background: #fff;
  padding: 0 8px;
  display:none;
  text-align: center;
  margin-right: 15px;
  border-radius: 3px;
  color: #333;
}

.step-steps {
	margin-bottom: 40px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
.step-steps li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
.step-steps li:before {
	content: counter(step);
	counter-increment: step;
	width: 25px;
	line-height: 25px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 50%;
  margin: 0 auto 5px auto;
  text-align: center;
}
/*progressbar connectors*/
.step-steps li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
  left: -54%;
  top: 11px;
  z-index: -1;
  transform: translateX(4%);
}
.step-steps li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.step-steps li.active:before,  .step-steps li.active:after{
	background: #27AE60;
	color: white;
}

.step-app > .step-steps > li > a {
  display: block;
  padding: 4px;
  color: #333;
  background-color: whitesmoke;
  text-decoration: none;
  border-right: 0px solid #fff;
  height: 100%;
  text-align: center;
}

.log .form
{
  z-index:100;
}

}