@media (max-width: 768px) 
{
	.navbar {
		top: 0;
		overflow: hidden;
		z-index: 999999;
	}

	.navbar-brand>img {
		max-width: 100px;
		height: auto;
	}

	.navbar .container {
		background-color: #fff;
		padding: 0;
	}

	.navbar .navbar-menu {
		background-color: #f3f3f3;
		height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transition: all 500ms cubic-bezier(.5,0,0,1);
		transition: all 500ms cubic-bezier(.5,0,0,1);
		width: 100%;
	}

	.navbar .navbar-menu.active {
		height: calc(100vh - 70px);
	}

	.navbar .navbar-menu {
		transition: all 300ms ease;
		width: 100%;
		float: none;
		max-height: 0;
		overflow: hidden;
		overflow-y: scroll;
	}

	.navbar .navbar-menu.active {
		max-height: 100vh;
	}

	.navbar .navbar-menu > .menu-item {
		display: block;
		position: relative;
	}

	.navbar .navbar-menu .sub-menu .menu-item > .sub-menu .menu-item:before {
		content: none;
	}

	.navbar .navbar-menu .sub-menu .menu-item-has-children:before {
		margin-top: 30px;
	}

	.navbar .navbar-menu > .menu-item:nth-last-child(-n+4) {
		display: inline-block;
		text-align: center;
		width: 33%;
	}

	.navbar .navbar-menu > .menu-item:nth-last-child(-n+4):before {
		margin: 0 0 0 -7px;
		top: 18px;
	}

	.navbar .navbar-menu > .menu-item:last-child {
		width: 100%;
	}

	.navbar .navbar-menu > .menu-item a {
		padding: 20px !important;
		border-bottom: 1px solid #e9e9e9;
	}

	.navbar .navbar-menu .menu-item:hover > .sub-menu {
		position: relative;
		display: block;
	}

	.navbar .navbar-menu .sub-menu .menu-item > .sub-menu {
		background-color: rgba(255, 255, 255, 0.6);
		left: 0;
	}

	.hero h1 {
		font-size: 30px;
	}

	.hero p {
		font-size: 16px;
	}

	.hero .overlay {
		min-height: auto;
		padding: 100px 0 30px;
	}

	.hero.internal .overlay {
		padding: 100px 0 75px;
	}

	.hero.internal h1.title {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.hero.internal h2.subtitle {
		font-size: 18px;
	}

	section.solucoes-section .container > h2.title {
		font-size: 30px;
	}

	section.solucoes-section .container > p.subtitle {
		font-size: 16px;
	}

	section.contact-section {
		padding: 50px 0 25px;
	}

	section.contact-section .info {
		margin-bottom: 30px;
		padding-right: 15px;
		text-align: center;
	}

	section.contact-section h3 {
		font-size: 22px;
	}

	section.contact-section p {
		font-size: 16px;
	}

	section.content-section {
		background-position: center;
		padding: 50px 0;
	}

	section.content-section h2 {
		margin-top: 20px;
	}

	section.diretores .main-row {
		margin: 0 -15px;
	}

	section.diretores .main-col {
		padding: 0 15px;
		margin-bottom: 50px;
	}

	section.diretores .main-col:last-child {
		margin-bottom: 0;
	}

	section.cases-section .row > .tabs a.thumb {
		max-width: 75px;
	}

	section.cases-section .row > .tabs a.content {
		max-width: calc( 100% - 75px );
	}

	section.cases-section .row > .tabs .active .btn {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	section.cases-section .row > .tabs > div {
		border-bottom: 1px solid #ccc;
		padding: 15px;
	}

	.page-template-page-producoes-culturais .hero .overlay {
		min-height: auto;
		padding: 100px 0;
	}

	.page-template-page-producoes-culturais .content-section h2 {
		text-indent: 0;
	}

	.page-template-page-producoes-culturais .content-section p {
		font-size: 16px;
	}

	.page-template-page-producoes-culturais .content-section .o-que-fazemos {
		padding: 0 15px;
		margin-bottom: 25px;
	}

	.related-section .featured-item {
		margin-bottom: 25px;
	}

	.modal button.close {
		padding: 4px 3px 2px;
		right: 15px;
		top: 20px;
	}

	.modal .modal-body {
		padding: 0 20px 30px;
	}

	.footer .category-items {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.footer .container {
		text-align: center;
	}

	section.full-list-section .filter {
		font-size: 0;
	}

	.filter {
		text-align: center;
	}

	.filter li {
		padding: 5px;
	}

	.call-to-action {
		padding-top: 30px;
	}

	section.projetos-section {
		padding: 50px 0;
	}

	section.content-section h2 {
		font-size: 22px;
	}

	.breadcrumb > li+li:before {
		padding: 0 5px;
	}

	.page-template-page-producoes-culturais .hero .overlay h1 {
		font-size: 40px;
	}

	.featured-clientes-section {
		text-align: center;
	}

	.featured-clientes-section .client-brand {
		margin: 0 0 20px;
		max-height: 50px;
		max-width: 100px;
	}
	section.contact-section .wpcf7-submit {
		display: block;
		float: none;
		width: 100%;
		margin: auto;
	}
}