.bk-noTablet {
	display: block;
}
.bk-noPhone {
	display: block;
}
.bk-noDesktop {
	display: block;
}

@media screen and (max-width : 767px) {
	.bk-noPhone {
		display:none;
	}
}
@media screen and (min-width : 768px)  and (max-width : 1024px) {
	.bk-noTablet { 
		display:none; 
	}
	#kk-image {
	 max-width:400px;
	}
}
@media screen and (min-width : 1025px) {
	.bk-noDesktop { 
		display: none;
	}
	#kk-image {
	 max-width:500px;
	}
}

@media screen and (max-width: 800px) {
	.bk-formSpacer {
		display:none;
	}
}

.ui-progressbar {
  margin-left: 25px;
  width: 80%;
  height: 30px;
  text-align: left;
  overflow: hidden;
  border: thin #333 solid;
//  border-radius: 10px;
  background: #e0e0e0;
}
.ui-progressbar .ui-progressbar-value {
  margin-top: -25px;
  height: 35px;
  background-color: #96C031;
}

.progress-label {
 margin-top: 5px;
 margin-left: 5px;
 color:white;
 font-weight:bold;
}
.progress-label2 {
 margin-top: 5px;
 margin-left: 5px;
 color: white;
 font-weigth:bold;
}

CSS

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* @button yellow 
---------------------------------------------------- */   
.smart-forms .btn-yellow { background-color:#faa226;}
.smart-forms .btn-yellow:hover, 
.smart-forms .btn-yellow:focus{ background-color:#f0ad4e;  }
.smart-forms .btn-yellow:active{ background-color:#e88a05; }
.smart-forms .btn-yellow,
.smart-forms .btn-yellow:hover, 
.smart-forms .btn-yellow:focus,
.smart-forms .btn-yellow:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

.actions { font-size: 15px !important; }

.form-body { padding: 0px !important; }


#overlay{	
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.8);
}
.cv-spinner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
}
.spinner-text {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  margin-top:15px;
}
.spinner-head {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom:15px;
}
.spinner {
  width: 150px;
  height: 150px;
  border: 8px #025170 solid;
  border-top: 8px #96c031 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}