#progressbar1 li {
		text-align:center;
	    list-style-type: none;
	    font-size: 12px;
	    width: 14%;
	    float: left;
	    position: relative;
	    font-weight:90;
	}

	 
	#progressbar1 .active {
	    color: #8e67f0
	}

	#progressbar1 #user:before {
	    font-family: FontAwesome;
	    text-align:center;
	    content: "1";
		
	}

	#progressbar1 #busines_details:before {
	    font-family: FontAwesome;
	    text-align:center;
	    content: "2";
	}

	#progressbar1 #domain:before {
	    font-family: FontAwesome;
	    text-align:center;
	    content: "3";
	}

	#progressbar1 #payment:before {
	    font-family: FontAwesome;
        text-align:center;
	    content: "4"
	}
     #progressbar1 #build_org:before {
	    font-family: FontAwesome;
        text-align:center;
	    content: "5"
	}
	#progressbar1 #complete:before {
	    font-family: FontAwesome;
        text-align:center;
	    content: "6"
	}

	#progressbar1 li:before {
	    width: 45px;
	    height: 45px;
	    line-height: 45px;
	    display: block;
	    font-size: 20px;
	    color: #ffffff;
	    background: lightgray;
	    border-radius: 50%;
	    margin: 0 auto 10px auto;
	
	}
		
	#progressbar1 li:after {
	   content: '';
	    width: 100%;
	    height: 2px;
	    background: lightgray;
	    position: absolute;
	    left: 0;
	    top: 25px;
	    z-index: -1
	}
		
	#progressbar1 li.active:before,
	#progressbar1 li.active:after {
	    background: #8e67f0
	}
@media screen and (min-width: 1701px) and (max-width: 2000px) {
	#progressbar1 {
		 height:76px !important;
	     list-style:disc;
	     width:100%;
	     color: lightgrey
	 }
}

@media screen and (min-width: 1501px) and (max-width: 1700px) {
	#progressbar1 {
		  height:66px !important;
	     list-style:disc;
	     width:100%;
	     color: lightgrey
	 }
}

@media screen and (min-width: 1301px) and (max-width: 1501px) {
	#progressbar1 {
		  height:50px !important;
	     list-style:disc;
	     width:100%;
	     color: lightgrey
	 }
}

@media screen and (max-width: 1300px) {
	#progressbar1 {
		  height:46px !important;
	     list-style:disc;
	     width:100%;
	     color: lightgrey
	 }
}

@media screen and (max-width: 1100px) {
   #progressbar1 {
		  height:56px !important;
	     list-style:disc;
	     width:100%;
	     color: lightgrey
	 }
}