/*
* @file: responsive.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.websitesja.com.br;
* @authorCompany: Websites Ja;
*/
@media (min-width: 1024px) and (max-width: 1169px) {
	/* Mod Phones Top */
	.mod-phones-top .mod-item {
		padding: 0 0 0 60px;
	}
	.mod-phones-top .mod-item > strong {
		font-size: 16px;
	}
	
	/* Social Media Top */
	ul.social > li {
		margin: 0 0 0 15px;
	}
	
	/* Slide */
	.mod-slide .flex-direction-nav {
		margin: 0 0 0 -49.5%;
		width: 99%;
	}
	.mod-slide .flexslider .slides .slide .container {
		max-width: 900px;
	}
	
	/* Mod Services */
	.mod-services .mod-item .inner .item-content {
		padding: 18px;
	}
	
	/* Contact Footer */
	#contacts-footer .mod-form-contato {
		padding: 40px;
	}
	
	/* Page Services */
	.page-services .list-item .inner .item-content {
		padding: 18px;
	}
}
@media (max-width: 1023px) {
	/* Top */
	#top {
		background-color: #fafafa;
	}
	#top .mod-item {
		text-align: center;
	}
	#top .mod-item p {
		margin: 3px !important;
	}
	
	/* Mod Phones Top */
	.mod-phones-top .mod-item {
		padding: 0 0 0 60px;
	}
	.mod-phones-top .mod-item > span {
		margin: 0 0 5px;
	}
	.mod-phones-top .mod-item > strong {
		font-size: 16px;
	}
	.mod-phones-top .mod-item > strong > span {
		display: block;
		margin: 5px 0 0;
		padding: 0;
	}
	.mod-phones-top .mod-item > strong > span:first-child {
		margin: 0;
	}
	.mod-phones-top .mod-item > strong > span:before {
		display: none;
	}
	
	/* Social Media */
	ul.social {
		float: right;
		padding: 0;
	}
	ul.social li {
		margin: 0 0 0 10px;
	}
	ul.social li:first-child {
		margin: 0;
	}
	
	/* Nav */
	ul.main-nav > li > a {
		padding: 20px 25px;
	}
	
	/* Slide */
	#slide {
		display: none;
	}
	.mod-slide .flex-direction-nav {
		margin: 0 0 0 -49.5%;
		width: 99%;
	}
	.mod-slide .flexslider .slides .slide {
		height: 420px;
	}
	.mod-slide .flexslider .slides .slide .container {
		max-width: 660px;
	}
	
	/* Mod Title */
	.mod-title {
		text-align: center;
	}
	.mod-subtitle {
		margin: 0 0 30px;
		text-align: center;
	}
	
	/* Services */
	#services {
		margin: 60px 0 0;
	}
	.mod-services .mod-item .inner .item-content {
		min-height: 1px;
		padding: 20px;
		text-align: center;
	}
	.mod-services .mod-item .inner .item-link a {
		display: inline-block;
	}
	.mod-services .mod-item .inner .item-link a span {
		padding: 0 30px 0 0;
	}
	.mod-services .mod-item .inner .item-title {
		font-size: 18px;
		font-weight: 400;
	}
	
	/* About */
	#about {
		margin: 60px 0 0;
		padding: 40px;
	}
	
	/* Contacts Footer */
	#contacts-footer {
		background-color: #3e3b3c;
		margin: 60px 0 0;
	}
	.home #contacts-footer {
		margin: 0;
	}
	#contacts-footer .mod-form-contato {
		padding: 30px 0;
	}
	#contacts-footer .mod-form-contato .mod-subtitle {
		max-width: none;
	}
	#contacts-footer .mod-form-contato {
		padding: 20px;
	}
	.mod-form-contato .left {
		text-align: center;
		width: 100%;
	}
	.mod-infos-footer .mod-item .item.address > p > a {
		margin: 20px auto 0;
	}
	.mod-form-contato .right {
		border: solid 1px #575254;
		border-radius: 3px;
		margin: 30px 0 0 !important;
		padding: 20px;
		width: 100%;
	}
	
	/* Footer */
	#footer {
		margin: 0;
		padding: 20px 0 80px;
		text-align: center;
	}
	.contato #footer {
		margin: 30px 0 0;
	}
	#copyright {
		padding: 0;
		width: 100%;
	}
	#webmail {
		display: none;
	}
	#back-top {
		margin: 20px 0 0;
		width: 100%;
	}
	#webja {
		margin: 20px 0 0;
		width: 100%;
	}
	#webja a {
		display: inline-block;
		float: none;
	}
	
	/* Item Gallery */
	.item-gallery .gallery-item {
		width: 17.8%;
	}
	
	/* Page Services */
	.page-services .list-item .inner .item-content {
		min-height: 1px;
		padding: 20px;
	}
	.page-services .list-item .inner .item-title {
		font-size: 18px;
		font-weight: 400;
	}
	
	/* Page Services Details */
	.page-services-details .item-image {
		max-width: 300px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	/* Mod About */
	.mod-about .mod-item .inner .mod-title {
		text-align: left;
	}
}
@media (max-width: 767px) {
	/* Header */
	#header {
		padding: 25px 0;
	}
	/* Contact Top */
	#contact-top {
		padding: 0;
		width: 100%;
	}
	.mod-phones-top {
		display: table;
		margin: 0 auto;
	}
	.mod-phones-top .mod-item {
		padding: 50px 0 0;
		text-align: center;
	}
	.mod-phones-top .mod-item:before {
		left: 50%;
		margin: 0 0 0 -22px;
		top: 0;
	}
	.mod-phones-top .mod-item > strong > span {
		display: inline-block;
	}
	
	/* Logo */
	#logo {
		margin: 40px 0 0;
		text-align: center;
		width: 100%;
	}
	
	/* Social Media */
	#social-media-top {
		margin: 30px 0 0;
		padding: 0;
		width: 100%;
	}
	ul.social {
		display: table;
		float: none;
		margin: 0 auto;
	}
	
	/* Nav */
	ul.main-nav > li > a {
		font-size: 16px;
		padding: 20px 15px;
	}
	
	/* Slide */
	.mod-slide .flex-direction-nav {
		display: none;
	}
	.mod-slide .flexslider .slides .slide {
		box-sizing: border-box;
		padding: 0 0 20px;
	}
	.mod-slide .flexslider .slides .slide .container {
		max-width: none;
	}
	.mod-slide .flexslider .item-title {
		font-size: 20px;
		font-weight: 700;
	}
	.mod-slide .flexslider .item-text {
		margin: 10px 0 0;
	}
	
	/* Call To Action */
	#calltoaction-contact {
		padding: 25px 0;
	}
	.mod-calltoaction-contact .mod-text p {
		font-size: 20px;
	}
	.mod-calltoaction-contact .mod-link a {
		font-size: 14px;
		padding: 15px 20px;
	}
	
	/* Mod Services */
	.mod-services .mod-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.mod-services .mod-item:first-child {
		margin: 0;
	}
	.mod-services .mod-item .inner {
		max-width: 362px;
	}
	
	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}
	
	/* About */
	#about {
		padding: 20px;
	}
	.mod-about .mod-item .inner .item-image {
		margin: 0 0 30px;
		width: 100%;
	}
	.mod-about .mod-item .inner .item-image a {
		margin: 0 auto;
	}
	.mod-about .mod-item .inner .item-content {
		overflow: visible;
		text-align: center;
	}
	
	/* Mod Form Contato */
	.mod-form-contato .field {
		margin: 30px 0 0;
		width: 100%;
	}
	.mod-form-contato .field:first-child {
		margin: 0;
	}
	
	/* Page Title */
	.page-title {
		font-size: 26px;
		margin: 0 0 30px;
		text-align: center;
	}
	.page-subtitle {
		margin: 0 0 30px;
		text-align: center;
	}
	.page-title + .page-subtitle {
		margin-top: -20px;
	}
	
	/* Item Gallery */
	.item-gallery .gallery-item {
		width: 22.8%;
	}
	
	/* Page About */
	.page-about .item-image {
		margin: 0 0 20px;
		text-align: center;
		width: 100%;
	}
	.page-about .item-content {
		float: left;
		overflow: visible;
	}
	.page-about .item-fields {
		margin: 40px 0 0;
	}
	.page-about .item-fields .item-field {
		padding: 20px;
	}
	
	/* Page Services */
	.page-services .list-item {
		margin: 30px 0 0;
		width: 100%;
	}
	.page-services .list-item:first-child {
		margin: 0;
	}
	.page-services .list-item .inner {
		max-width: 362px;
	}
	
	/* Page Services Details */
	.page-services-details .item-image {
		margin: 0 0 30px;
		max-width: none;
		text-align: center;
		width: 100%;
	}
	.page-services-details .item-text {
		float: left;
		margin: 0;
		width: 100%;
	}
	
	/* Page Clients */
	.page-clients .list-items .row {
		margin: 0;
	}
	.page-clients .list-item {
		margin: 1%;
		width: 31.33%;
	}
}
@media (min-width: 641px) {
	/* Nav */
	#nav #toggle-menu {
		display: none;
	}
	#nav .menu-toggle {
		display: block !important;
	}

}
@media (max-width: 640px) {
	/* Top */
	#top .mod-item p {
		display: block;
		margin: 10px 0 0 !important;
	}
	#top .mod-item p:first-child {
		margin: 0 !important;
	}
	#top .mod-item p > strong {
		display: block;
		margin: 0 0 5px;
		padding: 20px 0 0;
	}
	#top .mod-item p > strong:before {
		left: 50%;
		margin: 0 0 0 -10px;
		top: 0;
	}
	#top .mod-item p > span {
		display: block;
	}
	#top .mod-item p > span > span {
		display: block;
		margin: 5px 0 0;
		padding: 0;
	}
	#top .mod-item p > span > span:first-child {
		margin: 0;
	}
	#top .mod-item p > span > span:before {
		display: none;
	}
	
	/* Nav */
	#nav {
		background-color: #ffffff;
		border: none !important;
		margin: 0 0 30px !important;
	}
	#nav #toggle-menu {
		background-color: #00ab44;
		border: none;
		border-radius: 3px;
		color: #ffffff;
		cursor: pointer;
		display: block;
		font-size: 16px;
		font-weight: 700;
		padding: 15px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	#nav #toggle-menu.active {
		border-radius: 3px 3px 0 0;
	}
	#nav #toggle-menu:before {
		background-image: url(../images/backgrounds/icon-menu-mobile.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		content: "";
		height: 16px;
		margin-top: -8px;
		position: absolute;
		right: 15px;
		top: 50%;
		width: 16px;
	}
	#nav .menu-toggle {
		display: none;
	}
	ul.main-nav {
		background-color: #00ab44;
		display: block;
		padding: 0 15px 15px;
	}
	ul.main-nav > li {
		border: none;
		margin: 1px 0 0;
		width: 100%;
	}
	ul.main-nav > li:first-child {
		margin: 0;
	}
	ul.main-nav > li > a {
		background-color: #00913a;
		font-size: 16px;
		margin: 0;
		padding: 15px;
		text-align: center;
	}
	ul.main-nav > li:hover > a,
	ul.main-nav > li.active > a {
		background-color: #007830;
		color: #ffffff;
	}
	
	/* Slide */
	.mod-slide .flexslider .slides .slide .inner {
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 3px;
		box-sizing: border-box;
		max-width: none;
		padding: 20px;
		text-align: center;
	}
	.mod-slide .flexslider .item-title,
	.mod-slide .flexslider .item-text p {
		color: #ffffff;
	}
	.mod-slide .flexslider .item-title {
		font-size: 18px;
	}
	.mod-slide .flexslider .item-link a {
		border: solid 2px #ffffff;
		border-radius: 3px;
		color: #ffffff;
		font-size: 14px;
		padding: 10px;
		text-transform: uppercase;
	}
	.mod-slide .flexslider .item-link a:hover {
		background-color: #5f97b7;
		border-color: #5f97b7;
		color: #ffffff;
	}
	.mod-slide .flex-control-nav {
		left: 45%;
	}
		
	/* Item Gallery */
	.item-gallery .gallery-item {
		width: 31.1%;
	}
}
@media (max-width: 480px) {
	/* Mod Form Contato */
	.mod-infos-footer .mod-item .item {
		margin: 20px 0 0;
	}
	.mod-infos-footer .mod-item .item:first-child {
		margin: 0;
	}
	.mod-infos-footer .mod-item .item > p,
	.mod-infos-footer .mod-item .item > a {
		font-size: 16px;
		padding: 40px 0 0;
	}
	.mod-infos-footer .mod-item .item.email > p,
	.mod-infos-footer .mod-item .item.email > a {
		padding: 30px 0 0;
	}
	.mod-infos-footer .mod-item .item > p:before,
	.mod-infos-footer .mod-item .item > a:before {
		left: 50%;
		margin: 0 0 0 -15px;
		top: 0;
	}
	.mod-form-contato .buttons {
		text-align: center;
	}
	
	/* Item Gallery */
	.item-gallery .gallery-item {
		width: 47.8%;
	}
	
	/* Page Clients */
	.page-clients .list-items .row {
		margin: 0;
	}
	.page-clients .list-item {
		margin: 1%;
		width: 47.93%;
	}
}
@media (max-width: 320px) {  }