/* =============== # Responsive =============== */

@media(max-width: 1200px) {

	.container, .side-nav-header {
		margin-left: 25px;
		margin-right: 25px;
	}
}

@media(max-width: 870px) {
	
	.img, .img-m, .img-s {
    	margin: 15px 2% 45px;
	}

	.img-m {
    	max-width: 70%;
	}

	.img-s {
    	max-width: 56%;
	}

	.single-project p, .single-project ul, h3 {
		width: 90%;
	}

	.single-project ul {
		padding-left: 30px;
	}

}

@media(max-width: 570px) {

	h3 {
		font-size: .95rem;
	}

	.single-project p, .single-project ul, .single-project ul li {
		font-size: 1rem !important;
		text-align: left;
		line-height: 1.7 !important;
	}

	.single-project p, .single-project ul, h3 {
		width: 96%;
	}

	.section, .section1 {
		font-size: .9rem;
		letter-spacing: 1.2px;
	}

	.img, .img-m, .img-s {
    	margin: 10px 2% 30px;
    	max-width: 96%;
	}

	.img3 {
    	margin: 10px 2% 30px;
    	max-width: 28%;
	}

	.overlay img {
    max-width: 100%;
	}

	.bottom-nav ul {
		margin: 70px 0 50px;
	}

	.footer-default {
		height: 40px;
	}
}