@media screen and (max-width:991px) {

header {position:relative; height:auto; min-width:100%; display:block; overflow:hidden;}
	header nav {float:none; margin:0;}
	header .logo-sulati-header {float:initial; display:inline-block; background-size:contain; margin:0 0 0 15px; padding:0; height:125px;}
	header .logo-sulati-header.paginas-internas {margin:0 0 90px 15px;}
	.logo-sulati-header:hover {margin:0 0 0 15px;}

	header nav .toggle-menu {background:transparent; display:block; z-index:16; cursor: pointer; right:15px; top:40px; position:absolute; width: 50px; height:39px; font-weight: 600; font-size: 18px; color:#0e4194; z-index: 100; padding:10px;}
	header nav.active .toggle-menu {z-index:1000;}
	header nav.active .toggle-menu span {background:#fff;}

	header nav .toggle-menu span {width:100%; height:2px; background:#0e4194; display: block; margin-bottom:6px;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
	header nav.active .toggle-menu span.tm1 {margin-top:10px; margin-bottom:0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	header nav.active .toggle-menu span.tm2 {margin-top:-2px; margin-bottom:0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
	header nav.active .toggle-menu span.tm3 {display: none;}

	header nav ul {margin-top: 0; background-color:rgba(34,52,124,0.95); position:fixed; width:100%; right:-100%; top:0; bottom:0; padding:80px 30px 0 30px; overflow: hidden; -webkit-transition:.3s; transition:.3s; z-index:6;}
	header nav ul li {width:100%; display:block; float:none;}
	header nav ul li a {line-height:35px; padding:0; font-size:15px; color:#fff; display:block; width:100%; text-align:right; float:initial; margin:0; letter-spacing:1px; text-transform:uppercase;}
	header nav ul li a:hover {background:none; color:#fff;}

	header nav.active ul {opacity:1; padding:80px 30px 20px 30px; right:0;}
	nav ul li a:hover {color:#40bf7c!important; border-bottom:none;}
	
	header nav ul li a:after {display:none;}

	footer {min-width:100%!important;}
	footer nav {display:none;}
	footer h6 a {margin:0 0 0 15px;}
	footer address {margin:0 15px 0 0;}

	h2 {position:relative; top:0; margin:30px 0; color:#0e4194; text-shadow:none; z-index:1;}

	#content, .extra-content {min-width:100%!important;}
	
	.container, .container2, article, .article-full {width:100%;}
	article {margin:0; padding:0 15px;}
	
	.home header {height:auto;}
	.home header .bg-header {width:100%; height: 310px;}
	.home-areas {margin-top:25px; z-index:1; background:none; height:500px; border-bottom:1px solid #e3e6e8; margin-bottom:25px; width:100%;}
	.home-areas a .bg-home-area {background-position:center; background-repeat:no-repeat; object-fit:cover;}

	.home-areas a:hover .home-area-texto {bottom:100px; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none;}

	.home-area-corp {width:33.33%!important;}
	.home-area-mkt {width:33.33%!important;}
	.home-area-log {width:33.33%!important;}

	.home-links a {width:100%; margin:0;}

	.area-nav {display:none;}
	.about {margin:0;}
	.about .col {width:100%; float:inherit; margin:0;}
	.about .col ul {margin-left:15px;}

	.history {padding:0 15px; width:100%;}
	.history-image {margin-left:0;}
	.history-text {width:250px; right:230px;}
	.history-wrapper {overflow:initial;}

	.services .col3, .projects .col3 {width:100%; margin:0 0 30px 0; float:initial; min-height:100%;}
	.projects .col3 {margin:0 0 60px 0;}
	.services .col3 a.service-more {margin:0; padding:0 20px 20px 50px;}
	.services .col3 a.service-more:before {top:-10px;}

	#area-banner {margin-top:0; min-width:100%; height:270px;}
	.banner-corp img {object-fit: cover;}
	.banner-log img {object-fit: cover;}
	.banner-mkt img {object-fit: cover;}
	.banner h2 {top:0;}

	.post img.service-logo.wp-post-image {width:100%; height:auto;}

	a img.alignnone {width:100%; height:auto; margin:0;}

	.clb .container {padding:0 15px;}
	#trabalheconosco-form {width:100%;}

	.oportunities img.alignleft {display:none;}
	.wp-caption.alignnone {width:100%!important;}
	.wp-caption.alignnone img {width:100%; height:auto;}
	.more-link {margin:20px 0 40px 0;}

	.page-id-11 a img.alignright {float:initial; display:block;}

	.contact-info {width:100%; float:initial; margin:0;}
	#contact-form, .field.md, .field.sm {width:100%; float:initial;}
	.sm + .md, .md + .sm {margin-left:0;}
}

@media screen and (max-width:767px) {
	.home-links a {width:20%;}
	.history {margin-bottom:50px;}
	.history-event {width:100%; display:block;}
	.history-timeline, .history-prev, .history-next {display:none;}
	.history-wrapper {overflow:hidden;}
	.history-image {margin-bottom:20px;}
	.history-image img {width:100%; transition:none; box-shadow:none; transform:none;}

	.history-event:nth-child(2n) .history-image img {-webkit-transform: none; transform: none;}
	.history-event:nth-child(2n) .history-image img:hover  {-webkit-transform:none; transform:none;}
	.history-image img:hover  {-webkit-transform:none; transform:none;}

	.history-text {width:100%; right:0; position:relative; transform:none; -webkit-transform:none;}

	.extra-content {padding:40px 0;}


}
@media screen and (max-width:576px) {

	footer {padding:170px 0 0 0;}
	footer h6 a {float:initial; display:block;}
	footer address {margin:15px; float:initial;}

	.home-areas a {background-size:cover;}
	.home-areas a .home-area-texto {right:50%;}
	.home-area-corp {width:100%!important; height:300px; margin-bottom:15px; background-color:#168fd0;}
	.home-area-mkt {width:100%!important; height:300px; margin-bottom:15px; background-color:#f7b542;}
	.home-area-log {width:100%!important; height:300px; margin-bottom:15px; background-color:#8ead18;}

	.home-links a {width:100%; margin:0; padding:80px 0 0 0;}

	#area-banner {height:150px;}
}