@media (max-width:1100px){
	section,
	section#home{
		padding: 90px 50px 70px; 
	}	

	.content-wrapper{
		padding: 0 20px;
	}
}

@media (max-width: 768px){
	section,
	section#home{
		padding: 90px 20px 70px; 
	}	

	header.header-sticky,
	section#services article img,
	section#client .client-container img,
	section#contactus div.content div{
		opacity: 1;
		filter: alpha(opacity=100);
	}

	section#services article div.icon{
		text-align: center;
	}

	section#services article img,
	section#services article.odd img{
		width: 70% !important;
		float: none !important;
		margin: 0 auto 10px;
	}

	header.header-home,
	header.header-sticky ul,
	section#services article#desktopApplication .icon img{
		display: none;
	}

	section#services ul li{
		text-align: left;
	}

	header.header-sticky ul.navbar-collapse{
		display: none;
	    position: fixed;
	    background: #711F00 ;
	    right: 0;
	    width: 250px;
		height: 100%;
		top: 0;
		padding-top: 75px;
	}

	header.header-sticky ul.navbar-collapse.open,
	section#services article#desktopApplication img{
		display: block;
	}

	header.header-sticky ul.navbar-collapse li{
	    width: 100%;
	    text-align: center; 
	}
	header.header-sticky ul.navbar-collapse li a:hover{
		color: #fff
	}

	header.header-sticky a#pull{
		display: block;
	} 

	header.header-sticky img,
	input[type="submit"]{
		float: none;
	}

	section#home .content-wrapper ul li{
	    font-size: 14px;
	}
	section#home .content-wrapper ul li:after{
	    content: "/";
	    margin: 0 10px;
	}

	section#contactus form input[type="text"],
	section#contactus form textarea{
		width: 100%;
	}

	section#ourexperience div h5{
		margin: 35px 0px 15px
	}

	footer div{
		text-align: center;
	}

	section#aboutus img.about-us-graphic{
		display: none;
	}

	footer ul{
		margin-bottom: 20px;
	}

}

@media (max-width: 400px){

	section, section#home{
		padding: 90px 10px 70px;
	}

	.content-wrapper{
		padding: 0px 10px;
	}

	section#home .logo img{
		width: 80%
	}

	section#home .content-wrapper ul li {
	    font-size: 10px;
	}

	section#home .content-wrapper ul li:after{
	    content: "/";
	    margin: 0 5px;
	}

	section#team .team-member.colorbg,
	section#home .downanimation{
		display: none;
	}


	section#services article,
	section#aboutus p{
		text-align: center;
	}

	section#services article img{
		float: none !important;
		margin: 20px auto !important;
	}

	section#services article{
		margin: 30px auto;
	}

	h1{
		font-size: 50px;
	}
}