.indexabout{
	margin-top: 40px;
	margin-bottom: 34px;
	font-size: 15px;
	padding: 0px;
}

.footerlist a{
   font-size: 13px !important;
    color: #c3c3c3;
}

.footerlist {
   font-size: 13px !important;
    color: #c3c3c3;
}

.about{
	margin-top:40px;
}
.contact{
	margin-top: 30px;
}

.map{
	margin-top: 50px;
}

.aboutmain h3{
	text-align: center !important;

}

.aboutmain i{
	text-align: center !important;

}

.banner{
	margin-bottom: 40px;
}

.aboutlist{
    list-style-type:none;
    line-height:25px;
}

.aboutlist li{
   
    line-height:35px;
} 

.mission{
	background-color:#dfdfdf !important; text-align: justify; font-family: 'Poppins',sans-serif;
}
.mission1{
	background-color:#f7f7f7 !important; text-align: justify; font-family: 'Poppins', sans-serif; padding: 10px;
    }

.technology{
	background-color:#f7f7f7 !important; text-align: justify; font-family: 'Poppins', sans-serif; padding: 10px; 

}

.technology p{
	 padding: 20px !important;
}
.isactive{
	background-color: #fc6e51; color:white;
}

.labourlist li{
	 font-size: 18px; line-height:34px; padding: 10px;
}

.labourlist li a:hover{
       padding: 28px 20px; color:#fc6e51;transition-duration: 1s; 
}

.service h4{
	font-size: 25px;
}

.service1 h4{
	font-size: 25px;
}

.listimg{
    padding:10px;
}

.service p{
	font-size: 19px; color:#fc6e51;
}
.servicelist li{
	font-size: 16px;	padding: 5px;
}

.service{
	padding: 20px;
}

.service1{
	padding: 33px;
}

.service1 p{
	font-size: 15px; color:#575757;
}

.serviceheading{
	margin-bottom: 13px;
}

.cardpayroll{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  background-color: white; padding: 10px;
    margin: 10px; height: 160px;
}

.cardpayroll:hover{
	background-color: #fc6e51; color: white;

}

.cardpayroll p{
	 padding: 20px; font-size: 14px; color: black;
}

.cardpayroll p:hover{
	 padding: 20px; font-size: 14px; color: white; 
}

.contact{
	background-color: white;
	padding: 25px;
}

.media{
	margin-bottom: 20px;
}

.media i{
	width: 60px;
    height: 60px;
    background: #fc6e51;
    text-align: center;
   
    color: #fff;
    font-size: 30px;
    padding-top: 13%;
}

.page{
    font-size: 15px; text-align: justify; color:#575757;
}
@media(max-width: 320px){
	.servicelist li{
		font-size: 13px;	padding: 5px;
	}
	
	.service h4{
	font-size: 15px;
	}

	.service p{
	font-size: 13px;
	}

	.service1 p{
	font-size: 13px;
	}

	.service1 h4{
	font-size: 15px;
	}
	
	.serviceheading{
	margin-bottom: 0px;
	}

	h3 {
    margin-top: -31px;
    margin-bottom: 10px;
	}

	.service1{
		margin-top: -65px;
	}

	.labourlist li{
	list-style-type: square; font-size: 13px; line-height:34px; padding: 5px;
	}

    .page{
    font-size: 13px; text-align: justify; color:#575757; padding:10px;
    }
    
    .cardpayroll p{
	 padding: 15px; font-size: 13px; color: black;
    }
    
    .cardpayroll{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  background-color: white; padding: 10px; margin: 10px; height:270px;
    }
    
    .cardpayroll p:hover{
	 padding: 15px; font-size: 13px; color: white; 
    }
}

@media(max-width: 375px){
	.servicelist li{
	font-size: 13px;	padding: 5px;
	}

	.service h4{
	font-size: 15px;
	}

	.service p{
	font-size: 13px;
	}

	.service1 p{
	font-size: 13px;
	}
	
	.service1 h4{
	font-size: 15px;
	}

	.serviceheading{
	margin-bottom: 0px;
	}

	.labourlist li{
	list-style-type: square; font-size: 13px; line-height:34px; padding: 5px;
	}
	
	 .page{
    font-size: 13px; text-align: justify; color:#575757; padding:10px;
    }
    
    .cardpayroll p{
	 padding: 15px; font-size: 13px; color: black;
    }
    
    .cardpayroll{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  background-color: white; padding: 10px;
    margin: 10px; height: 175px;
    }
    
    .cardpayroll p:hover{
	 padding: 15px; font-size: 13px; color: white; 
    }
}

@media(max-width: 425px){
	.servicelist li{
		font-size: 13px;	padding: 5px;
	}

	.service h4{
	font-size: 15px;
	}

	.service p{
	font-size: 13px;
	}

	.service1 p{
	font-size: 13px;
	}
	.service1 h4{
	font-size: 15px;
	}

	.serviceheading{
	margin-bottom: 0px;
	}
	
	.labourlist li{
	list-style-type: square; font-size: 13px; line-height:34px; padding: 5px;
	}
	
	 .page{
    font-size: 13px; text-align: justify; color:#575757; padding:10px;
    }
    
    .cardpayroll p{
	 padding: 15px; font-size: 13px; color: black;
    }
    
    .cardpayroll{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  background-color: white; padding: 10px;
    margin: 10px; height: 175px;
    }
    
    .cardpayroll p:hover{
	 padding: 15px; font-size: 13px; color: white; 
    }
}

/*media end here*/


.card{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  transition: 0.3s;  background-color: white;     padding: 10px;
    margin: 10px;

}

.card h4{
	padding: 10px;	margin-top: 20px;	font-weight: bold;
}
.cardp{
	padding: 10px;	margin-top: 20px;	margin-bottom: 20px;
}
.headingline{

}

/*#iconabout{
	font-size: 20px;
	color: black;
	padding: 10px;
	text-align: center;
}*/
.cardabout{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s;  background-color: white;  width:100%; margin-top: 32px;

}

.cardabout h4{
	padding: 10px;	margin-top: 0px;	font-weight: bold;	text-align: center;
}

.cardaboutp{
	padding: 20px; font-size:15px; margin-top: -19px; margin-bottom: 20px;
	text-align: center;
}

.cardabout i{
	font-size: 50px; color: black;	padding: 10px;	margin-top: 10px;	text-align: center;
}

.zoom img:hover{
     -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

.grid {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
 
}

/* Create four equal columns that sits next to each other */
.imggrid {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.imggrid img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .imggrid {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .imggrid{
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}