/*
* @file: responsive.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.tdh.com.br;
* @authorCompany: TDH Websites;
*/

@media (min-width: 1024px) and (max-width: 1169px) {
	/* Mod Escritorio */
	.mod-escritorio .mod-item .item-fundador p.fundador {
		font-size: 21px;
	}
	
	/* Bottom Right */
	#bottom-right {
		padding: 35px;
	}
	
	/* Item Bottom */
	.page-institucional .item-bottom #item-bottom-left {
		padding: 30px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	/* Container */
	.container {
		padding: 0 10px;
	}
	
	/* Logo */
	.logo {
		width: 22%;
	}
	
	/* Fone Topo */
	.fone-topo {  }
	
	/* Link Areas Atuacao */
	.link-areas-atuacao {
		padding: 0;
		width: 41%;
	}
	
	/* Nav */
	ul.menu {
		padding: 0;
	}
	ul.menu > li > a {
		font-size: 14px;
	}
	
	/* Slide */
	.mod-slide .mod-item-slide .bottom {
		text-align: center;
	}
	.mod-slide .mod-item-slide .item-text {
		max-width: none;
		display: block;
		text-align: center;
	}
	.mod-slide .mod-item-slide .item-link {
		margin: 20px 0 0;
	}
	.mod-slide .mod-buttons .button-inner {  }
	.mod-slide .mod-buttons .button span {
		background-image: none !important;
		padding: 40px 0 0;
		text-align: center;
	}
	
	/* Mod Areas */
	.mod-areas-atuacao .mod-item {
		padding: 30px 10px;
	}
	.mod-areas-atuacao .mod-item .item-title {
		font-size: 15px;
	}
	
	/* Mod Artigos */
	.mod-artigos .mod-item .item-title {
		font-size: 18px;
		line-height: 1.2em;
	}
	
	/* Bottom */
	#bottom-left {
		width: 100%;
	}
	#bottom-left .mod-bottom.onde-estamos {
		margin: 30px 0 0;
		padding: 0;
	}
	#bottom-right {
		float: left;
		margin: 30px 0;
		width: 100%;
	}
	
	/* Pagina Institucional */
	.page-institucional .item-image {
		display: none;
	}
	.page-institucional .item-content {
		overflow: visible;
	}
	.page-institucional .item-fundador {
		padding: 0 20px 20px;
	}
	.page-institucional .item-bottom {
		margin: 50px 0 0;
	}
	.page-institucional .item-bottom #item-bottom-left {
		padding: 20px;
		width: 100%;
	}
	.page-institucional #item-areas-atuacao {
		display: none;
	}
	
	/* Pagina Atuacao */
	.item-bottom-info {
		margin: 20px 0 0;
		padding: 20px 0 0;
	}
	.item-bottom-info p {
		display: block;
		margin: 10px 0 0;
	}
	
	/* Pagina Areas */
	.page-areas .list-item {
		background-color: #f7f7f7;
		border: 1px solid #ebebeb;
		margin: 20px 0 0;
		padding: 20px;
		width: 100%;
	}
	.page-areas .list-item:first-child {
		margin: 0;
	}
	
	/* Pagina Correspondente */
	.page-correspondente .list-items .row {
		margin: 20px 0 0;
	}
	.page-correspondente .list-items .row:first-child {
		margin: 0;
	}
	.page-correspondente .list-item {
		height: auto;
		margin: 20px 0 0;
		width: 100% !important;
	}
	
	/* Paeg Artigos */
	.page-artigos .list-items .row {
		margin: 60px 0 0;
	}
	.page-artigos .list-items .row:first-child {
		margin: 0;
	}
	.page-artigos .list-item {
		margin: 60px 0 0;
		width: 100%;
	}
	.page-artigos .list-item:first-child {
		margin: 0;
	}
	
	/* Pagina COntato */
	.sidebar-contato {
		width: 100%;
	}
	.formulario-contato {
		margin: 40px 0 0;
		width: 100%;
	}
}
@media (min-width: 768px) {
	#nav .toggle-link {
		display: none;
	}
	#nav .toggle-nav {
		display: block !important;
	}
}
@media (max-width: 767px) {
	/* Container */
	.container {
		padding: 0 10px;
	}
	/* Header */
	#header {
		background-color: #f2f2f2;
		margin: 0;
	}
	#header .container {
		padding: 0 10px;
	}
	#header .col {
		margin: 0;
		position: relative;
		width: 50%;
		z-index: 2;
	}
	#header .bg {
		display: none;
	}
	
	/* Link Areas Atuacao */
	.link-areas-atuacao {
		display: none;
	}
	
	/* Nav */
	#nav {
		background-color: #f2f2f2;
		border-bottom: 2px solid #ebebeb;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		margin: 0 0 30px;
		padding: 20px 0;
		position: relative;
	}
	
	#nav .toggle-link {
		background-color: #00548e;
		color: #ffffff;
		display: block;
		font-weight: 700;
		margin: 0 0 1px;
		padding: 18px;
		position: relative;
		text-transform: uppercase;
	}
	#nav .toggle-link:before {
		background-image: url(../images/backgrounds/icon-menu-mobile.png);
		content: "";
		height: 16px;
		margin-top: -8px;
		position: absolute;
		right: 18px;
		top: 50%;
		width: 16px;
	}
	#nav .toggle-nav {
		display: none;
	}
	
	ul.menu {
		border: none;
		padding: 0;
	}
	ul.menu > li {
		margin: 1px 0 0;
		padding: 0;
		width: 100% !important;
	}
	ul.menu > li:first-child {
		margin: 0;
	}
	ul.menu > li > a {
		background-color: #ebebeb;
		font-size: 15px;
		padding: 18px;
	}
	ul.menu > li > a:before {
		display: none;
	}
	ul.menu > li:hover > a,
	ul.menu > li.active > a {
		background-color: #00548e;
	}
	
	/* Slide */
	#slide {
		display: none;
	}
	
	/* Areas Atuacao */
	#areas-atuacao {
		margin: 0;
	}
	.mod-areas-atuacao .mod-items .row {
		border: none;
		margin: 0;
	}
	.mod-areas-atuacao .mod-item {
		border-width: 1px !important;
		margin: -1px 0 0 -1px;
	}
	.mod-link a {
		padding: 12px 50px 12px 30px;
	}
	
	/* Mod Artigos */
	.mod-artigos .mod-item {
		margin: 60px 0 0;
		width: 100%;
	}
	.mod-artigos .mod-item:first-child {
		margin: 0;
	}
	.mod-artigos .mod-item .item-title {
		font-size: 18px;
		line-height: 1.2em;
		margin: 0 0 5px;
	}
	.mod-artigos .mod-item .item-link {
		margin: 10px 0 0;
		padding: 10px 0 0;
	}
	
	/* Bottom */
	#bottom {
		margin: 40px 0 0;
	}
	#bottom:before {
		display: none;
	}
	#bottom-left {
		width: 100%;
	}
	#bottom-left .mod-bottom.escritorio {
		background-image: url(../images/backgrounds/bg-o-escritorio.jpg);
		background-position: center 0;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		padding: 30px;
	}
	#bottom-left .mod-bottom.onde-estamos {
		margin: 30px 0 0;
		padding: 0 20px;
	}
	#bottom-right {
		float: left;
		margin: 30px 0;
		min-height: 1px;
		padding: 20px;
		width: 100%;
	}
	.mod-form-contato-bottom .buttons {
		text-align: center;
	}
	.mod-form-contato-bottom .button {
		padding: 12px 60px 12px 30px;
		display: inline-block;
		width: auto;
	}
	.mod-form-contato-bottom .button:before {
		right: 30px;
	}
	
	/* Pagina Institucional */
	.page-institucional .item-image {
		display: none;
	}
	.page-institucional .item-content {
		overflow: visible;
	}
	.page-institucional .item-fundador {
		padding: 0 20px 20px;
	}
	.page-institucional .item-bottom {
		margin: 50px 0 0;
	}
	.page-institucional .item-bottom #item-bottom-left {
		padding: 20px;
		width: 100%;
	}
	.page-institucional #item-areas-atuacao {
		display: none;
	}
	.mod-onde-estamos .mod-item p {
		clear: both;
		display: block;
		float: left !important;
		line-height: 1.2em;
		width: auto !important;
	}
	.mod-onde-estamos .mod-item p.linkmapa {
		margin: 10px 0 0;
	}
	
	/* Pagina Atuacao */
	.page-atuacao .item-image {
		display: none;
	}
	.page-atuacao .item-content {
		overflow: visible;
	}
	.item-bottom-info {
		display: none;
	}
	
	/* Pagina Areas */
	.page-areas .list-item {
		background-color: #f7f7f7;
		border: 1px solid #ebebeb;
		margin: 20px 0 0;
		padding: 20px;
		width: 100%;
	}
	.page-areas .list-item:first-child {
		margin: 0;
	}
	.page-areas-item .item-image {
		margin: 0 0 20px;
		width: 100%;
	}
	.page-areas-item .item-content {
		overflow: visible;
	}
	
	/* Pagina Correspondente */
	.page-correspondente .list-items .row {
		margin: 20px 0 0;
	}
	.page-correspondente .list-items .row:first-child {
		margin: 0;
	}
	.page-correspondente .list-item {
		height: auto;
		margin: 20px 0 0;
		width: 100% !important;
	}
	
	/* Paeg Artigos */
	.page-artigos .list-items .row {
		margin: 60px 0 0;
	}
	.page-artigos .list-items .row:first-child {
		margin: 0;
	}
	.page-artigos .list-item {
		margin: 60px 0 0;
		width: 100%;
	}
	.page-artigos .list-item:first-child {
		margin: 0;
	}
	
	/* Pagina COntato */
	.sidebar-contato {
		width: 100%;
	}
	.formulario-contato {
		margin: 40px 0 0;
		width: 100%;
	}
}
@media (max-width: 640px) {
	/* Mod Escritorio */
	#bottom-left .mod-bottom.escritorio {
		padding: 15px;
		text-align: center;
	}
	#bottom-left .mod-bottom.escritorio .mod-bottom-title {
		display: inline-block;
	}
	.mod-escritorio .mod-item .item-link {
		margin: 10px 0 0;
	}
	.mod-escritorio .mod-item .item-content {
		width: 100%;
	}
	.mod-escritorio .mod-item .item-fundador {
		float: left;
		margin: 30px 0 0;
		padding: 10px;
		width: 100%;
	}
	.mod-escritorio .mod-item .item-fundador .title {
		padding: 20px 0 0;
	}
	#bottom-left .mod-bottom.onde-estamos {
		padding: 0;
		text-align: center;
	}
	.mod-bottom.onde-estamos .mod-bottom-title {
		display: inline-block;
	}
	.mod-onde-estamos .mod-item p {
		clear: both;
		display: block;
		float: left !important;
		line-height: 1.2em;
		width: 100% !important;
	}
	.mod-onde-estamos .mod-item p.linkmapa {
		margin: 20px 0 0;
	}
	
	/* Footer */
	#footer {
		padding: 10px 0;
	}
	#redes-sociais,
	#webmail {
		display: none;
	}
	#copyright {
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#tdh {
		float: left;
		margin: 10px 0 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#tdh a {
		display: inline-block;
	}
	
	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}
	
	/* Content */
	#content {
		margin: 0;
	}
	
	/* page Title */
	.page-title {
		color: #00548e;
		font-size: 22px;
		padding: 0 0 20px;
	}
	
	/* Pagina Institucional */
	.page-institucional .item-fundador {
		float: left;
		margin: 0 0 70px;
		max-width: none;
		padding: 0 10px 10px;
		text-align: center;
		width: 100%;
	}
	.page-institucional .item-text {
		float: left;
		overflow: visible;
	}
	
	/* Paeg Artigos */
	.page-artigos .list-items .row {
		margin: 30px 0 0;
	}
	.page-artigos .list-items .row:first-child {
		margin: 0;
	}
	.page-artigos .list-item {
		background-color: #f2f2f2;
		border: 1px solid #ebebeb;
		margin: 30px 0 0;
		padding: 10px;
		text-align: center;
		width: 100%;
	}
	.page-artigos .list-item:first-child {
		margin: 0;
	}
	.page-artigos .list-item .item-image {
		margin: 0 0 60px;
		width: 100%;
	}
	.page-artigos .list-item .item-image a {
		display: inline-block;
	}
	.page-artigos .list-item .item-content {
		overflow: visible;
	}
	.page-artigos-item .item-image {
		margin: 0 0 50px;
		max-width: 100%;
	}
	.page-artigos-item .item-content {
		clear: both;
		overflow: visible;
	}
}
@media (max-width: 480px) {
	/* Logo */
	.logo {
		text-align: center;
		width: 100% !important;
	}
	
	/* Mod Fone Topo */
	.fone-topo {
		margin: 30px 0 0 !important;
		text-align: center;
		width: 100% !important;
	}
	.mod-fone-topo {
		padding: 0;
	}
	.mod-fone-topo .mod-item {
		padding: 60px 0 0;
	}
	.mod-fone-topo .mod-item.whatsapp {
		margin: 20px 0 0;
		padding: 30px 0 0;
	}
	.mod-fone-topo .mod-item:before {
		left: 50%;
		margin: 0 0 0 -30px;
		top: 0;
		transform: scale(0.8);
	}
	.mod-fone-topo .mod-item.whatsapp:before {
		left: 50%;
		margin: 0 0 0 -12px;
		top: 0;
	}
	
	/* Mod Title */
	.mod-title {
		font-size: 24px;
	}
	.mod-title span {
		letter-spacing: 0 !important;
	}
	
	/* Mod Areas */
	.mod-areas-atuacao .mod-item {
		height: auto;
		margin: -1px 0 0;
		width: 100%;
	}
	
	/* MOd Artigos */
	.mod-artigos .mod-item {
		background-color: #fafafa;
		border: 1px solid #ebebeb;
		padding: 20px;
		text-align: center;
	}
	.mod-artigos .mod-item .item-image {
		margin: 0 0 60px;
		text-align: center;
		width: 100%;
	}
	.mod-artigos .mod-item .item-image a {
		display: inline-block;
		max-width: 165px;
	}
	.mod-artigos .mod-item .item-content {
		overflow: visible;
	}
	
	/* Page Areas */
	.page-areas .list-item {
		text-align: center;
	}
	.page-areas .list-item .item-image {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.page-areas .list-item .item-image a {
		display: inline-block;
		max-width: 165px;
	}
	.page-areas .list-item .item-content {
		overflow: visible;
	}
	.page-areas .list-item .item-title {
		padding: 35px 0 0;
	}
	.page-areas .list-item .item-title:before {
		left: 50%;
		margin-left: -20px;
		top: 0;
	}
}
@media (max-width: 310px) {
	/* Mod Escritorio */
	#bottom-left .mod-bottom.escritorio .mod-bottom-title,
	#bottom-right .mod-bottom-title	{
		font-size: 20px;
		margin: 0 0 20px;
		padding: 40px 0 0;
		text-align: center;
	}
	#bottom-left .mod-bottom.escritorio .mod-bottom-title:before,
	#bottom-right .mod-bottom-title:before	{
		left: 50%;
		margin-left: -17.5px;
		top: 0;
	}
	.mod-escritorio .mod-item .item-fundador p.fundador {
		font-size: 18px;
	}
	#bottom-right {
		padding: 10px;
	}
	.mod-form-contato-bottom .button {
		font-size: 14px;
		padding: 12px 20px;
	}
	.mod-form-contato-bottom .button:before {
		display: none;
	}
	
	/* Pagina Institucional */
	.mod-onde-estamos .mod-item p.linkmapa a {
		font-size: 14px;
		padding: 12px 20px;
	}
	
	/* Pagina Contato */
	.mod-form-contato .buttons .button {
		font-size: 14px;
		padding: 12px 20px;
	}
	.mod-form-contato .buttons .button:before {
		right: 20px;
	}
	/* E-mail */
	.mod-sidebar-contact .mod-item p.email {
		overflow: auto;
		padding: 0 0 10px 35px;
	}
}