@media(max-width:560px){
	.top-header .logo-cont {
  		float: none;   
    		
    width: 50%;
    margin: 0 auto;
}
		
	.top-header .contact-info{
		  
    margin: 0 auto;	
		float: none;
		    width: 80%;
	}				
}	
@media(max-width:333px){
	.main-menu > li{
			display:block;
	}
	
	.top-header .logo-cont,.top-header .contact-info{
    float: none; 
}


	
	.our-services .img-cont{
		
		float: none;
		
		
	}
	
	.top-header .contact-info{
		float: none;
	}
	
   .our-team .item{		
	width:70%;
	margin: 0 auto;
	   
}
	.our-services .service-item{
		float: none;
		
	}
	.our-services .img-cont{
		float: none;
		width: auto;
		width: 100%;
		
	}
	.our-services .services-cont{
		height: auto;
		width: 100%;
		
		
		
	}
	.our-services .service-item{
		width: auto;
	}
	.news button{
		float: left;
	}
	.newsletter{
		float: left;
	}
	
	
	
}
@media(min-width:332px) and (max-width:779px){
	
		.main-menu > li{
			display:block; border-right:none; border-left:none; 
			border-bottom: 1px solid #ccc; margin:0 0 8px
	      }			
	
	  .our-team .item{
	width:60%;
	margin: 0 auto;
	   
}
	.our-services .img-cont{
		
		width: 100%;
		
		
	}
	
	.our-services .services-cont{
		height: auto;
		width: 100%;
		
		
		
	}
	
	.our-services .service-item{
		float: none;
		margin-left: 18%;
		width: auto;
	}
	.news button{
		float: left;
	}
	.newsletter{
		float: left;
	}
	
  	
}


@media(min-width:779px) and (max-width:991px){
  	
}

@media(min-width:992px) and (max-width:1199px){
	.our-services .services-cont{
		overflow-y: scroll;
	}
}

@media(min-width:1200px){
   
}