@media screen and ( max-width: 1199px ){
	.i1, .i2, .i3{
		display: none;
	}
	#portfolio-list > ul{
		text-align: center;
	}
}

@media screen and ( max-width: 991px ){
	.navbar-nav{
		width: 230px;
		background: #fffdef;
    	border: 1px solid #e55858;
    	border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	-o-border-radius: 5px;
	}

	main .about-us{
		margin: 75px 0px;
	}
}

@media screen and ( max-width: 767px ){
	.main-page .bg-image{
		display: none;
	}
}

@media screen and ( max-width: 550px ){
	#portfolio-list > ul > li{
		width: 100%;
	}
}

@media screen and ( max-width: 400px ){
	#services-list > ul > li{
		width: auto;
	}

	.navbar-brand{
		font-size: 18px;
	}
}