@media(max-width: 1200px){
	#home .hero {height: auto;}
	.hero nav .navbar-brand img {width: 250px;}
	.hero nav li a {font-size: 13.5px; padding: 0 8px!important;}
	.hero .title {margin-top: 85px;}
	.hero .title h1 {font-size: 37px; line-height: 41px;}
	.hero .images {background-size: cover; width: 100%; height: 400px;}
	.hero .images .man {left: 27px; width: 300px;}
	.hero .images .woman {right: 73px; width: 220px;}
	.hero .title a.link-btn {font-size: 14px; margin-right: 20px;}
	.hero .title a.link-underline {font-size: 14px;}
	#about .img-dots img:last-child {bottom: -7px;}
	#about h2 {font-size: 37px;}
	#about h3 {font-size: 19px;}
	#about p {font-size: 15px;}
	#about p:first-of-type {margin-top: 20px;}
	#services h2 {font-size: 37px;}
	#services h3 {font-size: 19px;}
	#services .dots {display: none;}
	#team h2 {font-size: 37px;}
	#team h3 {font-size: 19px;}
	#team a.link-btn {font-size: 14px;}
	#team .shape {margin: -80% -80% 0;}
	#team .single-item {width: 235px;}
	#team #fabio {bottom: 24px;}
	#contact h2 {font-size: 37px;}
	#contact span {font-size: 19px;}
	#contact form label {font-size: 16px;}
	#contact form button {font-size: 14px;}
	footer form .form-control {font-size: 14px;}
	footer form button {font-size: 14px;}
	footer ul li a {font-size: 13.5px;}
	footer ul li a:hover {color: #222; text-decoration: underline;}
	.internal-page h2 {font-size: 37px; line-height:44px;}
	.internal-page p {font-size: 16.5px; margin-top: 20px;}
	#page-equipe .single-item h3 {line-height: 25px;}
	#page-contato span {font-size: 19px;}
	.internal-page .internal-form label {font-size: 16px;}
	.internal-page .internal-form button {font-size: 14px;}
	#about .img-dots {display: none;}
}

@media(max-width: 992px){
	.navbar-light .navbar-toggler {border: 0;}
	.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34,34,34,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
	.hero .title {margin-top: 35px;}
	.hero .images {height: 304px; margin-top: -40px; background-size: 294px; background-position: -12px -3px;}
	.hero .images .man {display: none;}
	.hero .images .woman {right: 57px; width: 187px; top: 49px;}
	#about p {font-size: 16.5px;}
	#team .shape {margin: -60% -60% 0;}
	#team #giuliano {left: 115px;}
	#team #marcos {right: 95px;}
	#team #fabio {right: 95px; bottom: 0;}
	#team .dots {left: 68px;}
	footer .footer-menu {display: none;}
	footer img {width: 250px;}
	.internal-page .hero {height: 225px;}
	.internal-page .hero .title {margin-top: 20px;}
	.internal-page .main-img {height: 140px;}
	.internal-page .content ul.benefits {margin-bottom: 40px;}
	.internal-page .content ul.benefits li span {font-size: 17px;}
	.internal-page .title-form {margin-top: 40px!important;}
	.internal-page .all-services ul li {font-size: 15px;}
	#page-c6bank img {max-width: 100%;}
	#page-c6bank .dots {right: -32px;}
	#page-equipe .single-item {width: auto;}
	#page-equipe .single-item img.member {left: 17px;}

	ul.list-item {
    grid-template-columns: 100%;
 	}
}

@media(max-width: 768px){
	.hero .images {margin-top: 30px; background-position: -24px -11px; background-size: 560px; height: 355px;}
	.hero .images .man {display: block;}
	.hero .images .woman {width: 220px;}
	.yellow-shape {background: 0;}
	#services, #team, #contact {margin-top: 40px;}
	#services h2, #services h3 {text-align: left;}
	#services .single-item {max-width: 510px;}
	#services .owl-theme .owl-nav {text-align: center!important;}
	#team .shape {margin: -55% -55% 0;}
	#team #giuliano {left: 25px;}
	#team #marcos {right: 25px;}
	#team #fabio {right: 25px; bottom: 15px;}
	#contact {padding-top: 100px;}
	#contact form {margin-top: 30px;}
	.internal-page .main-img .dots {width: 100px; top: -30px; left: -30px;}
	.internal-page .content ul.benefits li span {width: 75%; font-size: 15px; line-height: 21px;}

	h1 {margin-top:20px;}
}

@media(max-width: 500px){
	.hero .images {background-position: -13px -11px; background-size: 410px;}
	.hero .images .woman {right: 0;}
	.hero .images .man {left: -25px;}
	#services .single-item {max-width: 92%;}
	#team .shape {display: none;}
	#team .dots {display: none;}
	#team .single-item {position: unset; margin: 30px auto; width: 100%;}
	#team .team-members {height: auto;}
	footer img {display: block; margin: 0 auto 20px;}
	footer form.float-right {float: none!important;}
	footer form .form-control {width: 100%;}
	footer form button {width: 100%;}
	#page-equipe .single-item {width: 95%; margin: 140px auto 0;}
	#page-equipe .single-item h3 {padding: 0 10px; text-align: left;}
	#page-equipe .single-item span {padding: 0 10px; text-align: left;}
	#page-equipe .single-item p {padding: 0 10px 10px;}
	#page-c6bank .dots {display: none;}
	#page-parceiro .title-form span{display: inline;}
	.internal-page .dots {display: none;}
	.internal-page .main-img {height: 100px;}
	.internal-page h2 {line-height: 48px;}
	.internal-page h3 {line-height: 38px;}
	.internal-page .internal-form {padding: 30px 20px;}
	.internal-page .content {padding-bottom: 80px;}
	.internal-page .content ul.benefits li span {font-size: 13.5px;}
	#page-contato .internal-form {margin-top: 30px;}
}





/*Mobile Nav*/
.sidenav {height: 100%; width: 0; position: fixed; top: 0; left: 0; background-color: #222; overflow-x: hidden; transition: 0.5s; padding-top: 40px; z-index: 9999;}
.sidenav a {padding: 8px 8px 8px 28px; text-decoration: none; font-size: 17px; color: white; display: block; transition: 0.3s; text-align: left!important;}
.sidenav a:hover {color: #FCD100;}
.sidenav span {padding: 8px 8px 8px 28px; text-decoration: none; font-size: 17px; color: #FCD100; display: block; transition: 0.3s; text-align: left!important;}
.sidenav ul {padding-left: 38px; margin-bottom: 0;}
.sidenav ul li a {padding: 7px 0!important; text-decoration: none; font-size: 15px!important; color: #999!important; display: block; transition: 0.3s; text-align: left!important;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}