/*** About Banner ***/
.about_banner_content {
	float:left;
	width:100%;
	background:url(../images/about-banner.jpg) no-repeat center;
}
.about_data_main {
	float:left;
	width:100%;
	padding:7% 0 7% 0;
}	
.about_data_content {
	float:left;
	width:40%;
}	
.about_data_content h1 {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:23px;
	color:#ffffff;
}	
.about_data_content p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:left;
	color:#f49e15;
	padding:1% 0 1% 0;
	line-height:26px;
	font-weight:400;
}
.about_data_content a {
font-family: 'roboto', sans-serif;
	font-size:14px;
	color:#efefef;
	padding:0 0 1% 0;
}
.about_data_content a:hover {
	color:#f49e15;
}
.about_data_one {
	float:left;
	width:60%;
}	
.about_data_one h2 {
	float:right;
	width:70%;
font-family: 'roboto', sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:right;
	line-height:30px;
}

/*** About Banner ***/

/**** ABout Us ****/
.about_us_content {
	float:left;
	width:100%;
	padding:3% 0 3% 0;
}	
.about_us_one {
	float:left;
	width:70%;
}
.about_us_one img {
	float:left;
	padding:0 0 0 0;
}	
.about_us_one h1 {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:25px;
	color:#3c3b3b;
	padding:0 0 2% 0;
}
.about_us_one h3 {
	float:left;
	width:99%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:left;
	color:#686767;
	padding:1% 0 1% 0;
}	
.about_us_one p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#686767;
	padding:1% 0 1% 0;
	line-height:26px;
	font-weight:normal;
}

.about_us_two {
	float:left;
	width:27%;
	padding-right:3%;
}	
.about_us_two p {
	float:left;
	padding:0 0 1% 0;
font-family: 'Roboto', sans-serif;
	font-size:13px;
		width:100%;
}	
.about_us_two a {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:14px;
	width:95%;
	padding:5% 7px 5% 8px;
	color:#191717;
	border-bottom:1px solid #f3f3f3;
	text-transform:uppercase;
	text-decoration:none;
	background:#f6f6f6;
	text-align:left;
}	
.about_us_two .line_one {
	border-bottom:none;
}			
.about_us_two a:hover {
	color:#FFFFFF;
	background:#e96a37;
}
.about_us_two .active {
	background:#e96a37;
	color:#FFFFFF;
}

.about_us_three {
	float:left;
	width:25%;
	padding:2% 0 2% 0;
}	
.about_us_three img {
	float:left;
	padding:3% 0 3% 15%;
}	
.about_us_three h3 {
	float:left;
	width:93%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#686767;
	padding:3% 0 1% 0;
	line-height:25px;
}

/**** ABout Us ****/




/**** Project Logistcis ****/
.project_logic_content {
	float:left;
	width:100%;
	padding:3% 0 3% 0;
}	
.project_logistic_one {
	float:left;
	width:77%;
	padding-right:2%
}
.project_logistic_one img {
	float:left;
	padding:0 0 0 0;
}	
.project_logistic_one h1 {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:25px;
	color:#3c3b3b;
	padding:4% 0 0 0;
}
.project_logistic_one h3 {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	color:#3c3b3b;
	padding:1% 0 7px 0;
	font-weight:normal;
}	
.project_logistic_one p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#686767;
	padding:1% 0 1% 0;
	line-height:26px;
	font-weight:normal;
}
.project_logic_data {
	float:left;
	width:100%;
	padding:2% 0 2% 0;
}
.project_logic_data img {
	float:left;
	padding:0 0 0 0;
	width:45%;
}
.project_logic_data p {
	float:left;
	width:53%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#686767;
	padding:0 0 0 0;
	line-height:25px;
	font-weight:normal;
}	

.project_logic_data_one {
	float:left;
	width:100%;
	padding:0 0 1% 0;
}
.project_logic_data_one img {
	float:right;
	padding:0 0 0 0;
	width:45%;
}
.project_logic_data_one p {
	float:left;
	width:53%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#686767;
	padding:0 0 0 0;
	line-height:24px;
	font-weight:normal;
}	


	
.project_logistic_two {
	float:left;
	width:20%;
}	
.project_logistic_two p {
	float:left;
	padding:0 0 0 0;
font-family: 'Roboto', sans-serif;
	font-size:13px;
		width:100%;
			border:1px solid #dfe5e8;
			border-bottom:none;
}	
.project_logistic_two a {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:14px;
	width:95%;
	padding:5% 0 6% 5%;
	color:#3c3950;
}	
.project_logistic_two .line_one {
			border-bottom:1px solid #dfe5e8;
}			
.project_logistic_two a:hover {
	color:#e75c37;
}
.project_logistic_two .active {
	color:#e75c37;
}

/**** ABout Us ****/


/*** Service Page ***/
.service_page_content {
	float:left;
	width:100%;
		padding:3% 0 3% 0;
}	
.service_page_one {
	float:left;
	width:32%;
	padding:1% 1% 0 0
}
.service_page_one h3 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:20px;
	color:#3c3b3b;
	padding:3% 0 2% 0;
	font-weight:normal;
}		
		

/*** Service Page ***/


/*** Resposive ***/
@media only screen and (min-width:240px) {
.about_data_one {
	width:99%;
}
.about_data_content {
	width:87%;
}
.about_data_one h2 {
	float:left;
	width:99%;
}
.about_us_two {
	width:60%;
	margin-left:1%;
	margin-top:2%;
	margin-bottom:5%;
}
.about_us_one {
	width:99%;
}
.project_logistic_one {
	width:99%;
	padding-right:0;
}
.project_logic_data img {
	padding:0 0 0 0;
	width:99%;
}
.project_logic_data p {
	width:99%;
}
.project_logic_data_one img {
	padding:0 0 0 0;
	width:99%;
	float:left;
}
.project_logic_data_one p {
	width:99%;
}
.project_logistic_two {
	width:55%;
}
.service_page_one {
	width:100%;		
}
		
}

@media only screen and (min-width:320px) {
.about_data_one {
	width:99%;
}
.about_data_content {
	width:87%;
}
.about_data_one h2 {
	float:left;
	width:99%;
}
.about_us_two {
	width:60%;
	margin-left:1%;
	margin-top:2%;
	margin-bottom:5%;
}
.about_us_one {
	width:99%;
}
.project_logistic_one {
	width:99%;
	padding-right:0;
}
.project_logic_data img {
	padding:0 0 0 0;
	width:99%;
}
.project_logic_data p {
	width:99%;
}
.project_logic_data_one img {
	padding:0 0 0 0;
	width:99%;
	float:left;
}
.project_logic_data_one p {
	width:99%;
}
.project_logistic_two {
	width:55%;
}
.service_page_one {
	width:100%;		
}		
}


@media only screen and (min-width:400px) {
.service_page_one {
	width:90%;
	margin-left:5%;		
}
}
@media only screen and (min-width:460px) {
.service_page_one {
	width:90%;
	margin-left:10%;		
}
}

@media only screen and (min-width:500px) {
.about_data_one {
	width:49%;
}
.about_data_content {
	width:50%;
}
.about_data_one h2 {
	float:right;
	width:70%;
}
.about_us_two {
	width:37%;
	padding-right:3%;
}
.about_us_one {
	width:60%;
}
.project_logistic_two {
	width:35%;
}
.service_page_one {
	width:80%;
	margin-left:15%;		
}
}
.service_page_one {
	width:70%;
	margin-left:15%;		
}

@media only screen and (min-width:600px) {
.about_data_one {
	width:40%;
}
.about_data_content {
	width:57%;
}
.about_data_one h2 {
	float:left;
	width:99%;
}
.about_us_two {
	width:30%;
	padding-right:1%;
}
.about_us_one {
	width:68%;
}
.service_page_one {
	width:49%;
	margin-left:1%;		
}
}

@media only screen and (min-width:720px) {
.about_us_two {
	width:27%;
	padding-right:2%;
}
.about_us_one {
	width:71%;
}
}
@media only screen and (min-width:800px) {
.project_logistic_one {
	width:77%;
	padding-right:2%;
}
.project_logic_data img {
	padding:0 2% 0 0;
	width:45%;
}
.project_logic_data p {
	width:55%;
}
.project_logic_data_one img {
	padding:0 0 0 0;
	width:45%;
	float:right;
}
.project_logic_data_one p {
	width:53%;
}

.project_logistic_two {
	width:20%;
}
.service_page_one {
	width:32%;
	margin-left:0;		
}
}
/*** Resposive ***/