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

@media (min-width: 960px) and (max-width: 1189px) {
	/* Logo */
	#logo {
		width: 23%;
	}
	
	/* Nav */
	#nav {
		padding: 10px 0 22px;
		width: 68%;
	}
	ul#menu > li {
		margin: 0;
	}
	ul#menu > li > a {
		font-size: 14px;
		padding: 12px 8px 0;
	}
	
	/* Phone Top */
	#phone-top {
		padding: 10px 0 22px;
		width: 18%;
		text-align: right;
	}
	.mod-phone-top {
		display: inline-block;
	}
	
	/* Social Media */
	#social-media {
		position: absolute;
		right: 10px;
		top: 30px;
	}
	ul#social {
		padding: 0;
	}
}
@media (max-width: 959px) {
/* Header */
	#header {
		padding: 30px 0;
	}
	
	/* Logo */
	#logo {
		text-align: center;
		width: 100%;
	}
	
	/* Nav */
	#nav {
		margin: 30px 0 0;
		padding: 0;
		width: 100%;
	}
	ul#menu > li {
		margin: 2px 0 0;
		width: 100% !important;
	}
	ul#menu > li > a {
	}
	ul#menu > li > a {
		background-color: #f2f2f2;
		font-size: 14px;
		padding: 16px;
	}
	ul#menu > li:hover > a, ul#menu > li.active > a {
		background-color: #00aeef;
		color: #ffffff;
	}
	ul#menu > li > a > span {
		border: none;
		padding: 0 0 0;
	}
	
	/* Phone Top */
	#phone-top {
		margin: 30px 0 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.mod-phone-top {
		display: inline-block;
	}
	
	/* Social Media */
	#social-media {
		clear: both;
		display: table;
		margin: 30px auto 0;
		width: 100%;
	}
	ul#social {
		display: table;
		margin: 0 auto;
		padding: 0;
	}
	
	/* Mod Services */
	.mod-services .mod-description {
		padding: 0;
	}
	.mod-services .mod-item .item-content {
		padding: 0;
		margin: 0 2% 0 0;
		width: 48%;
	}
	
	/* Mod About */
	.mod-about-us .mod-item .item-image {
		float: none;
		margin: 0 0 30px;
		padding: 0;
		text-align: center;
	}
	.mod-about-us .mod-item .item-image:before {
		display: none;
	}
	.mod-about-us .mod-item .item-content {
		overflow: visible;
		text-align: center;
	}
	.mod-about-us .mod-item .mod-title {
		text-align: center;
	}
	.mod-about-us .mod-item .mod-title:before {
		left: 50%;
		margin-left: -37.5px;
	}
	.mod-about-us .mod-item .item-readmore {
		margin: 25px 0 0;
	}
	
	/* Mod Bottom */
	.mod-bottom .mod-item .item {
		margin: 60px 0 0;
		padding: 0;
		width: 100%;
	}
	.mod-bottom .mod-item .item:first-child {
		margin: 0;
	}
	.mod-bottom .mod-item .item h2 {
		display: table;
		margin: 0 auto 20px;
	}
	
	/* Mod Partners */
	.mod-partners {padding: 0;}
	
	/* Breadcrumbs */
	#breadcrumbs {
		margin: 20px 0 30px;
	}
	.mod-breadcrumbs {
		text-align: center;
	}
	.mod-breadcrumbs ul {
		display: inline-block;
		float: none;
	}
	
	/* Page Details */
	.page-details .item-image {
		margin: 0 0 30px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.page-details .item-image:before {
		display: none;
	}
	.page-details .item-text {
		clear: both;
		overflow: visible !important;
	}
	
	/* Pagina About */
	.page-about .list-item .item-content {
		overflow: visible;
	}
	.page-about .list-item .item-content .item-title {
		text-align: center;
	}
	
	/* Pagina Fotos */
	.page .list-item {
		margin: 20px 0 0;
		width: 100%;
	}
	.page .list-item:first-child {
		margin: 0;
	}
}
@media (min-width: 768px) and (max-width: 959px) {  }
@media (max-width: 767px) {

	
	/* Titles */
	.mod-title, .page-title {
		font-size: 40px;
		margin: 0 0 30px !important;
	}
	
	/* Mod Services */
	.mod-services .mod-item .item-content {
		margin: 0;
		width: 100%;
	}
	.mod-services .mod-item .item-image {
		margin: 30px 0 0;
		text-align: center;
		width: 100%;
	}
	
	/* Mod About Us */
	.mod-about-us .mod-item .item-content {
		width: 100%;
	}
	.mod-about-us .mod-item .item-image {
		float: left;
		margin: 30px 0 0;
		width: 100%;
	}
	
	/* Mod banners Bottom */
	#banners-bottom .custom {
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	
	/* Bottom */
	#bottom {
		margin: 100px 0 0;
		padding: 50px 0;
	}
	
	/* Webmail */
	#webmail {
		display: none;
	}
	
	/* Copyright */
	#copyright {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	/* Websites Ja */
	#websitesja {
		margin: 30px 0 0;
		text-align: center;
		width: 100%;
	}
	
	/* Page */
	.page .list-item .item-content {
		padding: 75px 10px 20px;
	}
	
	/* Pagina Blog Detalhe */
	.page-blog-details .item-image {
		margin: 0 0 20px;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 640px) {
	/* Header */
	#header {
		margin: 0 0 50px;
		padding: 30px 0 0;
	}	
	
	/* Slide */
	#slide {
		display: none;
	}
	
	/* Titles */
	.mod-title, .page-title {
		font-size: 30px !important;
		line-height: 1.2em;
	}
	
	/* Services */
	#services {
		border-top: 1px dashed #d2d2d2;
		padding: 50px 0 0;
	}
	.mod-services .mod-item {
		clear: both;
		float: none;
		margin: 20px auto 0;
		max-width: 370px;
		width: 100%;
	}
	.mod-services .mod-item:first-child {
		margin-top: 0;
	}
	
	/* Mod About us */
	#about-us {
		margin: 60px 0 0;
		padding: 60px 0 0;
	}
	
	/* Mod Blog */
	.page-blog .list-item,
	.mod-blog .list-item {
		margin: 20px 0 0;
		width: 100%;
	}
	.page-blog .list-item:first-child,
	.mod-blog .list-item:first-child {
		margin: 0;
	}
	
	/* Page Details */
	.page-details .item-video {
		padding: 20px;
	}
	.page-details.about-us .item-text p:first-child:first-letter {
		background: none;
		border-radius: 0;
		color: #8b8f98;
		float: none;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	
	/* Page */
	.page .list-item {
		clear: both;
		float: none;
		margin: 20px auto 0;
		max-width: 370px;
		width: 100%;
	}
	.page .list-item:first-child {
		margin-top: 0;
	}
	
	/* Mod Form Contact */
	.mod-form-contact .field {
		margin: 20px 0 0;
		width: 100%;
	}
	.mod-form-contact .field:first-child {
		margin: 0;
	}
}
@media (max-width: 480px) {
	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}
	
	/* Mod Partners */
	.mod-partners .mod-items .row {margin: 0;}
	.mod-partners .mod-item {
		margin: 2% !important;
		width: 46%;
	}
}
@media (max-width: 320px) {  }