/*
* @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) {
	/* Pagina Institucional */
	.pagina-institucional .fields-bottom {
		margin: 100px auto 0;
	}
	.pagina-institucional .fields-bottom .field a {
		padding: 70px 40px 40px !important;
		text-align: center !important;
	}
	.pagina-institucional .fields-bottom .field a:before {
		left: 50% !important;
		margin: 0 0 0 -50px;
		right: auto !important;
		top: -50px;
	}
}
@media (min-width: 1024px) {
	.mod-solucoes .mod-link {
		display: none;
	}
}
@media (max-width: 1023px) {
	/* Site */
	#site.home {
		background-image: url(../images/backgrounds/background-internas.jpg);
	}
	
	/* Header */
	#header {
		background-color: rgba(0, 0, 0, 0.03);
		border-bottom: 2px solid #e5e5e5;
		padding: 20px 0;
	}
	
	/* Logo */
	#logo {
		text-align: center;
		width: 100%;
	}
	
	/* Nav */
	#nav {
		margin: 40px 0 0;
		width: 100%;
	}
	ul.main-nav > li > a {
		font-size: 15px;
	}
	
	/* Contato Topo */
	#contato-topo {
		border-bottom: 1px solid #ebebeb;
		margin: 25px 0 40px;
		padding: 0 0 25px;
	}
	.home #contato-topo {
		border: none;
		margin: 25px 0 0;
		padding: 0;
	}
	.mod-contato-topo .field p,
	.mod-contato-topo .field a {
		font-size: 16px;
		padding: 12px 0 10px 45px;
		text-transform: none;
	}
	.mod-contato-topo .field p:before,
	.mod-contato-topo .field a:before {
		transform: scale(0.8);
	}
	
	/* Slide */
	.mod-slide:before {
		display: none;
	}
	.mod-slide .mod-item .item-content {
		margin: 20px 0 0;
	}
	.mod-slide .mod-item.active .item-content {
		margin-left: 20px;
	}
	.mod-slide .item-count {
		bottom: 14px;
		right: 115px;
	}
	.mod-slide .slide-navs {
		bottom: 15px;
		right: 15px;
	}
	
	/* Mod Title */
	.mod-title {
		font-size: 26px;
	}
	.mod-title span.small {
		letter-spacing: 0;
		margin: 0 0 5px;
	}
	
	/* Page Title */
	.page-title {
		font-size: 26px;
	}
	.page-title span.small {
		letter-spacing: 0;
		margin: 0 0 5px;
	}
	
	/* Mod Introtext */
	.mod-introtext {
		margin: 0 0 20px;
		max-width: none;
	}
	
	/* Areas de Atuacao */
	#areas-atuacao {
		margin: 40px 0 0;
	}
	#areas-atuacao .mod-title {
		margin: 0 0 20px;
		padding: 0;
	}
	#areas-atuacao .mod-title:before {
		display: none;
	}
	.mod-areas-atuacao .mod-items .row {
		margin: 20px 0 0;
	}
	.mod-areas-atuacao .mod-items .row:first-child {
		margin: 0;
	}
	.mod-areas-atuacao .mod-item {
		border: 1px solid #ebebeb;
		min-height: 480px;
		padding: 20px;
		text-align: center;
	}
	.mod-areas-atuacao .mod-item:first-child {
		margin: 0;
	}
	.mod-areas-atuacao .mod-item .item-image {
		float: none;
		margin: 0 0 20px;
	}
	.mod-areas-atuacao .mod-item .item-image:before {
		display: none;
	}
	.mod-areas-atuacao .mod-item .item-content {
		margin: 0;
		overflow: visible;
		padding: 0;
	}
	.mod-areas-atuacao .mod-item .item-title {
		font-weight: 500;
	}
	.mod-areas-atuacao .mod-item .item-text p,
	.mod-areas-atuacao .mod-item .item-text ul li {
		margin: 8px 0 0;
	}
	.mod-areas-atuacao .mod-item .item-text p:first-child,
	.mod-areas-atuacao .mod-item .item-text ul li:first-child {
		margin: 0;
	}
	
	/* Solucoes */
	#solucoes {
		margin: 40px 0 0;
	}
	.mod-solucoes .mod-items {
		height: auto;
		overflow: visible;
		width: 100%;
	}
	.mod-solucoes .mod-items-container {
		display: table;
	}
	.mod-solucoes .mod-item {
		background-color: #ffffff;
		box-sizing: border-box;
		margin: 0 1% 20px !important;
		text-align: center;
		width: 31.33%;
	}
	.mod-solucoes .mod-item .item-image {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 1px 1px 0;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 270px;
		padding: 3px 3px 0;
		width: 100%;
	}
	.mod-solucoes .mod-item .item-title {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 0 1px 1px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: 500;
		margin: 0 auto;
		max-width: 270px;
		min-height: 70px;
		padding: 10px;
	}
	.mod-solucoes .mod-navs {
		display: none;
	}
	.mod-solucoes .mod-link {
		margin: 10px 0 0;
	}
	
	/* Portfolio */
	#portfolio {
		margin: 20px 0 0;
	}
	.mod-portfolio .mod-item .item-image:before {
		display: none;
	}
	.mod-portfolio .mod-item .item-title {
		font-size: 16px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	.mod-portfolio .mod-item .item-local {
		margin: 15px 0 0;
	}
	.mod-portfolio .mod-item .item-local p {
		font-size: 14px;
		line-height: 1.2em;
		padding: 20px 0 0;
	}
	.mod-portfolio .mod-item .item-local p:before {
		left: 50%;
		margin-left: -6px;
		top: 0;
	}
	.mod-portfolio .mod-item .item-feito {
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
		padding: 10px;
	}
	.mod-portfolio .mod-item .item-feito:before {
		display: none;
	}
	.mod-portfolio .mod-item .item-feito p {
		font-size: 14px;
	}
	
	/* Clientes */
	#clientes {
		margin: 40px 0 0;
	}
	.mod-clientes .mod-item {
		border: 1px solid #ebebeb;
	}
	
	/* Footer */
	#footer {
		margin: 40px 0 0;
	}
	#footer:before {
		display: none;
	}
	
	/* Pagina Institucional */
	.pagina-institucional .fields-bottom {
		margin: 100px auto 0;
	}
	.pagina-institucional .fields-bottom .field a {
		padding: 70px 40px 40px !important;
		text-align: center !important;
	}
	.pagina-institucional .fields-bottom .field a:before {
		left: 50% !important;
		margin: 0 0 0 -50px;
		right: auto !important;
		top: -50px;
	}
	
	/* Pagina Servicos */
	.pagina-servicos .list-items .row {
		margin: 0;
	}
	.pagina-servicos .list-item {
		margin: 0 1% 20px;
		text-align: center;
		width: 48%;
	}
	.pagina-servicos .list-item .item-image {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 1px 1px 0;
		box-sizing: border-box;
		display: table;
		float: none;
		margin: 0 auto;
		max-width: 240px;
		padding: 3px 3px 0;
		width: 100%;
	}
	.pagina-servicos .list-item .item-image:before {
		display: none;
	}
	.pagina-servicos .list-item .item-image span:before {
		display: none;
	}
	.pagina-servicos .list-item .item-title {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 0 1px 1px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: 500;
		margin: 0 auto;
		max-width: 240px;
		padding: 10px;
	}
	
	/* Pagina Clientes */
	.pagina-clientes .list-item {
		border: 1px solid #ebebeb;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {  }
@media (max-width: 767px) {
	/* Contato Topo */
	.mod-contato-topo .field {
		text-align: center;
	}
	.mod-contato-topo .field p,
	.mod-contato-topo .field a {
		display: inline-block;
		font-size: 15px;
		padding: 50px 0 0;
		text-align: center;
	}
	.mod-contato-topo .field p:before,
	.mod-contato-topo .field a:before {
		left: 50%;
		margin-left: -21px;
		top: 0;
		transform: scale(1);
	}
	
	/* Slide */
	.mod-slide .mod-item {  }
	.mod-slide .mod-item .item-content {
		background-color: rgba(0, 0, 0, 0.5);
		background-image: unset;
		height: auto;
		max-width: 70%;
		padding: 15px;
		position: relative;
		width: auto;
	}
	.mod-slide .mod-item .item-subtitle {
		padding: 0;
	}
	.mod-slide .mod-item .item-subtitle p {
		color: #ffffff;
		font-size: 22px;
		font-weight: 500;
		line-height: 1.4em;
	}
	.mod-slide .mod-item .item-link {
		margin: 20px 0 0;
		position: relative;
		right: auto;
		top: auto;
	}
	.mod-slide .mod-item .item-link a {
		background-image: unset;
		display: inline-block;
		height: auto;
		padding: 18px 0;
		text-align: left;
		width: auto;
	}
	.mod-slide .mod-item .item-link a span {
		padding: 0 70px 0 0;
	}
	.mod-slide .mod-item .item-link a span:before {
		left: auto;
		margin-top: -27.5px;
		right: 0;
		top: 50%;
		width: 55px;
	}
	
	/* Solucoes */
	.mod-solucoes .mod-item {
		width: 48%;
	}
	.mod-solucoes .mod-item .item-title {
		min-height: 65px;
	}
	
	/* Portfolio */
	.mod-menu-portfolio > ul > li,
	.mod-portfolio .mod-item {
		margin: 0 1% 20px !important;
		width: 48%;
	}
	.mod-menu-portfolio > ul > li a .catImage,
	.mod-portfolio .mod-item .item-image {
		background-color: #ffffff;
		border-color: #ebebeb;
		border-style: solid;
		border-width: 1px 1px 0;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 270px;
		padding: 3px 3px 0;
		width: 100%;
	}
	.mod-menu-portfolio > ul > li a .catImage:before {
		display: none;
	}
	.mod-menu-portfolio > ul > li a .catTitle,
	.mod-portfolio .mod-item .item-content {
		background-color: #ffffff;
		border-color: #ebebeb;
		border-style: solid;
		border-width: 0 1px 1px;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 270px;
		padding: 10px;
	}
	.mod-portfolio .mod-item .item-title {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
	}
	.mod-portfolio .mod-item .item-feito {
		padding: 5px;
	}
	
	/* Clientes */
	.mod-clientes .mod-items .row {
		margin: 0;
	}
	.mod-clientes .mod-item {
		margin: 1% !important;
		text-align: center;
		width: 31.33%;
	}
	
	/* Footer */
	#copyright {
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#footer-right {
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	#webmail {
		display: none;
	}
	#redes-sociais {
		margin: 0;
	}
	#tdh {
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	#tdh a {
		display: inline-block;
	}
	
	/* Pagina Innstitucional */
	.pagina-institucional .fields-top {
		width: auto;
	}
	.pagina-institucional .fields-top .field {
		margin: 0 0 0 50px;
		padding: 110px 0 0;
		text-align: center;
		width: auto;
	}
	.pagina-institucional .fields-top .field:before {
		left: 50%;
		margin-left: -50px;
		top: 0;
	}
	.pagina-institucional .fields-bottom:before {
		display: none;
	}
	.pagina-institucional .fields-bottom .field {
		margin: 80px 0 0;
		width: 100%;
	}
	.pagina-institucional .fields-bottom .field a {
		padding: 70px 20px 20px !important;
	}
	.pagina-institucional .fields-bottom .field .field-title {
		font-size: 24px;
		font-weight: 500;
	}
	
	/* Clientes */
	.pagina-clientes .list-items .row {
		margin: 0;
	}
	.pagina-clientes .list-item {
		margin: 1% !important;
		text-align: center;
		width: 31.3%;
	}
}

@media (min-width: 641px) {
	/* Nav */
	#nav .link-togle-menu {
		display: none;
	}
	#nav .toggle-menu {
		display: block !important;
	}
}

@media (max-width: 640px) {
	/* Nav */
	#nav .link-togle-menu {
		background-color: #6d6936;
		color: #ffffff;
		display: block;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2em;
		padding: 12px 10px;
		position: relative;
		text-transform: uppercase;
	}
	#nav .link-togle-menu:before {
		background-image: url("../images/backgrounds/icon-menu-mobile.png");
		content: "";
		height: 16px;
		margin-top: -8px;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 16px;
	}
	#nav .toggle-menu {
		display: none;
	}
	ul.main-nav {
		background-color: #6d6936;
		padding: 0 10px 10px;
	}
	ul.main-nav > li {
		margin: 1px 0 0;
		width: 100% !important;
	}
	ul.main-nav > li:first-child {
		margin: 0;
	}
	ul.main-nav > li > a {
		background-color: #959166;
		color: #ffffff;
		line-height: 1.2em;
		padding: 10px;
	}
	ul.main-nav > li > a:before {
		display: none;
	}
	ul.main-nav > li:hover > a,
	ul.main-nav > li.active > a {
		background-color: #c7c3a0;
		color: #6d6936;
	}
	
	/* Contato Topo */
	.mod-contato-topo .field {
		width: 48.8%;
	}
	.mod-contato-topo .field:first-child {
		margin: 0;
	}
	.mod-contato-topo .field.orcamento {
		display: none;
	}
	
	/* Slide */
	#slide {
		display: none;
	}
	
	/* Areas Atuacao */
	#areas-atuacao {
		background-color: #f7f7f7;
		padding: 30px 0;
	}
	.mod-areas-atuacao .mod-items .row {
		margin: 0;
	}
	.mod-areas-atuacao .mod-item {
		border: none;
		margin: 0 1% 20px !important;
		min-height: 1px;
		padding: 0;
		width: 48%;
	}
	.mod-areas-atuacao .mod-item:first-child {
		margin: 0;
	}
	.mod-areas-atuacao .mod-item .item-image a:before,
	.mod-areas-atuacao .mod-item .item-image span:before {
		display: none
	}
	.mod-areas-atuacao .mod-item .item-image {
		background-color: #ffffff;
		border-color: #ebebeb;
		border-style: solid;
		border-width: 1px 1px 0;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 240px;
		padding: 3px 3px 0;
		width: 100%;
	}
	.mod-areas-atuacao .mod-item .item-content {
		background-color: #ffffff;
		border-color: #ebebeb;
		border-style: solid;
		border-width: 0 1px 1px;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 500;
		margin: 0 auto;
		max-width: 240px;
		min-height: 160px;
		padding: 10px 5px;
	}
	.mod-areas-atuacao .mod-item .item-title {
		font-size: 18px;
		line-height: 1em;
		margin: 0 0 10px;
	}
	.mod-areas-atuacao .mod-item .item-text p,
	.mod-areas-atuacao .mod-item .item-text ul li {
		font-size: 14px;
		line-height: 1.2em;
		margin: 5px 0 0;
	}
	.mod-areas-atuacao .mod-item .item-text p:first-child,
	.mod-areas-atuacao .mod-item .item-text ul li:first-child {
		margin: 0;
	}
	
	/* Portfolio */
	#portfolio {
		background-color: #f7f7f7;
		padding: 30px 0;
	}
	.mod-portfolio .mod-item .item-content {
		min-height: 155px;
	}
	
	/* Pagina Portfolio */
	.pagina-portfolio .list-items .row {
		margin: 20px 0 0;
	}
	.pagina-portfolio .list-items .row:first-child {
		margin: 0;
	}
	.pagina-portfolio .list-item {
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	.pagina-portfolio .list-item:first-child {
		margin: 0;
	}
	.pagina-portfolio .list-item .item-image {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 1px 1px 0;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 365px;
		padding: 3px 3px 0;
		width: 100%;
	}
	.pagina-portfolio .list-item .item-image:before {
		display: none;
	}
	.pagina-portfolio .list-item .item-content {
		border-color: #ebebeb;
		border-style: solid;
		border-width: 0 1px 1px;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 365px;
		padding: 10px;
	}
	.pagina-portfolio .list-item .item-feito:before {
		transform: skewX(0deg);
	}
	.pagina-portfolio .list-item .item-link {
		padding: 0;
	}
	.pagina-portfolio .list-item .item-link a:before {
		transform: skewX(0deg);
	}
	
	/* Pagina Contato */
	.mod-form-contato .field {
		margin: 20px 0 0;
		width: 100%;
	}
	.mod-form-contato .field:first-child {
		margin: 0;
	}
	
	/* Gallery */
	#site .fancybox-skin {
		padding: 5px !important;
	}
	#site .fancybox-nav span {
		visibility: visible;
	}
}
@media (max-width: 480px) {
	/* P */
	p, span {
		line-height: 1.5em
	}
	
	/* Contato Topo */
	.mod-contato-topo .field {
		margin: 20px 0 0;
		width: 100%;
	}
	
	/* Solucoes */
	.mod-solucoes .mod-item .item-title {
		font-size: 14px;
		line-height: 1.3em;
		min-height: 75px;
		padding: 10px 5px;
	}
	
	/* Portfolio */
	.mod-menu-portfolio > ul > li,
	.mod-portfolio .mod-item {
		margin: 20px 0 0 !important;
		width: 100%;
	}
	.mod-menu-portfolio > ul > li:first-child,
	.mod-portfolio .mod-item:first-child {
		margin: 0 !important;
	}
	.mod-menu-portfolio > ul > li a .catTitle,
	.mod-portfolio .mod-item .item-content {
		min-height: 1px;
	}
	
	/* Clientes */
	.mod-clientes .mod-item {
		width: 31.3%;
	}
	
	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}
	
	/* Pagina Institucional */
	.pagina-institucional .fields-top .field {
		margin: 30px 0 0;
		width: 100%;
	}
	
	/* Pagina Servicos */
	.pagina-servicos .list-items .row {
		margin: 20px 0 0;
	}
	.pagina-servicos .list-items .row:first-child {
		margin: 0;
	}
	.pagina-servicos .list-item {
		margin: 20px 0 0;
		width: 100%;
	}
	.pagina-servicos .list-item:first-child {
		margin: 0;
	}
	
	/* Pagina Clientes */
	.pagina-clientes .list-item {
		width: 48%;
	}
	
	/* Pagination */
	.pagination ul li.pagination-start,
	.pagination ul li.pagination-end {
		display: none;
	}
	.pagination ul li.pagination-prev {
		margin: 0;
	}
}
@media (max-width: 360px) {
	/* Areas Atuacao */
	.mod-areas-atuacao .mod-item .item-content {
		min-height: 190px;
	}
}
@media (max-width: 320px) {
	/* Clientes */
	.pagina-clientes .list-items .row {
		margin: 20px 0 0;
	}
	.pagina-clientes .list-items .row:first-child {
		margin: 0;
	}
	.pagina-clientes .list-item {
		margin: 20px 0 0 !important;
		width: 100%;
	}
	.pagina-clientes .list-item:first-child {
		margin: 0 !important;
	}
}
@media (max-width: 319px) {
	/* Solucoes */
	.mod-solucoes .mod-item {
		margin: 20px 0 0 !important;
		width: 100%;
	}
	.mod-solucoes .mod-item:first-child {
		margin: 0 !important;
	}
}