
a.close {
    float: right;
    color: #fff;
}
.alert.alert-success.alert-dismissible {
    background: #0f7c13;
    padding: 12px;
    color: #fff;
}

a.close {
    float: right;
    color: #fff;
    font-size: 20px;
}


input#Save_info {
   
    text-align: center;
    margin-left: 24%;
    background-color: #23282d;
    border: none;
    padding: 8px 40px;
    color: #fff;
}
.masjid_details {
    margin-top: 20px;
}
input#Save_info:hover {
    background-color: #0073aa;
}
.rest_filed {
    margin: 20px;
}
.rest_filed label {
    width: 24%;
    float: left;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  border-right: 1px solid #c5bbbb;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

.tabcontent {
  padding: 6px 12px;
/*   border: 1px solid #ccc; */
  border-top: none;
  height: 300px;

}
div#wpfooter {
    position: relative;
	    clear: both;
}
.type_cal {
    width: 22%;
    display: inline-block;
}
.type_cal.first_div {
    width: 8%;
}

/*lable text*/
div#label_text label {
    font-weight: 500;
    font-size: 16px;
    float: left;
    width: 32%;
    line-height: 2;
}

.lable_filed {
    width: 32%;
    /* float: left; */
    margin-bottom: 20px;
}
.heading_filed {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
/*end lable text*/

@media screen and (max-width:1500px){
div#label_text label {
    width: 40%;
}


}
@media screen and (max-width:1250px){
 .type_cal img {
    width: 150px;
}
div#label_text label {
    width: 100%;
}

}
@media screen and (max-width:1200px){
 
.type_cal img {
    width: 150px;
}
.type_cal.first_div {
    width: 10%;
}
}
@media screen and (max-width:1080px){
.type_cal.first_div {
	width: 10%;
}
.type_cal {
    width: 25%;
    display: inline-block;
}
}
@media screen and (max-width:900px){
 .rest_filed img {
    width: 150px;
}
}
@media screen and (max-width:800px){
.type_cal {
    width: 11%;
}
}
@media screen and (max-width:768px){
	
.lable_filed {
    width: 100%;
}
.type_cal {
    width: 100%;
    display: inline-block;
	margin-top:10px;
}
.type_cal.first_div {
	width: 100%;
}
.rest_filed img {
    width: auto;
}

strong.info_s {
    display: block;
    margin-top: 10px;
}
}