/*
* @file: responsive.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.tdh.com.br;
* @authorCompany: TDH Websites;
*/
@media (min-width: 768px) {
	/* Nav */
	.link-togle-menu {
		display: none;
	}
	.toggle-menu {
		display: block !important;
	}
}
@media (min-width: 1024px) and (max-width: 1169px) {  }
@media (max-width: 1023px) {
	/* Header */
	#header {
		padding: 20px 0;
	}
	
	/* Header Fixed */
	#header-fixed {
		display: none;
	}
	#header .container {
		text-align: center;
	}
	
	/* Logo */
	#logo {
		padding: 0;
	}
	
	/* Nav */
	#nav {
		clear: both;
		float: none;
		margin: 30px 0 0;
		width: 100%;
	}
	
	/* Quem Somos */
	#quem-somos {
		margin: 0 0 40px;
		padding: 30px 0;
	}
	.mod-quem-somos .mod-link {
		margin: 30px 0 0;
	}
	
	/* Mod Servicos */
	.mod-servicos .mod-item .item-content {
		min-height: 1px;
		padding: 10px;
	}
	
	/* Banner Solucoes */
	#banner-solucoes {
		margin: 40px 0;
		padding: 30px 0;
	}
	#banner-solucoes .custom h3 {
		font-size: 24px;
	}
	
	/* Bottom Columns */
	#bottom-columns {
		margin: 30px 0 0;
		padding: 30px 0 0;
	}
	#downloads {
		padding: 0;
		width: 100%;
	}
	#area-restrita {
		display: none;
	}
	
	/* Banner Wireless */
	#banner-wireless {
		margin: 40px 0;
		padding: 40px 0;
	}
	#banner-wireless .custom h2 {
		font-size: 24px;
	}
	
	/* Mod Clientes */
	.mod-clientes {
		padding: 0;
	}
	
	/* Endereco Rodape */
	#endereco-rodape {
		margin: 40px 0 0;
		padding: 40px 0;
	}
	
	/* Mod Menu Rodape */
	.menu-rodape li.item-417 {
		display: none;
	}
	
	/* Page Areas de Atuacao */
	.mod-sistema-qualidade .mod-item {
		padding: 20px;
	}
	
	/* Page Trabalhe */
	.mod-form-contato .field {
		margin: 20px 0 0;
		width: 100%;
	}
	.mod-form-contato .field:first-child {
		margin: 0;
	}
	
	/* Page Documentos */
	.page-downloads .items .list-item {
		background-color: #f2f2f2;
		border: 1px solid #ebebeb;
		margin: 10px 0 0;
		padding: 20px;
		text-align: center;
	}
	.page-downloads .items .list-item .item-title {
		padding: 50px 0 0;
		width: 100%;
	}
	.page-downloads .items .list-item .item-title:before {
		left: 50%;
		margin: 0 0 0 -15px;
		top: 0;
	}
	.page-downloads .items .list-item .item-link {
		margin: 15px 0 0;
		width: 100%;
	}
	
	/* Page Produtos */
	.page-produtos .list-item {
		border: 1px solid #ebebeb;
		margin: 20px 0 0;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.page-produtos .list-item:first-child {
		margin: 0;
	}
	.page-produtos-item .item-image {
		margin: 0 0 30px;
		text-align: center;
		width: 100%;
	}
	.page-produtos-item .item-content {
		overflow: visible;
	}
	.page-produtos-item .item-attachment {
		text-align: center;
	}
	.page-produtos-item .item-attachment a {
		padding: 15px 30px;
	}
	.page-produtos-item .item-text p img {
		float: none !important;
		display: block;
		margin: 0 !important;
	}
	
	/* Page Contato */
	#contato-left {
		padding: 0 !important;
		width: 100%;
	}
	#sidebar-contato {
		margin: 50px 0 0;
		padding: 0;
		width: 100%;
	}
	#sidebar-contato .mod-title {
		padding: 0 0 30px;
	}
	.mod-form-contato .select2-container {
		width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	/* Nav */
	ul.menu-principal > li {
		box-sizing: border-box;
		padding: 0 0 0 2px;
	}
	ul.menu-principal > li:first-child {
		padding: 0;
	}
	ul.menu-principal > li > a,
	ul.menu-principal > li > span.separator {
		background-color: #ebebeb;
		border-radius: 3px;
		font-size: 14px;
		padding: 20px 10px !important;
		text-align: center !important;
	}
	
	/* Slide */
	.mod-slide .mod-items {
		max-height: 450px;
	}
	
	/* Menu Areas de Atuacao */
	ul.areas-atuacao > li {  }
	ul.areas-atuacao > li > a,
	ul.areas-atuacao > li > span.separator {
		height: 312px;
	}
	ul.areas-atuacao > li > ul.submenu {
		padding: 12px;
	}
	ul.areas-atuacao > li > ul.submenu > li {
		margin: 1px 0 0;
	}
	ul.areas-atuacao > li > ul.submenu > li:first-child {
		margin: 0;
	}
	ul.areas-atuacao > li > ul.submenu > li a {
		background-color: #2d4480;
		padding: 10px;
	}
	ul.areas-atuacao > li > ul.submenu > li a:before {
		display: none;
	}
	ul.areas-atuacao > li > ul.submenu > li:hover a {
		color: #ffffff;
		background-color: #243666;
	}
}
@media (max-width: 767px) {
	/* Nav */
	.link-togle-menu {
		background-color: #3a59a5;
		color: #ffffff;
		display: block;
		font-weight: 600;
		padding: 18px 20px;
		position: relative;
		text-transform: uppercase;
	}
	.link-togle-menu:before {
		background-image: url(../images/backgrounds/icon-menu-mobile.png);
		content: "";
		height: 16px;
		margin-top: -8px;
		position: absolute;
		right: 20px;
		top: 50%;
		width: 16px;
	}
	.toggle-menu {
		display: none;
	}
	ul.menu-principal {
		background-color: #3a59a5;
		padding: 0 20px 20px;
	}
	ul.menu-principal > li {
		margin: 1px 0 0 !important;
		width: 100% !important;
	}
	ul.menu-principal > li:first-child {
		margin: 0 !important;
	}
	ul.menu-principal > li > a,
	ul.menu-principal > li > span.separator {
		background-color: #2d4480;
		color: #ffffff;
		font-size: 14px;
		font-weight: 600;
		padding: 18px 15px !important;
		text-align: left !important;
		text-transform: uppercase;
	}
	ul.menu-principal li a,
	ul.menu-principal li span.separator {
		position: relative;
	}
	ul.menu-principal > li.parent > a > span:before,
	ul.menu-principal > li.parent > span.separator > span:before {
		background-image: url(../images/backgrounds/icon-submenu.png) !important;
		background-position: 0 0 !important;
	}
	ul.menu-principal > li:hover > a,
	ul.menu-principal > li.active > a,
	ul.menu-principal > li:hover > span.separator,
	ul.menu-principal > li.active > span.separator {
		background-color: #1b294d;
		color: #ffffff;
	}
	ul.menu-principal > li.parent > a > span,
	ul.menu-principal > li.parent > span.separator > span {
		display: block;
	}
	
	/* Submenu Level 1 */
	ul.menu-principal > li > ul.submenu {
		background-color:transparent;
		border: none;
		box-sizing: border-box;
		display: block;
		left: auto;
		margin: 1px 0 0;
		padding: 0 0 0 15px;
		position: relative;
		width: 100%;
	}
	ul.menu-principal > li > ul.submenu,
	ul.menu-principal > li:hover > ul.submenu {
		display: none;
	}
	ul.menu-principal > li > ul.submenu > li {
		margin: 1px 0 0;
	}
	ul.menu-principal > li > ul.submenu > li:first-child {
		margin: 0;
	}
	ul.menu-principal > li > ul.submenu > li > a,
	ul.menu-principal > li > ul.submenu > li > span.separator {
		background-color: #2d4480;
		color: #ffffff;
		font-size: 14px;
		font-weight: 600;
		padding: 18px 15px;
	}
	ul.menu-principal > li > ul.submenu > li.parent > a:before,
	ul.menu-principal > li > ul.submenu > li.parent > span.separator:before {
		background-image: url(../images/backgrounds/icon-submenu.png);
		content: "";
		height: 6px;
		margin-top: -3px;
		position: absolute;
		right: 15px;
		top: 50%;
		width: 9px;
	}
	ul.menu-principal > li > ul.submenu > li:hover > a,
	ul.menu-principal > li > ul.submenu > li.active > a,
	ul.menu-principal > li > ul.submenu > li:hover > span.separator,
	ul.menu-principal > li > ul.submenu > li.active > span.separator {
		background-color: #1b294d;
		color: #ffffff;
	}
	
	/* Submenu Level 2 */
	ul.menu-principal > li > ul.submenu > li > ul.submenu {
		background-color: transparent;
		border: none;
		box-sizing: border-box;
		display: block;
		left: 0;
		margin: 1px 0 0;
		padding: 0 0 0 15px;
		position: relative;
		right: auto;
		width: 100%;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu,
	ul.menu-principal > li > ul.submenu > li:hover > ul.submenu {
		display: none;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li {
		margin: 1px 0 0;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li:first-child {
		margin: 0;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li:before {
		display: none;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li > a {
		background-color: #2d4480;
		color: #ffffff;
		font-size: 14px;
		font-weight: 600;
		padding: 18px 15px !important;
	}
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li.active > a,
	ul.menu-principal > li > ul.submenu > li > ul.submenu > li:hover > a {
		background-color: #1b294d;
		color: #ffffff;
	}
	
	/* Slide */
	#slide {
		display: none;
	}
	
	/* Mod Servicos */
	.mod-servicos .mod-item {
		background-color: #fafafa;
		border: 1px solid #ebebeb;
		margin: 20px 0 0;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.mod-servicos .mod-item:first-child {
		margin: 0;
	}
	.mod-servicos .mod-item .item-content {
		background-color: transparent;
		border: none;
		margin: 20px 0 0;
		padding: 0;
	}
	.mod-servicos .mod-item .item-text ul li a {
		background-color: #ebebeb;
		display: inline-block;
		padding: 12px 20px;
	}
	.mod-servicos .mod-item .item-text ul li a:before {
		display: none;
	}
	
	/* Banner Solucoes */
	#banner-solucoes .custom {
		padding: 0;
		text-align: center;
	}
	#banner-solucoes .custom:before {
		display: none;
	}
	#banner-solucoes .custom h3 {
		font-size: 18px;
		margin: 10px 0 0;
	}
	
	/* Areas de Atuacao */
	#areas-atuacao {
		display: none;
	}
	
	/* Documentacoes */
	.mod-downloads .mod-item {
		padding: 20px 0 0;
	}
	
	/* Logo Rodape */
	#endereco-rodape #logo-rodape img {
		margin: 8px 12px !important;
	}
	
	/* Endereco Rodape */
	#endereco-rodape {
		text-align: center;
	}
	
	/* Footer */
	#menu-footer {
		display: none;
	}
	#copyright {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#tdh {
		margin: 10px 0 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}
	
	/* Page Institucional */
	.page-institucional .list-item {
		margin: 30px 0 0 !important;
	}
	.page-institucional .list-item:first-child {
		margin: 0 !important;
	}
	.page-institucional .list-item.item-40,
	.page-institucional .list-item.item-41,
	.page-institucional .list-item.item-223 {
		margin: 0 !important;
		padding: 30px 0 !important;
		text-align: center;
	}
	.page-institucional .list-item.item-18 {
		margin: 0 0 30px !important;
	}
	.page-institucional .list-item:after {
		display: none;
	}
	.page-institucional .list-item .list-item-inner {
		float: none !important;
		width: 100% !important;
	}
	.page-institucional .item-text ul li {
		display: table;
		margin: 10px auto 0 !important;
	}
	.page-institucional .item-text ul li:first-child {
		margin-top: 0 !important;
	}
	.page-institucional .list-item.item-42 .item-text p {
		font-size: 18px;
	}
	.page-institucional .list-item.item-43 {
		padding: 30px 0 0;
	}
	.page-institucional .list-item.item-43 ul li {
		margin: 30px 0 0 !important;
		width: 100%;
	}
	.page-institucional .list-item.item-43 ul li:first-child {
		margin: 0 !important;
	}
	.page-institucional .list-item.item-43 p {
		margin: 30px 0 0;
		padding: 140px 0 0;
	}
	.page-institucional .list-item.item-43 p:before {
		top: 30px;
	}
	.page-institucional .list-item.item-44 {
		margin: 50px 0 0 !important;
	}
	.page-institucional .list-item .item-title {
		font-size: 24px !important;
	}
	
	/* Page Unidades */
	.page-unidades .list-item {
		background-color: #fafafa;
		border: 1px solid #ebebeb;
		margin: 30px 0 0;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.page-unidades .list-item:first-child {
		margin: 0;
	}
	.page-unidades .list-item .item-content {
		border: none;
		margin: 20px 0 0;
		min-height: 1px;
		padding: 0;
	}
	.page-unidades .list-item .item-fields .item {
		padding: 0;
	}
	.page-unidades .list-item .item-fields .item:before {
		display: none;
	}
	
	/* Page Title */
	.page-title {
		font-size: 24px;
		padding: 0 0 25px !important;
	}
	
	/* CRE */
	.mod-cre .mod-item {
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	.mod-cre .mod-item:first-child {
		margin: 0;
	}
	
	/* Page Sistema de Qualidade */
	.mod-sistema-qualidade .mod-item {  }
	.mod-sistema-qualidade .mod-item:first-child {
		margin: 0;
	}
	
	/* Page Cursos */
	.page-cursos .list-item {
		border: 1px solid #ebebeb;
		box-sizing: border-box;
		left: auto !important;
		margin: 30px 0 0;
		padding: 20px;
		position: relative !important;
		top: auto !important;
		width: 100%;
	}
	.page-cursos .list-item:first-child {
		margin: 0;
	}
	
	/* Page Cursos Item */
	.page-cursos-item {
		max-width: none;
	}
}
@media (max-width: 640px) {
	/* Top */
	#phone-top {
		text-align: center;
		width: 100%;
	}
	.mod-fone-topo p {
		display: inline-block;
	}
	#menu-top-right {
		margin: 15px 0 0;
		text-align: center;
		width: 100%;
	}
	ul.menu-top {
		display: table;
		float: none;
		margin: 0 auto;
	}
	ul.menu-top li {
		display: none;
	}
	ul.menu-top li.item-245 {
		display: block;
		margin: 0;
	}
	ul.menu-top li a.webview {
		background-color: #283d73;
		border-radius: 3px;
		padding: 10px 20px 10px 40px;
	}
	ul.menu-top li a.webview:before {
		left: 18px;
	}
	
	/* Documentos */
	.mod-downloads .mod-item {
		background-color: #f2f2f2;
		border: 1px solid #ebebeb;
		margin: 30px 0 0;
		padding: 20px;
		text-align: center;
	}
	.mod-downloads .mod-item .item-title {
		padding: 50px 0 0;
		width: 100%;
	}
	.mod-downloads .mod-item .item-title:before {
		left: 50%;
		margin: 0 0 0 -15px;
		top: 0;
	}
	.mod-downloads .mod-item .item-link {
		margin: 15px 0 0;
		width: 100%;
	}
	
	.mod-downloads .mod-link {
		padding: 0;
		text-align: center;
	}
	
	/* Mod Clientes */
	.mod-clientes .mod-item {
		border: 1px solid #ebebeb;
		margin: 20px 0 0;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.mod-clientes .mod-item:first-child {
		margin: 0;
	}
	.mod-clientes .mod-link {
		margin: 20px 0 0;
	}
	
	/* Item Gallery */
	.item-gallery .gallery-items .row {
		margin: 0;
	}
	.item-gallery .gallery-item {
		margin: 0 2% 20px !important;
		width: 46%;
	}
	
	/* Item Text Pre */
	.item-text pre {
		padding: 90px 0 20px;
		text-align: center;
		white-space: pre-line;
	}
	.item-text pre:after {
		left: 50%;
		margin: 0 0 0 -27.5px;
		top: 20px;
	}
	
	/* Page Sistema de Qualidade */
	.mod-sistema-qualidade .row {
		border: none;
		margin: 30px 0 0;
	}
	.mod-sistema-qualidade .row:first-child {
		margin: 0;
	}
	.mod-sistema-qualidade .mod-item {
		border: 1px solid #ebebeb !important;
		margin: 30px 0 0;
		padding: 20px;
		width: 100%;
	}
	.mod-sistema-qualidade .mod-item:first-child {
		margin: 0;
	}
	
	/* Page Sistema SGMAS */
	.page-webview .item-text ul li {
		margin: 40px 0 0;
		width: 100%;
	}
	.page-webview .item-text ul li:first-child {
		margin: 0;
	}
}
@media (max-width: 480px) {
	/* Item Gallery */
	.item-gallery .gallery-items .row {
		margin: 20px 0 0;
	}
	.item-gallery .gallery-items .row:first-child {
		margin: 0;
	}
	.item-gallery .gallery-item {
		margin: 20px 0 0 !important;
		text-align: center;
		width: 100%;
	}
	.item-gallery .gallery-item:first-child {
		margin: 0 !Important;
	}
	
	/* Page Trabalhe */
	.mod-form-contato .field .NFI-button {
		border-radius: 5px 5px 0 0;
		margin: 0;
		position: relative !important;
		width: 100%;
	}
	.mod-form-contato .field .NFI-wrapper > input.NFI-filename {
		border-radius: 0 0 5px 5px;
		padding: 15px !important;
	}
	.mod-form-contato .field-buttons {
		width: 100%;
	}
}
@media (max-width: 360px) {
	/* Nav */
	ul.menu-principal {
		padding: 0 10px 10px;
	}
	
	/* Page Contato */
	.mod-informacoes-contato .mod-item .item {
		padding: 20px 0 0 40px;
	}
	.mod-informacoes-contato .mod-item .item:before {
		left: 0;
	}
}
@media (max-width: 320px) {  }
@media (max-width: 310px) {
	/* Top */
	.mod-fone-topo p {
		font-size: 13px;
	}
	
	/* Mod Title Left */
	.mod-title.left {
		padding: 0 0 20px;
	}
	
	/* Banner Wireless */
	#banner-wireless {
		padding: 20px 0;
	}
	#banner-wireless .custom {
		padding: 80px 0 0;
		text-align: center;
	}
	#banner-wireless .custom:before {
		left: 50%;
		margin: 0 0 0 -35px;
		top: 0;
		width: 70px;
	}
	
	/* Page Contato */
	.mod-informacoes-contato .mod-item .item {
		padding: 60px 0 0 !important;
		text-align: center;
	}
	.mod-informacoes-contato .mod-item .item:before {
		left: 0;
		margin: 0 0 0 -17.5px;
		top: 20px;
	}
	.mod-informacoes-contato .mod-item .item p {
		font-size: 13px;
	}
}