.contain {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    float: left;
}

.col-4{
	/*width: 20%;*/
    width: 16.6%;
	float: left;
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.col-4 h3{
	margin-left: 0 !important;
	margin-bottom: 10px !important;
	color: #333 !important;
    font-size: 18px;
}
.btn-sec.level {
    padding-top: 35px;
}
.btn-sec input[type="button"], .btn-sec input[type="submit"]{
    width: 100%;
    
}	
.select-sec select {
    width: 100%;
	display: block;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #000000;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}
.cal-name {
    text-align: center;
    margin: 0 auto 15px;
	background: #000;
	padding: 10px;
}
.cal-name span {
    color: white;
}
/*.cal-name span {
    float: left;
    margin-bottom: 10px;
    color: white;
    background: black;
}*/
.templateWrap.sidebar .contain {
    padding: 10px;
}
.templateWrap.sidebar .contain .col-4 {
    width: 100%;
    margin-bottom: 10px;
}

table#repeatable-fieldset-one {
    width: 100%;
}

 @media (min-width: 768px) and (max-width: 991px) {
   .contain {
        width: 100%;
    }
    .col-4 {
        width: 50%;
        margin-bottom: 10px;
    }
    .col-4:last-child {
        width: 100%;
    }
}
 @media screen and (max-width: 475px) {
    .contain {
        width: 100%;
    }
    .col-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .select-sec select{
        width: 100%;
        margin-bottom: 10px; 
    }
    .input-sec, .btn-sec {
        padding-top: 0;
        margin-bottom: 10px;
    }
 }
 #pump_search label.error {
    font-size: xx-small;
    color: red;
}