.promin input[type=color],
.promin input[type=date],
.promin input[type=datetime],
.promin input[type=datetime-local],
.promin input[type=email],
.promin input[type=file],
.promin input[type=month],
.promin input[type=number],
.promin input[type=password],
.promin input[type=range],
.promin input[type=search],
.promin input[type=tel],
.promin input[type=time],
.promin input[type=text],
.promin input[type=url],
.promin input[type=week],
.promin textarea {
    width: 50%;
    background-color: #fff;
    border: 0;
    color: #67C5B2;
    font-size: 20px;
    outline: 0;
    padding: 8px 10px;
    resize: none;
    text-align: center;
}
/* can be used for validation */
.promin input[type=color].error,
.promin input[type=date].error,
.promin input[type=datetime].error,
.promin input[type=datetime-local].error,
.promin input[type=email].error,
.promin input[type=file].error,
.promin input[type=month].error,
.promin input[type=number].error,
.promin input[type=password].error,
.promin input[type=range].error,
.promin input[type=search].error,
.promin input[type=tel].error,
.promin input[type=time].error,
.promin input[type=text].error,
.promin input[type=url].error,
.promin input[type=week].error,
.promin textarea.error { }
/* that beautiful button */
.promin input[type=button] {
    background-color: #aaa;
    border: 0;
    color: white;
    outline: 0;
    padding: 8px 20px;
}
.promin input[type=button]:hover { background-color: #bbb; }
.promin input[type=button].submit { background-color: #08f; }
.promin input[type=button].submit:hover { background-color: #0077dd; }
.promin .promin-step p {
    margin: 0 0 20px;
}

.progress-bar {
    background-color: transparent;
    height: 0.1em;
    width: 50%;
    margin: 0 auto;
}

.progress-bar .bar {
    background-color: #67C5B2;
    display: block;
    height: 0.1em;
    width: 0%;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s ;
}

.form .btn-default {
    border-radius: 0px;
    color: #4f9587;
    background: none;
    border-color: #4f9587;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.form .btn-default:hover {
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.form .btn-default:active {
    color: #67C5B2;
    background: #fff;
    box-shadow: none;
}

@media only screen and (max-width : 767px) {
 
    .promin input[type=color],
    .promin input[type=date],
    .promin input[type=datetime],
    .promin input[type=datetime-local],
    .promin input[type=email],
    .promin input[type=file],
    .promin input[type=month],
    .promin input[type=number],
    .promin input[type=password],
    .promin input[type=range],
    .promin input[type=search],
    .promin input[type=tel],
    .promin input[type=time],
    .promin input[type=text],
    .promin input[type=url],
    .promin input[type=week],
    .promin textarea {
        width: 90%;
    }
    
    .progress-bar {
        width: 90%;
    }
    
}