@media (max-width: 1180px) {

	.main-center,
	#main {

		padding-left: 40px;
		padding-right: 40px;
	}

	#masthead .main-center {

		padding-left: 20px;
		padding-right: 20px;
	}

	.slot-projecto-highlight .col-right {

		padding-left: 30px;
	}

	.project-content .project-gallery .project-gallery-thumbnail {

		width: 31	%;
		margin-left: 1%;
		margin-right: 1%;
	}
}


@media (max-width: 960px) {


	#site-navigation {

		display: none;
	}

	#mobile-navigation {

		display: block !important;
	}

	sidebar.sub-menu {

		display: none;
	}

	.main-content {

		width: 100%;
		float: none;
		clear: both;
		padding-left: 0;
		border-left: none;
	}

	.noticias .main-content {

		padding-right: 0;
		border-right: none;
	}

	.home-intro-container {

		padding-bottom: 20px;
	}

	.home-intro .col-left {

		width: 100%;
		float: none;
		clear: both;
		padding-right: 0;
		border-right: none;
		margin-bottom: 40px;
	}

	.home-intro .col-right {

		width: 100%;
		float: none;
		clear: both;
		padding-left: 0;
	}

	.home-intro ul li {

		display: inline-block;
		width: 45%;
	}

	.home-main.main-center {

		padding-left: 0;
		padding-right: 0;
	}

	.home-main .col-left {

		width: 100%;
		float: none;
		clear: both;
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 20px;
	}

	.home-main .col-right {

		width: 100%;
		float: none;
		clear: both;
	}

	.project-list .slot-projecto  .ano-projecto:before {

		display: none;
	}

	.footer-menu ul.menu li a {

		font-size: 0.85em;
	}

	.logo-gallery figure {

		width: 32%;
	}
}

@media (max-width: 760px) {

	
	.equipa-list .equipa-item {

		width: 32%;
	}

	.equipa-list .external-equipa-item {

		width: 47%;
	}

	.project-content .col-left {

		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}

	.project-content .col-right {

		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}

	.project-content .project-gallery .project-gallery-thumbnail {

		width: 18%;
	}

	#colophon .col-left {

		width: 85%;
	}
	
	#colophon .col-right {
	
		display: none;
	}

	#mobile-footer-navigation {

		display: block !important;
		float: right;
	}
}

@media (max-width: 640px) {

	.project-area-description ul li {

		width: 100%;
	}

	.contactos .col-left {

		width: 100%;
		float: none;
		clear: both;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.contactos .col-right {

		width: 100%;
		float: none;
		clear: both;
	}

	.equipa-list .equipa-item {

		width: 48%;
	}

	.equipa-fancybox .col-left {

		display: none;
	}

	.equipa-fancybox .col-right {

		width: 98%;
		padding: 2.5% 0;
		float: none;
		clear: both;
	}

	.equipa-fancybox .col-right .bio {

		border-left: none;
	}

	.equipa-fancybox .col-right .bio .info.mobile {

		display: block !important;
	}

	.equipa-fancybox .email {

		border-top: none;
	}

	.home-intro ul li {

		width: 100%;
	}

	.home-main .col-left .projecto-details {

		display: none;
	}

	.project-content .project-gallery .project-gallery-thumbnail {

		width: 23%;
	}

	#masthead .social {

		display: none;
	}

	.logo-gallery figure {

		width: 49%;
	}
}

@media (max-width: 480px) {

	.main-center, #main {

		padding-left: 20px;
		padding-right: 20px;
	}

	.slot-projecto-highlight {

		padding-bottom: 0;
		border-bottom: none;
	}

	.project-list .slot-projecto {

		padding-left: 40px;
	}

	.project-list .slot-projecto .info-projecto {

		padding-left: 10px;
		border-left: 3px solid #8f93c7;
	}


	.slot-projecto-highlight .col-left {

		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}

	.slot-projecto-highlight .col-right {

		width: 100%;
		float: none;
		clear: both;
		padding-left: 0;
	}

	.project-list .slot-projecto .info-projecto .title {

		font-size: 1em;
	}

	.project-list .slot-projecto .info-projecto .cliente {

		font-size: 0.85em;
	}

	.site-branding .col-left {

		width: 100%;
		float: none;
		clear: both;
	}

	.site-branding .col-right {

		float: none;
		clear: both;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.equipa-list .equipa-item {

		width: 100%;
	}

	.equipa-list .external-equipa-item {

		width: 100%;
	}

	.project-content .project-gallery .project-gallery-thumbnail {

		width: 31%;
	}

	.logo-gallery figure {

		width: 100%;
	}

}