@media (max-width: 1500px) {
	.project-post {
		width: 33.3%;
	}

	.profile-section-content {
		width: 55%;
	}

	.my-photo-profile {
		width: 45%;
	}

	.blog-masonry .blog-post {
		width: 33.3%;
	}
}

@media (max-width: 1279px) {
	.project-post {
		width: 49.98%;
	}

	.blog-masonry .blog-post {
		width: 49.98%;
	}

	header {
		max-width: 250px;
	}

	#content {
		padding-left: 250px;
	}

	header.out-active {
	    margin-left: -190px;
	}

	.profile-section-content {
		width: 100%;
		float: none;
	}

	.my-photo-profile {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.my-photo-profile img {
		margin-left: 0;
	}

	.services-post a.services-icon {
		display: inline-block;
		width: 60px;
		height: 60px;
	}

	.services-post a.services-icon i {
		line-height: 60px;
		font-size: 30px;
	}

	.services-post h3 {
		font-size: 16px;
	}

	.services-page .services-post p {
		font-size: 13px;
	}

	.services-post a {
		font-size: 13px;
	}

	.contact-box {
	    width: 260px;
	    padding: 120px 30px 0;
	}

	.map-container {
	    margin-left: 260px;
	}
}

@media (max-width: 1024px) {
	header {
	    float: none;
	    text-align: center;
	    width: 100%;
	    max-width: 100%;
	    height: auto !important;
	    min-height: inherit !important;
	}

	.project-post {
	    width: 49.98%;
	}

	ul.depth {
		margin-left: 0;
	}

	ul.dropdown {
		display: block !important;
	}

	ul.menu {
		padding-top: 20px;
		height: auto;
		min-height: inherit;
		max-height: 200px;
		overflow-y: scroll; 
	}

	ul.menu > li a {
		padding: 8px 40px !important;
	}

	#content {
		padding-left: 0px;
	}

	a.hide-menu,
	.show-menu {
		display: none !important;
	}

	a.elemadded {
		display: block;
	}

	.copyright-box {
		display: none;
	}

	.logo-box {
		min-height: inherit;
		padding: 20px 0;
	}

	.menu-box {
		display: none;
	}

	.header-foot {
		padding: 20px 0;
	}

	ul.social-icons {
		margin: 0;
	}

	.team-post {
		margin-bottom: 30px;
	}

	.skills-section {
		margin-bottom: 30px;
	}

}

@media (max-width: 767px) {
	.project-post {
	    width: 100%;
	}

	.blog-masonry .blog-post {
		width: 100%;
	}

	.contact-box {
		float: none;
		padding: 30px;
	    width: 100%;
	}

	.map-container {
		float: none;
	   	margin-left: 0;
	}
}