/**** Service ***/
.service_main_content {
	float:left;
	width:100%;
}
.service_data_one {
	float:left;
	width:25%;
}
.service_data_one h1 {
	float:left;		
	font-size:20px;
	color:#1f2732;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  	padding:0 0 3% 0;
 }
.service_data_one p {
	width:95%;
	float:left;
	font-size:7px;
	padding:4% 0 5% 0;
	margin:0;
	border-bottom:1px solid #dedfe1;
}	 
.service_data_one a {
	font-size:17px;
	color:#6e737a;
font-family: 'Tajawal', sans-serif;
  padding:0 0 0 0;
  font-weight:normal;
  margin:0;
 }
.service_data_one a:hover {
	color:#00aff0;
}

.service_data_one .active {
	color:#00aff0;
}
	 
 
.service_content_two {
	float:left;
	width:70%;
}
.service_content_two h1 {
	float:left;		
	font-size:20px;
	color:#4a4a4a;
font-family: 'Julius Sans One', sans-serif;
  width:100%;
  text-align:center;

 }
.service_content_two img {
	float:left;
	padding:0 0 0 0;
}	
  .service_content_two p {
	float:left;		
	font-size:17px;
	color:#585a5c;
font-family: 'IBM Plex Sans', sans-serif;
  width:100%;
  text-align:justify;
  line-height:30px;
  	padding:2% 0 0 0;
	margin:0;
 } 			

/**** Service ***/

/*** Responsive ***/
@media only screen and (min-width:320px) {
.service_data_one {
	width:100%;
}
.service_content_two {
	width:100%;
}		
}

@media only screen and (min-width:600px) {
.service_data_one {
	width:42%;
}
.service_content_two {
	width:58%;
}		
}

@media only screen and (min-width:720px) {
.service_data_one {
	width:35%;
}
.service_content_two {
	width:65%;
}

@media only screen and (min-width:900px) {
.service_data_one {
	width:28%;
}
.service_content_two {
	width:65%;
}		
}
@media only screen and (min-width:980px) {
.service_data_one {
	width:26%;
}
.service_content_two {
	width:70%;
}		
}


/*** Responsive ***/