@media only screen and (min-width : 768px) and (max-width : 1366px) {
	.about-content {
	    margin: 30px 0px 0px 0px;
	}
}
/* ===== Start iPads (portrait and landscape)
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* Styles */
	.best-projects-list ul li {
    	width: calc(100% / 3 - 10px);
	}

	.best-projects-list ul li:nth-child(5n) {
	    margin-right: 10px;
	}

	.best-projects-section {
		padding-bottom: 40px;
	}

	.scroll-down {
		display: none;
	}

	#header {
		height: 85px;
	    padding: 10px 30px 0px;
	}

	.header-logo {
		width: 120px;
	}

	.default-section {
		padding-top: 85px;
	}

	.projects-catname, .projects-list {
	    width: calc(100% / 4 - 6px);
	}

	.projects-cat > li > p {
		width: 70px;
		font-size: 16px;
	}

	.projects-cat > li > ul {
		width: calc(100% - 70px);
	}

	.projects-catname span {
		font-size: 14px;
	}

	.projects-section {
		padding-bottom: 40px;
	}

	.aside {
		position: relative;
		width: 100%;
		right: 0px !important;
		top: 0px;
	}

	.project-image {
		margin-top: 0px;
		margin-right: 0px;
		height: 300px !important;
	}

	.project-facts, .project-description {
		opacity: 1;
		visibility: visible;
	    transform: scale(1);
	}

	.gallery-images li {
	    width: calc(100% / 3 - 10px);
	}

	.project-description {
		position: relative;
	    margin-top: 30px;
	}

	.project-inner {
		width: 100%;
	}

	.default-section.gallery-section {
		padding-top: 30px;
	}

	.home-top-section .home-bg {
		height: 300px !important;
	}

	.about-inner figure {
		width: 200px;
	}

	.about-inner .about-description {
		width: calc(100% - 220px);
	}

	.about-pattern span {
		height: 200px;
	}
}
/* ===== End iPads (portrait and landscape)
--------------------------------------------------------------------------------------------------*/

/* ===== Start Smartphones (portrait and landscape)
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 0px) and (max-width : 767px){
	/* Styles */
	.default-section {
		margin: 0px;
	}

	footer {
		position: relative;
		text-align: center;
	}

	.footer-copyright, .footer-info {
		width: 100%;
	}

	.footer-info p {
		width: 100%;
		margin: 5px 0px;
		padding: 0px;
		border: 0px;
	}

	.home-top-section {
		width: 100%;
	}

	.best-projects-list ul {
		padding: 0px 5px;
	}

	.social-icons {
		width: 100%;
		margin-top: 10px;
	}

	.footer-info {
		margin-top: 10px;
	}

	.best-projects-list ul li {
	    width: calc(100% / 2);
	    padding: 5px;
	    box-sizing: border-box;
	    margin-right: 0px;
	    margin-bottom: 0px;
	}

	.all-projects a {
		padding: 5px;
		font-size: 16px;
		line-height: 20px;
	}

	.all-projects a span {
		bottom: 5px;
	}

	.best-projects-section {
		padding-bottom: 40px;
	}

	.default-section.best-projects-section {
		padding-top: 30px;
	}

	.scroll-down {
		display: none;
	}

	#header {
		height: 85px;
	    padding: 10px 10px 0px;
	}

	.header-logo {
		width: 100px;
	}

	.main-nav li a {
		font-size: 14px;
	}

	.best-projects-section {
		width: 100%;
	}

	.default-section {
		padding-top: 85px;
	}

	.projects-catname, .projects-list {
		display: block;
		float: left;
	    width: calc(100% / 4);
	    margin-left: 0px;
	}

	.projects-cat > li > p {
		width: 100%;
		font-size: 16px;
	}

	.projects-cat > li > ul {
		width: 100%;
	}

	.projects-catname span {
		font-size: 10px;
		padding: 5px;
	}

	.projects-section {
		padding-bottom: 40px;
	}

	.aside {
		position: relative;
		width: 100%;
		right: 0px !important;
		top: 0px;
	}

	.project-image {
		margin-top: 0px;
		margin-right: 0px;
		height: 300px !important;
	}

	.project-facts {
		min-height: 150px;
	}

	.project-facts span {
		padding: 5px;
	}

	.project-facts span h2 {
		font-size: 14px;
	}

	.project-facts span p {
		font-size: 10px;
	}

	.project-facts, .project-description {
		opacity: 1;
		visibility: visible;
	    transform: scale(1);
	}

	.gallery-images {
		padding: 0px 5px 5px;
	}

	.gallery-images li {
	    width: 100%;
	    -webkit-box-sizing: border-box;
        box-sizing: border-box;
	}

	.project-description {
		position: relative;
	    margin-top: 30px;
	    font-size: 12px;
	}

	.project-inner {
		width: 100%;
	}

	.default-section.gallery-section {
		padding-top: 30px;
	}

	.fancybox-prev span {
		left: -10px;
	}

	.fancybox-next span {
		right: -10px;
	}

	.home-top-section .home-bg {
		height: 200px !important;
	}

	.social-icons li {
		margin: 0px 10px;
	}

	.scroll-default {
		min-height: auto !important;
	}

	.main-nav {
		padding: 45px 0px 10px 0px;
	}

	.about-content {
	    margin: 30px 10px 30px 10px;
	}

	.about-inner figure {
		width: 100%;
	}

	.about-inner .about-description {
		width: 100%;
	}

	.about-pattern {
		display: none;
	}

	.name p {
		width: 100%;
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

	.mobile-footer .footer-info p {
		float: none;
		display: inline-block;
		width: auto;
	    padding: 0px 15px;
	    border-right: 1px solid #fff;
	}

	.mobile-footer .footer-info p:last-of-type {
		border: 0px;
	}

	.mobile-footer .footer-container .footer-copyright p {
		font-size: 10px;
	}

	.mobile-footer .social-icons {
	    margin-bottom: 10px;
	}
}
/* ===== End Smartphones (portrait and landscape)
--------------------------------------------------------------------------------------------------*/