*
{
	box-sizing:border-box;
	padding:0;
	margin:0;
}
body
{
	
}
.header
{
    background:white;
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:10px;
	box-shadow: 0 0 5px 0 #777;
}
.logo
{
	display:inline-block;
    padding-left:10px;
	text-align: center;
	float:left;
}

.menu ul 
{
	
	display:inline-block;
	
	float:right;
    margin-right:50px;	
	line-height:40px;
	margin-top:15px;
}
.menu ul li 
{
	display:inline-block;
	padding:0 15px 0 15px;
    
}
.menu ul li a 
{
	text-decoration:none;
	color:#777;
	font-size:18px;
	font-family: 'PT Sans', sans-serif;
}

.menu ul li a:hover, .menu ul li a:active
{
	color:green;
	
}
.portfolio-sec
{
	margin:0;
	padding:0;
	width:100%;
	border:1px solid green;
	background: #229954;
}

.profile-area
{
    border:1px solid #DDDDDD;
	max-width:70%;
	margin:5% auto;
	padding:5%;
	text-align:center;
	box-shadow: 0 6px 10px -6px #DDDDDD;
	border-radius:6px;
	background:white;
	border:1px solid #DDDDDD;
}
.profile-area h1 
{
	color:#333;
	font-size:30px;
	font-family:'Osans-serif',sans-serif;
	padding-bottom:25px;
	font-weight:normal;
}
.profile-area p 
{
	color:#6F6E6E;
	font-size:17px;
	font-family:verdana, sans-serif;
	line-height:180%;
	text-align:justify;
}



.main 
{
	
	
	background:white;
	overflow:hidden;
	
}
.items                                              
{
	
	overflow:auto;
	padding:0;
	margin-bottom:0px;
	margin:4% 10%;
}

.pic                                    
{
    
	width:350px;
	display:inline-block;
	margin:0;
	text-align:center;
	margin-top:50px;
}
.image 
{
	width:300px;
}
.description                          
{
	
	display:inline-block;
	width:50%;
	float:left;
	padding:15px;
	height:100%;
	margin:70px 30px;
	margin-right:5px;
	
}
.description h2 
{
	color:#717d7e;
	font-size:25px;
	 font-family:'Source Sans Pro','PT Sans';
}
.description table 
{
	width:100%;
	margin:10px;
	margin-bottom:25px;
}
.description table td 
{
	font-size:15px;
	color: #aab7b8;
	font-family:'Source Sans Pro','PT Sans';
}
.description table td::before 
{
	content: url(../images/common/checkbox.png);
} 
.btn 
{
	font-size:18px;
	font-family:'Source Sans Pro','PT Sans';
	color:white;
	background:#27ae60;
	padding:10px;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
}

.featured
{
	background:#0B9970;
	display:flex;
	justify-content:center;
	
}

.feature
{
	display:inline-block;
	margin:20px 30px;
	text-align:center;
	font-family: 'Source Sans Pro','PT Sans';
	font-size:18px;
	font-weight:bold;
	color:white;
	
}

.footer 
{
	background: #282828;
	max-width:100%;
	color:white;
	height:100%:
}
.footer-main 
{
	padding:40px;
	max-width:100%;
	height:100%;
	box-sizing:border-box;
}
.company-profile
{
	
	max-width:50%;
	display:inline-block;
	padding:10px;
	margin-bottom:30px;
}
.company-profile h3 
{
	font-size: 23px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 32px;
    font-family: 'Source Sans Pro','PT Sans';
	 
}
.company-profile p
{
	color: #908F8F;
    font-weight: 500;
	font-size:16px;
	font-family:'Source Sans Pro','PT Sans';
	line-height:180%;
}
p.admin
{
	float:right;
	color:#6F6E6E; 
	font-size:14px; 
	margin-top:20px;
}
.social-links
{
	display:inline-block;
	max-width:30%;
	margin:0px 20px;
	padding:10px;
	float:left;
}
.social-links ul li 
{
	list-style-type:none;
	display:block;
    line-height: 1.4em;
	font-size:16px;
}
.social-links h3 
{
	font-size: 23px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 32px;
    font-family: 'Source Sans Pro','PT Sans';
	 
}
.social-links ul li a{
color:#908F8F;	
display:block;
text-decoration:none;
}
.social-links ul li a.fb {
	background: url('../images/common/social2.png') no-repeat 0px 4px;  
    padding: 10px 0 12px 52px;
}
.social-links ul li a.fb1 {
	background: url('../images/common/social1.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.social-links ul li a.fb2 {
    background: url('../images/common/social3.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.social-links ul li a.fb3 {
    background: url('../images/common/social4.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}

.social-links ul li a.fb:hover {
    background: url('../images/common/social3hover.png') no-repeat 0px 4px;
}
.social-links ul li a.fb1:hover {
    background: url('../images/common/social2hover.png') no-repeat 0px 4px;
}
.social-links ul li a.fb2:hover {
    background: url('../images/common/social4hover.png') no-repeat 0px 4px;
}
.social-links ul li a.fb3:hover {
    background: url('../images/common/social5hover.png') no-repeat 0px 4px;
}
.social-links ul li a.fb4:hover {
    background: url('../images/common/social1hover.png') no-repeat 0px 4px;
}
.social-links ul li a:hover,.copy-right ul li a:hover,.footer.three ul li a:hover{
	color:#2e99ff;
}
.copywrite
{
	padding: 20px 20px;
    background: #211E1E;
	text-align:center;
	
}

@media (max-width:600px)
{
	.menu ul 
	{
		margin-right:10px;
	}
		
}

@media (max-width:530px)
{
	.logo 
	{
		display:block;
		width:100%;
		
	}
	.logo-pic 
	{
		width:140px;
		height:40px;
		
	}
	
	.menu ul  
	{
		display: block;
		width:100%;
		margin-right:0;
		margin:0;
		
		
	}
	.menu ul li a
	{
		font-size:15px;
		
		
	}
	.menu ul li:hover 
	{
		
		color:white;
		text-decoration:none;
		
		
	}
}

@media (max-width:885px)
{
	
	
	
	
	.pic 
	{
		display:block;
		width:100%;
	}
	.description
	{
		display:block;
		width:100%;
		margin:0;
		padding:40px 20% 60px ;
	}
	
	.feature
{
	display:inline-block;
	margin:10px 15px;
	font-size:13px;

}
	.feature-pic 
	{
		width:30px;
		height:30px;
		
	}

.description h2 
{
	color:#717d7e;
	font-size:23px;
	font-family:'Source Sans Pro','PT Sans';
}

.btn 
{
	font-size:13px;
	font-family:'Source Sans Pro','PT Sans';
	color:white;
	background:#27ae60;
	padding:10px;
	
}
   
  
}

@media (max-width: 768px)
{
	
	
.profile-area
{
  
	max-width:85%;
	margin:3% auto;
	padding:3%;
	
	
}
.profile-area h1 
{
	
	font-size:25px;
	padding-bottom:20px;
}
.profile-area p 
{
	
	font-size:15px;

}
	
	.footer-main 
{
	padding:10px;
}
.company-profile
{
	
	padding:5px;
	margin-bottom:30px;
	text-align:justify;
}
.company-profile h3 
{
	font-size: 20px;
    margin-bottom: 26px;
    
	 
}

p.admin
{
	
	margin-top:10px;
}
.social-links
{
	
	margin:0px 10px;
	padding:5px;
	float:left;
}
.social-links ul li 
{
	
	font-size:16px;
	text-align:left;
}
.social-links h3 
{
	font-size: 20px;
    margin-bottom: 26px;
    
	 
}
  	
}

@media (max-width:480px)
{
	.profile-area
{
  
	max-width:90%;
	margin:2% auto;
	padding:4%;
	text-align:center;
	
}
.profile-area h1 
{
	
	font-size:20px;
	padding-bottom:20px;
}
.profile-area p 
{
	
	font-size:13px;

}

	
	
	
	
	
	.image 
	{
		width:250px;
	}
	
	.description
	{
		display:block;
		width:100%;
		margin:0;
		padding:25px 10% 40px ;
	}
	
	.feature
{
	display:inline-block;
	margin:10px 8px;
	font-size:13px;

}

.description h2 
{
	color:#717d7e;
	font-size:18px;
	font-family:'Source Sans Pro','PT Sans';
}
	
	
	.footer-main 
{
	padding:10px;
}
.company-profile
{
	display:block;
	margin-bottom:20px;
	max-width:100%;
}


.social-links
{
	display:block;
	padding:5px;
	max-width:100%;
	margin-bottom:30px;
}

.social-links h3 
{
	font-size: 20px;
    margin-bottom: 20px;
 
}

.copywrite 
{
	display:block;
	width:100%;
	margin-bottom:0;
	margin-top:200px;
}


}





@media (max-width:1200px)
{
	
 .items 
{
	margin:4% 4%;
}


}
@media (max-width:1100px)
{

.items	
{
	margin:0;
}
}